Image de couverture : concept éditorial généré par IA ; il ne s’agit ni d’un projet client ni d’une preuve de réalisation.
Pour créer un fichier SVG, dessinez des formes vectorielles ou tracez des œuvres existantes dans un éditeur vectoriel, raffinez les chemins, puis enregistrez ou exportez sous SVG. Réouvrir le fichier exporté pour vérifier son apparence et les objets modifiables. Vous n'avez pas besoin d'écrire de code pour suivre ce flux de travail.
Ce guide utilise Adobe Illustrator et couvre la création d'œuvres d'art, la conversion d'une image au besoin, le calibrage, le nettoyage et l'exportation. Il explique également comment SVG s'intègre dans les projets de graphisme web et d'impression d'écran.
Qu'est-ce qu'un fichier SVG?
SVG est synonyme de Scalable Vector Graphics. Il s'agit d'un format XML qui peut décrire les formes, le texte et les images. Les formes vectorielles restent vives lorsqu'elles sont agrandies parce que leur géométrie est recalculée à la nouvelle taille. Cependant, un SVG peut aussi contenir une image bitmap : placer un JPG dans un SVG ne transforme pas ses pixels en chemins vectoriels. L’introduction du W3C au format SVG.
SVG est utile pour les logos, icônes et illustrations qui nécessitent un redimensionnement ou un montage de forme. Une photographie ne profite pas automatiquement d'être convertie en milliers de formes tracées.
Créer un fichier SVG en sept étapes
1. Créez ou choisissez votre œuvre d'art
Commencez par une conception simple et définissez son utilisation prévue. Pour la pratique, dessinez un emblème géométrique avec quelques formes claires et des couleurs solides. Si vous avez déjà une œuvre vectorielle modifiable, travaillez à partir de cet original.
Pour les contours personnalisés dans Illustrator, sélectionnez le Outil stylo, ou presse P. Cliquez pour placer des points pour les segments droits, faites glisser pour former des courbes, et cliquez sur le point de départ pour fermer une forme. Instructions pour l'outil Adobe-Stylo.
Gardez un maître AI modifiable avant de préparer la copie SVG. Adobe recommande de conserver l'œuvre Illustrator en format AI tout en la créant, puis d'exporter le format de livraison requis. Conseils d'enregistrement d'Adobe.
2. Tracez seulement si votre création est une image
Sautez le traçage des formes que vous avez déjà dessinées. Pour un JPG, PNG ou scanner, utilisez l'original le plus clair disponible et sélectionnez l'image placée dans Illustrator.
Ouvrir Fenêtre > Trace d'image, choisissez un préréglage approprié et prévisualiser le résultat. Réglez les paramètres de couleur et de chemin pour préserver les contours importants. Inspecter les petites lacunes, les coins et le lettrage au lieu de supposer que le préréglage a tout capturé correctement. Adobe documente ces contrôles dans sa Guide du panneau de trace d'image.
Une trace est une interprétation de la source. Si un bord n'est pas clair, demander une meilleure référence ou redessiner cette partie délibérément.
3. Élargir le résultat de traçage
Lorsque la trace semble appropriée, sélectionnez Élargir pour le transformer en chemins vectoriels modifiables. Cette étape s'applique au résultat de traçage; les formes vectorielles ordinaires n'ont pas besoin d'abord de trace d'image. Explication d'Adobe de Expand.
Sélectionnez des objets individuels pour confirmer que vous pouvez modifier leurs contours. Supprimer les formes de fond indésirables, en prenant soin de préserver les œuvres d'art blanches intentionnelles et les espaces clos.
4. Définir les dimensions prévues
Réglez l'œuvre sur sa largeur et sa hauteur prévues tout en conservant ses proportions. Assurez-vous que le tableau d'art contient le design complet, y compris les traits qui s'étendent au-delà d'un bord de forme.
Pour les acheteurs qui travaillent avec des fournisseurs américains, canadiens ou britanniques, identifiez explicitement les unités : par exemple, 4 pouces de large ou 100 mm de large.
Les dimensions physiques et la taille du fichier sont différentes. Faire en sorte que l'œuvre soit physiquement plus petite ne rend pas automatiquement l'impression sérigraphique meilleure.
5. Affiner les chemins et vérifier le lettrage
Supprimer les taches accidentelles, les objets dupliqués et les points inutiles. Illustrateur Objet > Chemin > Simplifier peut réduire les points d'ancrage, mais comparez soigneusement l'aperçu : une simplification excessive peut modifier les coins et les courbes. Conseils de simplification du chemin d'Adobe.
Examiner l'œuvre à la fois agrandie et à sa taille prévue. Vérifiez l'orthographe, les détails minces et les espaces à l'intérieur des lettres. Confirmez comment le destinataire veut gérer les polices, et conservez le texte modifiable dans votre fichier maître pour les modifications futures.
6. Exportation en tant que SVG
Choisir Fichier > Exportation > Exportation sous, sélectionnez une destination et un nom de fichier, et choisissez SVG comme le format. Utilisation Utiliser les tableaux d'art et la plage appropriée lorsque vous voulez l'exportation limitée par un tableau d'art particulier. Sélectionner Exportations, puis examiner les options SVG avant de terminer l'exportation. Instructions pour l'exportation d'Adobe..
Donnez à la sortie un nom clair qui identifie la conception et la version. Gardez le maître AI séparément afin que le fichier de livraison ne devienne pas votre seule copie modifiable.
7. Réouvrir et tester le fichier exporté
Ouvrez le SVG dans un navigateur pour inspecter son apparence, puis rouvrez-le dans l'application de conception de réception si possible. Confirmer que l'œuvre est complète, que ses dimensions sont correctement interprétées et que les objets vecteurs attendus restent modifiables.
Recherchez les éléments manquants, les lettres substituées, les coups coupés et les arrière-plans inattendus. Un aperçu du navigateur est utile pour les vérifications d'apparence; demandez au fournisseur de production de confirmer qu'il est adapté à son flux de travail avant la fabrication.
Convertisseur SVG en ligne ou éditeur vectoriel ?
La distinction utile est ce que l'outil vous permet d'inspecter et de corriger. Évaluer la sortie réelle plutôt que de supposer que chaque convertisseur en ligne est inférieur ou que chaque exportation Illustrator est exacte.
Quoi vérifier | Pourquoi c'est important |
|---|---|
Chemins modifiables | Le SVG peut contenir une image intégrée au lieu de formes reconstruites. |
Précision du contour | Le traçage automatisé peut changer les coins, le lettrage ou de petites lacunes. |
Contrôles de nettoyage | Vous avez besoin d'un moyen de corriger les objets indésirables et les courbes gênantes. |
Aspect à l'exportation | Les polices, la transparence et les effets doivent être vérifiés dans l'application de destination. |
Un convertisseur peut être suffisant pour une œuvre d'art simple si son résultat passe ces vérifications. Un éditeur vectoriel est utile lorsque vous devez redessiner ou affiner des formes individuelles.
Avantages et limites de SVG
SVG offre une géométrie évolutive, des formes modifiables et des œuvres réutilisables pour différentes tailles d'affichage. Les conceptions vectorielles simples peuvent être compactes, mais le poids du fichier dépend des paramètres de l'œuvre et de l'exportation; il n'y a pas d'économie de pourcentage fiable pour chaque conception.
Pour une utilisation sur le Web, l'accessibilité nécessite plus que le choix de SVG. Les images informatives ont besoin d'une alternative textuelle appropriée qui communique leur but. Suivre Conseils d'information sur l'image du W3C lors du placement du graphique sur une page.
SVG vs. PNG pour sérigraphie
SVG peut être un format de départ utile pour les oeuvres construites à partir de formes propres. PNG stocke des images basées sur des pixels, supporte la transparence et utilise une compression sans perte. Sa pertinence dépend du détail de l'image disponible à la taille de sortie requise. Spécifications de la PNG de W3C.
Ouvrages ou exigences | Choix pratique |
|---|---|
Un logo qui a besoin de redimensionnement et de modifications de forme | Fournissez des œuvres vectorielles dans un format que l'imprimante accepte; SVG peut être approprié. |
Une photographie ou une illustration texturée | Fournissez l'œuvre originale et confirmez les exigences de résolution. |
Un contexte transparent | Chaque format peut le supporter ; inspecter le fichier réel. |
Un fournisseur demande AI, PDF ou EPS | Fournir le format et les paramètres demandés plutôt que de supposer que SVG est interchangeable. |
Une exportation SVG ne crée pas de séparations d'impression d'écran finies. Le workflow de production doit tenir compte des encres et de la répartition de l'œuvre en composantes imprimables. Adobe explique ce processus séparé dans son guide de séparation des couleurs.
Avant de retirer le fichier, fournir les dimensions finies, le placement prévu, le vêtement ou la couleur du substrat, et les références de couleur. Demandez à l'imprimeur d'examiner les détails et de confirmer son format accepté.
Si votre image source a besoin d'être reconstruite, voir Le service de conversion d’images matricielles en vectoriel de DigitEMB. Inclure les dimensions originales et finales les plus claires et l'utilisation prévue afin que le travail requis puisse être évalué.
Questions fréquentes
Ai-je besoin de compétences de codage pour créer un SVG?
C'est pas vrai. Vous pouvez dessiner et éditer des oeuvres dans un éditeur vectoriel, puis les exporter sous la forme de SVG. L'écriture XML est une façon optionnelle de créer ou de modifier le fichier.
Puis-je renommer un PNG en .svg ?
C'est pas vrai. Le renaissement d'un fichier ne change pas son contenu. Pour obtenir des formes vectorielles à partir d'un PNG, tracez ou redessinez l'œuvre et exportez les chemins résultants.
Pourquoi mon SVG semble encore flou ?
Vérifiez s'il contient une image bitmap. Une bitmap intégrée conserve son détail pixel original même si le fichier environnant utilise l'extension SVG.
Un SVG est-il automatiquement prêt pour l'impression sérigraphique?
C'est pas vrai. L'imprimante doit encore vérifier la taille finie, les détails fins, les couleurs, les séparations et la compatibilité logicielle. Confirmez le format de livraison requis avant d'envoyer l'œuvre.