GT-TC Index
 
Bienvenue Chez les TC

 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Transformer en SVG

 
Post new topic   Reply to topic    GT-TC Forum Index -> Section Générale -> Présentation, actus, aides -> Aide générale
Previous topic :: Next topic  
Author Message
TC-Stoli
Administrateur
Administrateur

Offline

Joined: 09 Nov 2013
Posts: 6,752
Localisation: Le forum
ID PSN: TC-Stoli
Support: T500RS.
Masculin
Team:

PostPosted: Sun 10 Dec 2017 - 17:42    Post subject: Transformer en SVG Reply with quote

PublicitéSupprimer les publicités ?
Voici comment je procède pour transformer un PNG ou un JPG en SVG.
Si vous avez plus simple, faites-le savoir, ça m'intéresse.

Le logiciel pour les SVG que j'utilise est Inkscape.
Il est possible de transformer n'importe quel PNG en SVG avec celui-ci.

Les choses à savoir. Si j'ai tout compris, les SVG gèrent les bords d'un dessin selon des points reliés entre-eux à travers des lignes droites ou courbes selon des équations mathématiques.
Cela permet d'agrandir ou d'étirer un dessin sans jamais voir les pixels. 
Donc, plus le PNG est petit, moins les bords sont nets, plus il y a de points.

J'ai choisi un PNG de grande taille sur le net pour faire un beau SVG. Laughing



Je l'ouvre avec Inscape et je l'enregistre sur mon bureau. Inscape enregistre tout par défaut en SVG.



Le truc, c'est qu'il est trop gros pour GT sport (limité à 15ko) même en le compressant, il ne perd que quelques kilos.
Je vais utiliser Gimp (adobe doit le faire aussi) pour un régime digne de Weight-Watchers.

1 Ouvrir le PNG avec Gimp.



2 Sélectionner par la couleur le contour du trèfle.



Tout ce qui est de la même couleur dans l'image sera copiée. Il existe un outils dans la barre dédiée pour choisir une couleur contiguë.

3 Exporter vers les chemins.



4 Exporter le chemin.
Cliquez sur le chemin dans la nouvelle fenêtre. Nommez-le "contour", exportez-le sur le bureau.



5 répéter depuis le 2 avec le centre du trèfle.

Il faut bien évidement le nommer autrement. Laughing

6 Ouvrir le chemin enregistré nommé "contour".

Ouvrir avec Inkscape, il sera ouvert en SVG.



7 Remplir le fond.
Cliquez sur le bord du trèfle pour le sélectionner, allez dans fond et contour et cliquez sur "à plat" dans la fenêtre qui s'ouvre (2ème case).
Choisissez la couleur.



8 Importer l'intérieur.



Comme pour le 7, mais cette fois-ci, cliquez au centre pour mettre de la couleur.
Il se peut qu'il faille recadrer le centre du trèfle en le faisant glisser dans l'image.



Au besoin, vous pouvez zoomer avec la touche CTRL et la molette de la souris. (Beaucoup ne le savent pas mais ça marche sur la majorité des fenêtres Windows)

9 L'enregistrer.
Il sera automatiquement en SVG



15.8ko, c'est encore un peu trop un petit passage de Compressor.io https://compressor.io/compress



Là, c'est mieux, il ne reste plus qu'à le mettre avec les autres stickers de GT-Sport. Okay

c'est encore plus facile avec une seule couleur mais pensez bien à remplir le fond.
_________________

Plus t’accélères moins fort, moins t'avances plus vite...
Following members like this message:
(10/12/17)
Back to top
TC-Touni95
Administrateur
Administrateur

Offline

Joined: 28 Jul 2011
Posts: 18,159
Localisation: val d oise
ID PSN: TC-Touni95
Support: Pad croix/G27/G29
Masculin
Team:

PostPosted: Sun 10 Dec 2017 - 18:17    Post subject: Transformer en SVG Reply with quote

Okay
_________________


ID en ligne : TC-Touni95
Back to top
TC-Rotor
Guest

Offline




PostPosted: Sun 10 Dec 2017 - 20:16    Post subject: Transformer en SVG Reply with quote

Okay
Back to top
TC-Fred33
Les Pilotes TC
Les Pilotes TC

Offline

Joined: 21 Jul 2014
Posts: 2,529
Localisation: bordeaux
ID PSN: TC-Fred33
Support: G29+playseat
Masculin
Team:

PostPosted: Sun 10 Dec 2017 - 22:17    Post subject: Transformer en SVG Reply with quote

Okay g
_________________



Les gagnants trouvent des moyens et les perdants des excuses
FRANKLIN ROOSEVELT
Back to top
TC-Capam
Guest

