création de gabarits SVG - astuce de Cécile sur le forum du CDIP

Le clic traditionnel

à lire avant tout ...  j'imagine qu'il vaut mieux que l'image soit une "forme" et non une "photo".. si vous souhaitez créer un gabarit à partir d'une image de fleur par exemple, je vous suggère de 

* ajouter l'image détourée sur votre page de scrap

* la modifier : luminosité = - 100, jusqu'à obtenir une image parfaitement noire

* l'exporter en image..

ou, si vous préférez : 

* enregistrer l'image détourée dans vos masques (Studio Scrap)

* l'ajouter sur une page en tant que masque

* l'exporter comme image ... vous aurez donc juste une forme

mise à jour 25 avril 2022

en résumé, mes préférences  - 2 presque ex aequo  ADBLOC, ce que j'ai fait, mais le message réapparaît... du coup, je "déclasse" le site en 3ème position

2)  On Line Convertor, rapide  -  téléchargement possible de 9 fichiers, mais par groupes de 3 ... ensuite délai d'attente

En s'inscrivant gratuitement, on peut télécharger 100 MB gratuitement, je me suis inscrite, mais je n'ai pas vu la différence !  Par contre, le résultat est toujours aléatoire, selon la forme de base (voir image ci-dessous)

Ce que l'on peut choisir  : 

• convertir les images avec On Line Convertor, et conserver les gabarits qui sont corrects
• continuer avec PNG TO SVG pour les autres...

création de gabarits avec On Line Convertor  :

Online Convert Free 7 fichiers d'un coup, téléchargeable en un seul dossier... par contre je n'ai pas pû utiliser les gabarits !!! Peut-être aurez vous plus de chance que moi ?

Convertio  2 fichiers - idem ; gabarits "inactifs" sur ma maquette

*****

Nouveaux essais avec On Line Convertor, c'est top. On peut télécharger les fichiers 3 par 3 (pour me simplier la tache, avant de les télécharger, je les renomme par groupes de 3), avec un maximum de 9 fichiers toutes les 30 minutes à priori...  On récupère les 3 images dans un dossier ZIP

J'ai donc converti mes 9 premier fichiers sur ce site,  j'ai continué avec Convertio :  j'ai pu télécharger les 3 images restantes,  2 ont été converties immédiatement, et la 3ème après le téléchargement des fichiers convertis. Par contre le téléchargement de la 3ème image convertie a été très très très lent... du coup j'ai essayé PNGTOSVG

La présentation de ce dernier site semble nécessiter de nombreuses étapes, mais ce n'est qu'une impression... il faut simplement télécharger le fichier et cliquer sur Generate, puis Download

tout ce qu'il y a en dessous sont des options complémentaires (sans doute intéressantes, je n'ai pas regardé .. .Elles permettent sûrement de supprimer la bordure dont j'ai parlé plus haut)

Attention !!! Avant de transformer les masques LeaFrance en gabarit, il faut gommer les numéros !!! sinon ils apparaîtront en "trou" dans le gabarit !! - infos complémentaires ici

bien sûr, à mon habitude, j'avais tenté la conversion de tous les fichiers sans faire de petits essais, du coup j'ai épuisé mon quota sur Online Convertor et je n'ai pas la patience d'attendre les 20 mn qui me sont imposées.. je retente ma chance avec  Online Convert Free et, chouette, je peux télécharger 7 fichiers d'un coup :), et récupérer l'ensemble dans un seul fichier ZIP

1)  PNGTOSVG -  1 seule image à la fois, c'est un peu fastidieux  ;  qualité +++ : le gabarit est créé avec une bordure, on peut la supprimer lorsqu'on l'insère sur la page  - Cette bordure est liée à l'ombre qui existait sur mes images PNG ; cela devrait pouvoir s'améliorer ! .. D'un autre côté, cela présente aussi un avantage : on obtient un gabarit "cadre" lorsque l'on sépare les deux formes.

nota : nouvel essai en mai : impossible d'utiliser le site : une "alerte" me demande de désactiver ADBLOC, ce que j'ai fait, ... sans succès. Le message réapparait... du coup je "déclasse le site en dernière position

mise à jour 19 avril 2019

On-Line Convert : je suis arrivée au maximum de conversion, j'hésite entre m'inscrire ou trouver un autre site pour convertir mes gabarits Après les recherches effectuées, j'ai fini par m'inscrire (avec une adresse mail dédiée au shopping etc, pour ne pas être trop importunée)

J'ai tenté