Offline




PostPosted: Tue 12 Dec 2017 - 00:27    Post subject: Transformer en SVG Reply with quote

 Stoli  Okay Okay Okay
Back to top
Cobra-111813
Les Pilotes TC
Les Pilotes TC

Online

Joined: 09 Feb 2015
Posts: 1,802
Localisation: Loiret
ID PSN: TC-Cobra45
Support: T-GT + seat maison
Masculin
Team:

PostPosted: Tue 12 Dec 2017 - 15:38    Post subject: Transformer en SVG Reply with quote

Okay  Stoli, je n'utilise pas cette méthode.
Insert l'image directement dans Inkscape.
Mais peu importer la méthode, le principe est d'y arriver  Wink
Back to top
TC-Stoli
Administrateur
Administrateur

Offline

Joined: 09 Nov 2013
Posts: 6,752
Localisation: Le forum
ID PSN: TC-Stoli
Support: T500RS.
Masculin
Team:

PostPosted: Tue 12 Dec 2017 - 20:24    Post subject: Transformer en SVG Reply with quote

Comme dit au début, le SVG importé directement fait 54k, j'en suis arrivé à 7. Wink
De plus si je réduit la dimension de 800 à 100 et que je passe directement dans Inkscape,
J'ai bien un SVG de 10ko mais impossible de le charger dans GT.
Il y a peut-être une solution pour le faire accepter mais je ne la connais pas.
_________________

Plus t’accélères moins fort, moins t'avances plus vite...
Back to top
Cobra-111813
Les Pilotes TC
Les Pilotes TC

Online

Joined: 09 Feb 2015
Posts: 1,802
Localisation: Loiret
ID PSN: TC-Cobra45
Support: T-GT + seat maison
Masculin
Team:

PostPosted: Tue 12 Dec 2017 - 20:27    Post subject: Transformer en SVG Reply with quote

Quand je l'importe l'image, il faut ensuite le transformer en chemin ce que tu fais sous Grimp.
Back to top
TC-Stoli
Administrateur
Administrateur

Offline

Joined: 09 Nov 2013
Posts: 6,752
Localisation: Le forum
ID PSN: TC-Stoli
Support: T500RS.
Masculin
Team:

PostPosted: Tue 12 Dec 2017 - 20:43    Post subject: Transformer en SVG Reply with quote

Merci du tuyau, je me fais chier pour rien...  Smile
_________________

Plus t’accélères moins fort, moins t'avances plus vite...
Back to top
TC-Gotti974
Guest

Offline




PostPosted: Fri 5 Jan 2018 - 05:09    Post subject: Transformer en SVG Reply with quote

merci stil, super ton tuto. Ca risque de bien me servir Wink
Back to top
TC-weadj
Guest

Offline




PostPosted: Sun 7 Jan 2018 - 13:18    Post subject: Transformer en SVG Reply with quote

il est fort ce Stoli Okay
Back to top
TC-Stoli
Administrateur
Administrateur

Offline

Joined: 09 Nov 2013
Posts: 6,752
Localisation: Le forum
ID PSN: TC-Stoli
Support: T500RS.
Masculin
Team:

PostPosted: Sat 17 Nov 2018 - 12:13    Post subject: Transformer en SVG Reply with quote

J'ai voulu faire un nouveau sticker pour gt-sport avec le logo "Automoto - La Chaine" en svg via Inkscape.


Cependant, j'ai pas mal pinaillé avec la transparence et les dégradés de couleur.
Impossible de les faire apparaître correctement.

Soit tout noir, soit invisible. Surprised


J'ai cherché un grand moment pendant la mise à jour sans trouver de réponse même sur les sites anglophones.


Ce matin je suis retourné sur Inkscape et en testant plusieurs choses il me semble avoir trouvé la solution.


Il s'agit d'enregistrer sous "SVG optimisé".
Je vous laisse les paramètres (je les ai laissés par défaut, de toute manière, je n'y comprend rien Mr. Green ) dans le cas où...












_________________

Plus t’accélères moins fort, moins t'avances plus vite...
Back to top
Display posts from previous:   
Post new topic   Reply to topic    GT-TC Forum Index -> Section Générale -> Présentation, actus, aides -> Aide générale All times are GMT + 2 Hours
Page 1 of 1

 
Jump to:  




Index | Create a forum | Free support forum | Free forums directory | Report a violation | Cookies | Charte | Conditions générales d'utilisation

Le Forum TC
Forum d'entraide pour GT
Powered by LA TEAM TC
Designed by Touni95 & Capam