Jina Convert    on peut télécharger plusieurs images en même temps, mais elles seront fusionnées pour créer un seul SVG (aucun intérêt pour moi)
Convertio   permet la conversion de deux images simultanément, après il faut soit patienter, soit s'inscrire
idem pour Onlineconvertfree 
picscg indique que l'ont peut convertir UNE image..
Idem pour Vector Magic, idem pour PNG to SVG
SVG to PNG transforme dans le sens indiqué (et ne permet donc pas d'obtenir des SVG)

Génialissime !  (mais très technique, pour éviter cet article, cliquer ICI)

Sur le forum technique, Cécile vient d'indiquer une autre manière de créer un gabarit.

Il existe des sites qui convertissent des formes PNG en format SGV, par exemple

https://image.online-convert.com/fr

descendre sur la page pour choisir :

Convertir une image au format SVG

pour mon premier test, j'ai choisi un élément figurant dans mes masques, la carte de la ville de Penestin

En général, le fichier SVG arrive immédiatement dans votre dossier "téléchargement". *si cela ne marche pas, il faut cliquer soit sur "télécharger votre fichier", soit sur la plaquette Download.

Ensuite, il faut aller chercher le fichier dans le dossier "téléchargement", et le transférer dans un dossier "gabarits" de Studio Scrap (on peut créer un dossier spécifique, le mien s'appelle "nouveaux", celui de Cécile "personnels")

et voilà, on peut utiliser une forme en gabarits, avec l'ombre que l'on souhaite, ombre intérieure, ombre biseautée, ou une bordure de couleur 

Le contour peut être très biscornu, par contre cela ne fonctionne pas avec des formes crées à partir de plusieurs gabarits, ou lorsqu'il y a des vides dans l'image.

L'essentiel est qu'il soit d'une ligne continue (d'après mes premiers essais)

mise à jour :

on peut perforer deux gabarits créés avec cette méthode

Maintenant, on sait que cela fonctionne... alors comment créer l'image de base, en format PNG ?

La plupart d'entre vous le savent déjà, pour les autres :

* on peut commencer avec une image libre de droit, trouvée sur le net.

la démo qui suit n'est pas très intéressante, on a de très beaux gabarits tout prêts sur Studio Scrap ; l'essentiel est de savoir que cela est possible pour explorer ces nouveaux chemins !

Exemple : Pixabay (j'ai masqué le centre de l'image, pour préserver le site) ; cela n'a pas fonctionné (le gabarit créé comprend uniquement la forme globale

 le résultat obtenu est sans intérêt

par contre, si je tape "silhouette" dans mon moteur de recherche, j'obtiens beaucoup de formes noir sur fond blanc. Je peux m'en servir directement et très simplement, en détourant le fond (à l'aide de GIMP, ou d'un autre logiciel)

Avec une autre image, c'est un peu plus complexe.

Par exemple, ce bateau

il me faudra d'abord le détourer, pour en garder une forme globale - 

surprenant, le gabarit obtenu au premier essai ne prend que les couleurs les plus sombres

pour obtenir (via la conversion, indiquée ci dessus), un nouveau gabarit, il faut commencer par colorier toute la forme (ou une partie)

(il est à l'envers, mais ce n'est pas très grave)

on peut y appliquer les ombres et les contours que l'on veut, ou déplacer les points jaunes

ok ok, cela ne vaut rien... l'important c'est l'idée, et les opportunités que cela nous ouvre...

Mise à jour 21-9 :

Hier soir, j'ai copié des gabarits persos (format GAB), créés à partir de la fusion de gabarits standards, pour les affiner et les transformer en gabarits formats SVG.

Je pensais qu'il serait alors plus simple d'adapter leur forme pour de nouvelles pages (actuellement, je dois les "défusionner", modifier les points jaunes avant de les refusionner. Ce n'est pas le cas  : les gabarits créés à partir de format PNG et transformés en format SVG contiennent beaucoup trop de points jaunes, une nouvelle adaptation est trop délicate.

C'est l'une des limites à cette technique, mais elle est de peu d'importance. A partir de formes de base, on peut choisir qu'elle sera la meilleure technique à appliquer  : la transformer en PNG, en SVG... J'aime bien avoir le choix !

• copier dans le dossier que vous destinez à recevoir ces gabarits personnels quelques gabarits de base, et les nommer 1,2,3... ou A, B, C

Quand vous créez un nouveau gabarit, enregistrez le sous le nom 1,2 ... ou A, B.... ainsi, il sera directement utilisable

Si vous souhaitez le conserver pour d'autres utilisation, vous pourrez le déplacer vers un autre dossier.

deux possibilités :

• après l'avoir rogné au contenu, on l'ajoute sur une page de scrap et on l'exporte à nouveau (trop compliqué pour une nouvelle maquette, mais à ce stade le travail a déjà été fait, donc pourquoi pas)4
• lorsque l'on travaille un nouveau dossier, avant d'exporter l'image, on passe un coup de pinceau sur le chiffre 

• 

• 1 - choisir la même couleur que l'image
• 2 - prendre le pinceau
• 3 - l'appliquer sur le nombre, pour le faire disparaître 

nota  : avec PNGTOSVG, on peut envisager de sauter cette étape : les chiffres forment également un gabarit séparé ; on peut les grouper ... mais le résultat ne me semble pas adéquat : le gabarit inclut une surface vide, et prend une taille encombrante sur la page. Essayez, vous jugerez par vous même si cela vous convient ou non.