De nombreux amateurs de design novices seront certainement confrontés à ce problème, car dans certains cas, il est nécessaire image vectorielle. Cet article décrit en détail comment créer une image vectorielle.

A quoi sert la traduction d'un objet raster en un objet contour ?

Un exemple en est un remplissage sur lequel un masque vectoriel est appliqué. Le groupe de primitives vectorielles est un groupe d'outils permettant de créer un masque sans paiement et en mode automatique. DANS dans cet exemple Il s'avère que le contour de l'image sera vectoriel, tandis que le remplissage sera raster.

Cependant, vous devez comprendre que Photoshop ne fonctionne pas dans pleine force avec un vecteur utilisant aspects positifs lorsque cela est possible. Lorsqu'ils travaillent de manière intensive avec des graphiques, les spécialistes sont confrontés à diverses tâches, pour lesquelles il est plus pratique de convertir immédiatement la sélection en plan plutôt que d'utiliser Illustrator pour cette tâche. C'est pour des tâches similaires que Photoshop dispose d'une fonction qui permet de convertir des objets raster en objets vectoriels, car tous les spécialistes ne préfèrent pas utiliser Illustrator.

Comment créer une image vectorielle à partir d’une image raster ?

Pour ce faire, vous devez effectuer une certaine procédure dans Photoshop. Tout d’abord, vous devez sélectionner un objet à l’aide du jeu d’outils Sélectionner. Le programme convertit n'importe quel objet sélectionné et sélectionné en contour.

Si les méthodes de travail décrites sont difficiles pour vous, il est préférable de vous familiariser d'abord avec les interfaces du programme, car c'est la base, sans savoir sur quoi vous ne pouvez pas avancer.

Un exemple est le processus consistant à représenter une personne à partir d’une image. Vous pouvez prendre la photo originale et utiliser une tablette et un pinceau à bords durs pour délimiter l'objet. Après cela, vous pouvez le modifier, par exemple remplacer le visage. Une fois cette image convertie en vecteur, il sera possible de la mettre à l'échelle sans perdre en qualité d'image.

Images pour tracer

Pour exemple clair est pris image facile- papillon. Lors de la traduction, il est nécessaire de prendre en compte que plus l'image est grande, meilleure sera l'image vectorielle. Cette règle fonctionne dans Photoshop et de la même manière dans Illustrator. Les grandes images sont celles qui dépassent 1 000 pixels.

Sélection d'un objet

Le processus de sélection d'un objet doit commencer par la sélection des outils. Vous devez utiliser l'outil Baguette magique le plus courant de l'ensemble d'outils, puis appuyer sur clic droit souris une fois dans la partie blanche de la zone de travail. A la suite de ces manipulations vous créerez une zone de travail.

Ensuite, vous devez sélectionner le papillon à l'aide de l'ensemble Select - Select Inverse. Dans cette procédure, une inversion se produit afin de mettre en évidence l'image. Cependant, il convient de noter que cette option ou toute autre option n'affecte pas le résultat final, l'essentiel est que l'objet requis soit sélectionné.

Sur la photo ci-dessus, vous pouvez voir ce qu'on appelle des motifs vectoriels. Une telle image s'appelle une fractale - c'est un objet qui, lorsqu'il est agrandi, change selon certains algorithmes. L'image vectorielle est parfaite pour représenter une fractale ; il vous suffit de saisir la formule et d'obtenir le résultat final, comme indiqué ci-dessus. C'est ce qu'on appelle un motif vectoriel.

Création d'un chemin vectoriel

C'est presque la dernière partie de la création d'une image vectorielle. Il convient de rappeler l'essentiel : il existe de nombreux programmes pour créer de telles images, un spécialiste doit en choisir un (deux au maximum), sinon vos efforts pour les étudier tous en même temps seront vains.

Une fois que vous avez sélectionné une zone, convertissez-la en chemin vectoriel. Pour ce faire, vous pouvez utiliser des outils de sélection, tels que l'outil Lasso, l'outil de sélection rectangulaire, l'outil Baguette magique, etc. Ensuite, cliquez avec le bouton droit sur la zone de sélection, après quoi un menu apparaîtra dans lequel vous devrez sélectionner Créer un chemin de travail. Vient ensuite un menu dans lequel le degré de tolérance d'anticrénelage est défini. Plus l'anticrénelage est important, plus le nombre de nœuds vectoriels est petit et moins la répétition du contour raster est précise.

Après tout ce qui précède, un chemin de travail doit être formé dans Path. S'il n'existe pas une telle palette, vous pouvez la trouver en utilisant Fenêtres Windows et sélectionnez Chemin. Ensuite, vous devez faire appuyez deux fois sur le chemin de travail et enregistrez-le dans un autre emplacement. Les tracés de cette zone agissent de la même manière que les calques de la palette Calques. Un contour en surbrillance signifie qu'il est activé et peut être utilisé.

Sélectionnez ensuite le chemin à l'aide de l'outil de sélection de chemin ou de la palette Chemin. Vous devez cliquer sur le bouton Calque, puis sélectionner Nouveau calque de remplissage dans l'onglet qui s'ouvre, puis Couleur unie. De cette façon, vous créerez un calque de remplissage auquel sera immédiatement attribué un masque vectoriel sous la forme de votre contour.

Travaux de finition

Pour affiner l'image, vous pouvez utiliser l'outil Plume pour sélectionner le masque de calque de remplissage. Configurez ensuite l'outil Plume, à savoir le régler sur Soustraire. En utilisant cela, vous pouvez dessiner sur l'image éléments supplémentaires et des modèles.

C’est comme ça qu’il est simple de créer une image vectorielle. Cette compétence aidera certainement les designers débutants.

Les outils permettant de travailler avec des vecteurs dans Photoshop sont apparus il y a assez longtemps, mais ils ont commencé à être utilisés relativement récemment. Cela est dû au fait qu'il est très pendant longtemps ils étaient « crus », etc. un vecteur dans Photoshop n'est pas un outil de travail spécialisé et n'a pas été modifié. Mais tout a changé avec la sortie de Photoshop CC.

Pourquoi avez-vous besoin d’un vecteur dans Photoshop ?

Je veux d’abord vous expliquer pourquoi j’utilise un vecteur dans Photoshop. Il existe de nombreux éditeurs de vecteurs éprouvés. Les plus courants sont Illustrator, CorelDraw, Xara. Le plus souvent, je fais du web design, ce qui signifie que mon travail n’est pas le résultat final. Ceux. Avant de devenir un site Web, une interface ou une application, la mise en page sera envoyée au maquettiste. La plupart des concepteurs de mise en page maîtrisent Photoshop, mais connaissent très superficiellement Illustrator. Par conséquent, le désir de tout « mettre » dans un seul fichier est tout à fait logique. C'est formidable lorsque le concepteur de mise en page reçoit un PSD contenant une mise en page complète et même avec la possibilité de modifier des éléments. Changer la couleur d'un bouton, changer le rayon d'une forme de menu, augmenter ou diminuer un bloc sans perte de qualité - en 2 clics et 1 minute ! Vector dans Photoshop vous permet de le faire sans aucune compétence particulière.

Fonctionnalités du travail avec des vecteurs dans Photoshop

Si vous avez déjà travaillé dans un éditeur vectoriel, beaucoup de choses vous sembleront familières. Mais il faudra s'habituer à beaucoup de choses. Tout le travail dans Photoshop est construit avec des calques, cela s'applique également à tous les outils vectoriels.
1. Pour modifier facilement un vecteur dans Photoshop, vous devez placer chaque forme sur un calque distinct.
2. Les opérations de « fusion », « soustraction », « superposition » s'appliquent mieux à deux objets maximum.
3. Après l'opération de « fusion », « soustraction », « superposition », les contours des objets originaux restent disponibles pour l'édition.
4. Les styles raster peuvent être facilement appliqués à tous les objets vectoriels. C'est très pratique.
5. Vous pouvez appliquer de la transparence aux objets vectoriels et leur appliquer des filtres.
6. Les calques individuels et les groupes de calques contenant des objets vectoriels peuvent être facilement clonés dans un document ou copiés dans un autre document PSD.
7. Étiquetez chaque calque et regroupez les calques - cela vous fera gagner beaucoup de temps.

Primitives de base

Comme dans tout éditeur de vecteurs, un vecteur dans Photoshop possède des primitives prêtes à l'emploi. Primitives de base :
«Rectangle», «Rectangle aux coins arrondis», «Ellipse», «Polygone», «Ligne», «Forme libre». Pour chaque forme (à tout moment), vous pouvez définir l'épaisseur/le type/la couleur du trait et du remplissage. Disponible pour des primitives spécifiques propriétés supplémentaires. Par exemple, pour un polygone, vous pouvez définir le nombre de coins et pour un rectangle aux coins arrondis, vous pouvez définir le rayon d'arrondi.

Outils de base

Pour dessiner un vecteur arbitraire ou en modifier un existant (y compris le contour des primitives), vous devez utiliser les outils « Pen » (dessiner un contour arbitraire), « Pen+ » (ajouter de nouveaux points d'ancrage au contour fini), « Pen -" (supprimer les points d'ancrage du contour fini), "Stylo libre" (dessiner un contour arbitraire à la main), "Angle" (modifier les courbures des courbes de contour, définir les types de connexions entre les points d'ancrage).

Pour illustrer le processus, une courte vidéo à partir de laquelle vous apprendrez :
1. Comment créer une primitive
2. Comment dessiner une forme vectorielle libre
3. Comment modifier le contour d'une primitive
4. Comment modifier le contour d'une forme vectorielle arbitraire

Opérations de base avec des vecteurs dans Photoshop

Au total, 4 opérations sont disponibles : "Fusionner les formes", "Soustraire la forme avant", "Fusionner les formes en superposition", "Soustraire les formes en superposition". Toutes ces opérations sont disponibles via le principal menu supérieur Calques > Fusionner les formes, ou via la barre d'outils « Propriétés » (menu du haut Fenêtre > Propriétés).
Attention! Avant de commencer toute opération de combinaison de formes vectorielles, assurez-vous que les calques de ces formes sont sélectionnés dans la barre d'outils « Calques » (activez F7 ou Fenêtre > Calques).

Une courte vidéo illustrant les opérations de base de « fusion de formes » dans Photoshop.

Changez la couleur, la taille et appliquez des styles

Venons-en maintenant à la partie la plus intéressante. Un vecteur dans Photoshop vous permet de modifier la taille vers le haut et vers le bas sans perte de qualité. Pour cela, sélectionnez les calques souhaités dans la barre d'outils « calques », appuyez sur Ctrl+T (ou Commande+T si vous avez un MAC) et faites glisser les marqueurs du contour sélectionné avec la souris pour ajuster la taille. Pour modifier la taille proportionnellement, vous devez maintenir la touche Maj enfoncée.


Brève vidéo :
1. Redimensionner la forme vectorielle
2. Changez la couleur de remplissage de la forme vectorielle
3. Ajouter du style à la forme vectorielle

Télécharger l'exemple PSD (gratuit)

Pour vous permettre de comprendre plus facilement comment utiliser un vecteur dans Photoshop et voir comment ces outils peuvent être utilisés dans la pratique, je publie un fichier infographique réalisé par mes soins entièrement à l'aide d'outils vectoriels.

Poser une question

Si quelque chose ne fonctionne pas pour vous ou si vous avez des questions, écrivez dans les commentaires et je vous aiderai à le comprendre. Vous pouvez également regarder la vidéo à l'aide d'outils vectoriels.

Les outils permettant de travailler avec des vecteurs dans Photoshop sont apparus il y a assez longtemps, mais ils ont commencé à être utilisés relativement récemment. Cela est dû au fait qu'ils sont restés « crus » pendant très longtemps, etc. un vecteur dans Photoshop n'est pas un outil de travail spécialisé et n'a pas été modifié. Mais tout a changé avec la sortie de Photoshop CC.

Pourquoi avez-vous besoin d’un vecteur dans Photoshop ?

Je veux d’abord vous expliquer pourquoi j’utilise un vecteur dans Photoshop. Il existe de nombreux éditeurs de vecteurs éprouvés. Les plus courants sont Illustrator, CorelDraw, Xara. Le plus souvent, je fais du web design, ce qui signifie que mon travail n’est pas le résultat final. Ceux. Avant de devenir un site Web, une interface ou une application, la mise en page sera envoyée au maquettiste. La plupart des concepteurs de mise en page maîtrisent Photoshop, mais connaissent très superficiellement Illustrator. Par conséquent, le désir de tout « mettre » dans un seul fichier est tout à fait logique. C'est formidable lorsque le concepteur de mise en page reçoit un PSD contenant une mise en page complète et même avec la possibilité de modifier des éléments. Changer la couleur d'un bouton, changer le rayon d'une forme de menu, augmenter ou diminuer un bloc sans perte de qualité - en 2 clics et 1 minute ! Vector dans Photoshop vous permet de le faire sans aucune compétence particulière.

Fonctionnalités du travail avec des vecteurs dans Photoshop

Si vous avez déjà travaillé dans un éditeur vectoriel, beaucoup de choses vous sembleront familières. Mais il faudra s'habituer à beaucoup de choses. Tout le travail dans Photoshop est construit avec des calques, cela s'applique également à tous les outils vectoriels.
1. Pour modifier facilement un vecteur dans Photoshop, vous devez placer chaque forme sur un calque distinct.
2. Les opérations de « fusion », « soustraction », « superposition » s'appliquent mieux à deux objets maximum.
3. Après l'opération de « fusion », « soustraction », « superposition », les contours des objets originaux restent disponibles pour l'édition.
4. Les styles raster peuvent être facilement appliqués à tous les objets vectoriels. C'est très pratique.
5. Vous pouvez appliquer de la transparence aux objets vectoriels et leur appliquer des filtres.
6. Les calques individuels et les groupes de calques contenant des objets vectoriels peuvent être facilement clonés dans un document ou copiés dans un autre document PSD.
7. Étiquetez chaque calque et regroupez les calques - cela vous fera gagner beaucoup de temps.

Primitives de base

Comme dans tout éditeur de vecteurs, un vecteur dans Photoshop possède des primitives prêtes à l'emploi. Primitives de base :
«Rectangle», «Rectangle aux coins arrondis», «Ellipse», «Polygone», «Ligne», «Forme libre». Pour chaque forme (à tout moment), vous pouvez définir l'épaisseur/le type/la couleur du trait et du remplissage. Des propriétés supplémentaires sont disponibles pour des primitives spécifiques. Par exemple, pour un polygone, vous pouvez définir le nombre de coins et pour un rectangle aux coins arrondis, vous pouvez définir le rayon d'arrondi.

Outils de base

Pour dessiner un vecteur arbitraire ou en modifier un existant (y compris le contour des primitives), vous devez utiliser les outils « Pen » (dessiner un contour arbitraire), « Pen+ » (ajouter de nouveaux points d'ancrage au contour fini), « Pen -" (supprimer les points d'ancrage du contour fini), "Stylo libre" (dessiner un contour arbitraire à la main), "Angle" (modifier les courbures des courbes de contour, définir les types de connexions entre les points d'ancrage).

Pour illustrer le processus, une courte vidéo à partir de laquelle vous apprendrez :
1. Comment créer une primitive
2. Comment dessiner une forme vectorielle libre
3. Comment modifier le contour d'une primitive
4. Comment modifier le contour d'une forme vectorielle arbitraire

Opérations de base avec des vecteurs dans Photoshop

Il y a 4 opérations disponibles au total : « Fusionner les formes », « Soustraire la forme avant », « Fusionner les formes en superposition », « Soustraire les formes en superposition ». Toutes ces opérations sont disponibles via le menu principal supérieur Calques > Fusionner les formes, ou via la barre d'outils « Propriétés » (menu du haut Fenêtre > Propriétés).
Attention! Avant de commencer toute opération de combinaison de formes vectorielles, assurez-vous que les calques de ces formes sont sélectionnés dans la barre d'outils « Calques » (activez F7 ou Fenêtre > Calques).

Une courte vidéo illustrant les opérations de base de « fusion de formes » dans Photoshop.

Changez la couleur, la taille et appliquez des styles

Venons-en maintenant à la partie la plus intéressante. Un vecteur dans Photoshop vous permet de modifier la taille vers le haut et vers le bas sans perte de qualité. Pour cela, sélectionnez les calques souhaités dans la barre d'outils « calques », appuyez sur Ctrl+T (ou Commande+T si vous avez un MAC) et faites glisser les marqueurs du contour sélectionné avec la souris pour ajuster la taille. Pour modifier la taille proportionnellement, vous devez maintenir la touche Maj enfoncée.


Brève vidéo :
1. Redimensionner la forme vectorielle
2. Changez la couleur de remplissage de la forme vectorielle
3. Ajouter du style à la forme vectorielle

Télécharger l'exemple PSD (gratuit)

Pour vous permettre de comprendre plus facilement comment utiliser un vecteur dans Photoshop et voir comment ces outils peuvent être utilisés dans la pratique, je publie un fichier infographique réalisé par mes soins entièrement à l'aide d'outils vectoriels.

Poser une question

Si quelque chose ne fonctionne pas pour vous ou si vous avez des questions, écrivez dans les commentaires et je vous aiderai à le comprendre. Vous pouvez également regarder la vidéo à l'aide d'outils vectoriels.

L'infographie est un concept très large. Quand quelqu'un évoque ce terme, il viendra à l'esprit des chefs-d'œuvre tridimensionnels des studios Pixar et Dreamworks, d'autres penseront à photographie numérique, d'autres encore décideront qu'il s'agit du design jeux informatiques. Mais nombreux sont ceux qui associent cette expression à graphiques vectoriels. Malgré l’extraordinaire popularité des graphiques vectoriels, de nombreux utilisateurs ne connaissent absolument pas les fonctionnalités des dessins vectoriels. Que se cache-t-il derrière les mots « graphiques vectoriels » et pourquoi est-il si demandé ?

Une image raster typique est un tableau de points. Ce tableau peut être rendu avec une précision maximale ou une précision approximative. Dans le premier cas, les informations sur le bitmap sont transmises sans perte, mais occupent beaucoup de mémoire. Dans le deuxième cas image graphique peut être transmis avec une précision conditionnelle. Une analogie directe apparaît avec le son, qui est compressé « sans pertes notables » au format MP3. Pour les graphiques, un format similaire est JPG. Avec modéré et pas très haut degré compression, le tableau original de points est tout à fait devinable. Algorithmes de visualisation graphiques raster peuvent différer, mais leur essence est la même - l'image est strictement liée à la matrice de pixels.

Pour restituer une image vectorielle, une approche complètement différente est utilisée. Chaque dessin vectoriel est créé à l’aide de formes géométriques et de courbes. L'utilisation des mathématiques pour décrire une image présente un énorme avantage : lors de la mise à l'échelle des éléments vectoriels, l'image originale ne perd aucune qualité. Une image raster se comporte différemment lors du redimensionnement - les lignes d'objets dans l'image, lorsqu'elles sont agrandies, sont envahies par un « peigne » visible. Ces artefacts sont présents initialement dans l'image, puisqu'une image raster ne peut a priori pas contenir d'éléments continus - lignes, formes géométriques, etc. Tout cela dans un raster ressemble à une matrice de pixels, ce qui est d'autant plus visible que l'image raster est agrandie.

Les formats vectoriels ne sont pas sans inconvénients. La nécessité d’utiliser des éléments simples pour construire une image devient souvent un obstacle sérieux à l’interprétation d’une image complexe. Par exemple, il est extrêmement difficile de convertir une photographie de paysage ordinaire au format vectoriel, car elle contient de nombreux objets et leur géométrie est très complexe.

Dans l'impression industrielle, les formats vectoriels sont tout aussi esthétiques lors de l'impression d'images de toutes tailles, grandes et petites. Les images raster, une fois agrandies, se transforment non seulement en mosaïques, mais peuvent également contenir des artefacts de compression. De plus, les formats vectoriels sont pratiques à utiliser en programmation car ils sont facilement décrits par des expressions mathématiques.

Les concepteurs professionnels utilisent des outils qui ont fait leurs preuves au fil des années pour créer des graphiques vectoriels, tels que Adobe Illustrator et CorelDraw. Mais pour l’amateur qui a besoin de créer rapidement un logo de T-shirt ou une illustration technique, il n’est pas nécessaire de recourir à des applications aussi lourdes et coûteuses. Vous pouvez vous débrouiller avec des outils gratuits et parfois même en ligne. Avec leur aide, vous pouvez convertir une image raster en image vectorielle, esquisser un dessin simple, générer un motif guilloché, etc.

⇡ « Google Drawings » est l'éditeur vectoriel le plus simple et toujours à portée de main

L'éditeur vectoriel en ligne le plus connu, le plus simple et le plus accessible est « Dessins » dans le service Google Drive. Cette application Web fait partie du bureau en ligne de Google et est davantage axée sur travailler ensemble et en ajoutant des éléments graphiques à documents de bureau types différents de ceux utilisés pour la création de graphiques vectoriels. Cependant, il existe encore quelques outils de base pour travailler avec.

À l'aide de l'application Web Dessins, vous pouvez créer diverses formes, flèches, légendes, éléments graphiques formules, ajoutez des lignes droites, des courbes, des lignes brisées, des flèches et des gribouillages. Il est également possible d'ajouter des éléments de texte, d'importer images tramées. Les dessins vectoriels peuvent être importés, mais pas modifiés (seule la visualisation est disponible).

⇡ Autotracer - convertisseur gratuit d'images raster en vecteur

Quand il s'agit de complexe dessins vectoriels, il est parfois plus facile de ne pas les créer à partir de zéro, mais de vectoriser une image raster, c'est-à-dire de la convertir au format vectoriel. Ce processus est également appelé traçage.

Presque tous les éditeurs de vecteurs disposent des outils correspondants, mais la vectorisation peut être encore plus simple grâce aux outils en ligne. Vous pouvez trouver plusieurs services Web proposant des services similaires. Par exemple, il est très pratique d'utiliser ressource gratuite Traceur automatique. Il peut être utilisé pour convertir Fichiers PNG, BMP, JPEG et GIF au format vectoriel et enregistrez-les au format SVG, EPS, PDF, DXF.

Le service est entièrement gratuit, mais il y a une limitation : la taille fichier source ne doit pas dépasser un mégaoctet. Avant la conversion, vous pouvez définir certains paramètres : décider du nombre de couleurs qui seront laissées sur l'image raster avant la vectorisation, ainsi que supprimer le bruit, et indiquer dans quels cas les lignes seront prises comme des courbes. Le processus lui-même se déroule très rapidement, donc si la qualité du dessin final ne convient pas, vous pouvez toujours expérimenter les paramètres et réessayer.

⇡ Vector Paint est un éditeur vectoriel dans Chrome qui peut fonctionner sans navigateur

Vector Paint est une application Web pour Google Chrome, créé en HTML5, mais il peut fonctionner sans navigateur. Il appartient à une nouvelle génération d'applications introduite début septembre de cette année. Vous pouvez lancer de telles applications directement depuis votre bureau - ouvrir le navigateur, ainsi que l'accès à Internet, ne sont pas nécessaires pour les utiliser.

Vector Paint contient une assez grande collection de diverses formes prédéfinies qui peuvent être utilisées dans des projets : il y a des horloges, des nuages, des flèches, des animaux, des notes de musique et bien plus encore. Les formes peuvent également être créées manuellement à l'aide de lignes droites et brisées, d'un outil pour dessiner des formes libres, d'un rectangle, d'une ellipse. Pour chaque élément, vous pouvez choisir la couleur, l'épaisseur et le type de trait, ainsi que la couleur de remplissage, le rendre partiellement transparent, ajouter un des nombreux effets (distorsion, ombres, textures, pseudo-3D, etc.). Il existe également des outils de gestion des éléments du projet : ils peuvent être déplacés au premier plan ou en arrière. Pour un placement plus précis des éléments, il existe de nombreux outils d'alignement, et vous pouvez également activer l'affichage d'une règle.

Par défaut, le travail est effectué sur un seul calque, mais si nécessaire, vous pouvez ajouter la possibilité de travailler avec plusieurs calques. Cette fonctionnalité est implémentée en tant que module complémentaire. Pour l’installer, vous n’avez rien à télécharger, il suffit de sélectionner le plugin dans le menu du même nom. Travailler avec des calques inclut la possibilité de combiner les calques sélectionnés, d'en masquer certains et de déplacer les éléments sélectionnés vers un calque séparé.

Vector Paint propose d'autres modules complémentaires qui peuvent être facilement ajoutés à l'application. Il s'agit de fonctionnalités avancées pour travailler avec du texte (polices supplémentaires, paramètres d'espacement, éléments individuelsétiquettes), ajouter des marqueurs, utiliser des images pour créer des motifs répétitifs sur des formulaires. Dans le menu Plugins sont également inclus options supplémentaires traits et remplissages.

Les projets terminés sont enregistrés dans Format SVG, et peut également être exporté au format PNG et JPEG.

⇡ SVG-Edit - éditeur de vecteurs en ligne

SVG-Edit est un éditeur vectoriel créé en Basé sur JavaScript, qui peut s'exécuter dans n'importe quel navigateur. Il peut être utilisé comme service en ligne (dans ce cas, une adresse de démonstration est utilisée pour l'accès), ainsi que comme application Web (dans ce cas, vous devez télécharger l'archive avec les fichiers SVG-Edit, la décompresser et exécuter le fichier d'application dans n'importe quel navigateur).

SVG-Edit fonctionne entièrement avec les fichiers SVG, ce qui permet à la fois d'enregistrer des projets dans ce format, d'ouvrir ces fichiers et d'y apporter des modifications. A part ça, Fichier SVG peut être importé dans le projet en tant qu’élément distinct.

Pour créer des éléments graphiques vectoriels dans SVG-Edit, vous pouvez utiliser des polylignes, des rectangles, des carrés, des ellipses, des cercles, des polygones, des contours et du texte. Il est possible de remplir les éléments de couleur et également d'utiliser des dégradés, y compris radiaux. Il prend en charge l'utilisation de calques, l'affichage d'une grille et l'affichage d'éléments sous forme de fil de fer. Il existe des outils pour modifier la disposition des éléments (ci-dessus, ci-dessous), pour cloner rapidement les formes vectorielles sélectionnées et pour les regrouper. De nombreuses commandes sont disponibles depuis menu contextuel(comme dans les éditeurs de bureau classiques). Une grande attention est portée aux outils d'alignement sur le canevas : vous pouvez aligner les éléments par rapport aux objets sélectionnés, au plus grand ou au plus petit objet.

Le programme dispose d'une grande bibliothèque formulaires prêts à l'emploi(le même que celui utilisé dans Vector Paint), mais en plus, accès à un énorme bibliothèque gratuiteéléments graphiques vectoriels Bibliothèque d'images IAN. Pour travailler avec, vous devrez vous inscrire, mais vous pourrez ensuite visualiser des collections d'échantillons de graphiques vectoriels directement depuis l'éditeur et les ajouter immédiatement à votre projet actuel ou nouveau.

⇡ Chittram - un simple éditeur en ligne

Chittram est un autre éditeur vectoriel qui peut fonctionner comme une application Web. Contrairement à SVG-Edit, il est implémenté comme un service en ligne à part entière avec la possibilité de sauvegarder des projets sur le serveur. Pour afficher et modifier des projets créés précédemment, utilisez compte Google.

Les capacités de Chittram sont plus modestes que celles de SVG-Edit, mais cet éditeur semblera certainement plus convivial aux utilisateurs novices. L'application a la possibilité d'utiliser une image raster comme arrière-plan, mais sélectionnez une image avec disque dur vous ne pouvez pas - fournissez simplement un lien vers le fichier. Il n'y a pas non plus d'importation d'images vectorielles locales, mais vous pouvez ajouter des fichiers de la galerie utilisateur du service Web au projet et les modifier. Le site met en œuvre une recherche dans la galerie par mots-clés, ainsi que par balises.

Pour créer propres projets peut être utilisé ensemble standard outils : lignes droites, courbes, courbes de Bézier, polygones, cercles, ovales, rectangles et carrés. La création de texte est également disponible. Pour chaque élément, il est possible de définir la taille du trait, la couleur de remplissage, la couleur et la direction du dégradé ainsi que le pourcentage de transparence. Pour un dessin plus précis, vous pouvez utiliser une grille pour laquelle la taille de la cellule est ajustée. Vous pouvez également contrôler la taille et l’orientation du canevas.

Si votre projet utilise plusieurs formulaires, il est utile d'afficher un panneau qui fournit une liste de tous les éléments. Il est utilisé pour renommer et sélection rapide objets. Le même panneau est utilisé pour travailler avec des calques.

⇡ Inkscape est une alternative à part entière aux packages commerciaux

L'éditeur vectoriel Inkscape présente de nombreux avantages. Premièrement, il est multiplateforme (peut fonctionner dans Environnement Windows, Linux, Mac). Deuxièmement, il prend en charge un grand nombre de formats vectoriels, notamment SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF et autres.

L'éditeur en propose également des standards pour tout éditeur de vecteurs outils de création graphique : formes, courbes, texte, remplissage, prise en charge complète des calques. Inkscape vous permet d'effectuer diverses actions avec des chemins, de créer des traits et également d'appliquer des opérations booléennes (fusionner, croiser des éléments, les exclure les uns des autres, etc.). L'utilisateur dispose d'une large bibliothèque de filtres et d'un éditeur spécial avec lequel vous pouvez créer vos propres effets. Le programme prend en charge tablettes graphiques, grâce auquel vous pouvez y dessiner manuellement en contrôlant l'inclinaison et la pression du stylo.

Il convient de prêter attention aux outils intégrés pour vectoriser les images raster. Pour garantir que les objets importants au premier plan sont pris en compte lors du traçage de photos, l'algorithme SIOX (Simple Interactive Object Extraction) est utilisé pour aider à identifier automatiquement ces objets.

⇡ ZebraTRACE - création guillochée gratuite

Tous les billets de banque, ainsi que les documents d'importance nationale (diplômes, certificats, certificats, etc.) sont faciles à reconnaître au premier coup d'œil. Cette « reconnaissabilité » de la conception du document est donnée par de subtils motifs répétitifs qui parcourent le dessin principal. De telles lignes sont appelées guillochage.

Les motifs guillochés peuvent être dessinés manuellement dans un éditeur vectoriel, mais sans modules complémentaires ni compétences particulières pour créer de tels motifs, ce processus peut prendre beaucoup de temps. Utilitaire gratuit ZebraTRACE aide à résoudre de tels problèmes.

Ce programme trace des images et les combine avec un motif guilloché. ZebraTRACE utilise la génération de guillochage paramétrique. Chaque type de motif pouvant être créé à l'aide de l'application est défini formule mathématique. Ainsi, s'il a le désir et le temps libre pour expérimenter, l'utilisateur peut obtenir des dessins uniques.

Créer de nouveaux guilloches est très simple. Essayez d'apporter des modifications mineures à la formule de génération de modèle, par exemple en changeant la valeur du coefficient de 2 à 3, et le modèle changera. Pour ceux qui ne veulent pas faire preuve de créativité avec ZebraTRACE, le programme comprend une douzaine et demie préréglages avec des formules qui permettent d'obtenir les guilloches les plus courantes.

⇡Conclusion

Les outils gratuits pour travailler avec des graphiques vectoriels ne sont pas aussi courants que nous le souhaiterions, mais ils existent néanmoins. Il est également bon qu'avec le développement de la norme HTML5 et d'autres technologies Web, il soit devenu possible d'utiliser le navigateur comme éditeur de graphiques vectoriels - auparavant, on ne pouvait qu'en rêver. Pour des projets simples, ces outils permettent de gagner beaucoup de temps et si vous utilisez Inkscape, vous pouvez complètement éviter d'acheter un éditeur vectoriel pour vos besoins de conception.

Les dessins vectoriels sont très appréciés, mais leur création demande beaucoup de patience et de persévérance pour un débutant. Photoshop est utilisé pour préparer de telles illustrations ; il peut être utilisé pour convertir une photographie en image vectorielle. Dans cet article, nous vous expliquerons en quoi un tel dessin diffère d'un dessin raster et comment créer une image vectorielle dans Photoshop.

Vecteur

Quand vous créez nouveau document dans Photoshop, écrivez n'importe quel mot sur une feuille blanche, en choisissant une taille pratique (utilisez les fonctions "Texte" - l'icône avec la lettre "T" dans la barre d'outils).

Zoomez avec l'outil Loupe - vous verrez que les lettres sont constituées de pixels. En fait, l'apparence est précisée par des formules, seul l'affichage dans le programme se fait en pixels.

Remettez-le à sa taille normale en double-cliquant sur l'icône de la main. Nous réduisons la taille comme suit : « Édition » - « Transformation » - « Mise à l'échelle ». Lorsque les tailles sont réduites, la qualité des lettres est conservée. De la même manière, on agrandit le texte au maximum, la qualité reste également bonne, puisque les formules fonctionnent bien à n'importe quelle échelle.

Trame

Pour convertir une image vectorielle dans Photoshop en image raster, réduisez photo terminée. Allez ensuite dans l'onglet « Calques », sélectionnez « Pixelliser » - « Texte ». Nous avons des lettres qui sont en réalité constituées de pixels.

Lors de l'agrandissement d'une image/texte raster à l'aide des fonctions « Édition » - « Transformation » - « Mise à l'échelle », la qualité se détériore considérablement. Au fur et à mesure que la procédure est répétée, la qualité se dégrade à chaque fois - les lettres deviennent floues.

Dans de telles illustrations, lorsqu’elles sont agrandies selon l’algorithme du programme, de nouveaux pixels sont remplis de couleur. Cela se produit avec moins de précision que lorsque vous travaillez avec des formules.

Création de graphiques vectoriels

Vous pouvez faire un dessin en utilisant n’importe quelle photographie. Si vous ne saviez pas comment convertir une photo en vecteur dans Photoshop, convertissez-la, suivez la procédure suivante :

1. Ouvrez une photo/illustration. Créez un nouveau calque.
2. A l'aide de l'outil Plume, dessinez le contour de l'un des éléments (par exemple, un visage). Pour éviter de perturber l'arrière-plan, réglez la transparence sur 20 à 30 %. Sélectionnez une couleur de remplissage et de contour.
3. Ensuite, dessinez les contours des autres pièces de la même manière et remplissez-les de la couleur souhaitée.
4. Pour une application de couleur complexe sur le visage du modèle, vous pouvez utiliser des « Filtres ». Allez dans la « Galerie de filtres », faites-y une « Postérisation » à plusieurs niveaux, idéalement à 3 niveaux. Photoshop vous dira comment les ombres sont appliquées ; il vous suffit de tracer leurs contours. Vous pouvez désaturer davantage, rendre la photo en noir et blanc et ajuster la netteté pour voir les niveaux plus clairement. Lors du remplissage, choisissez des couleurs progressivement plus claires/foncées pour les calques. Vous obtenez des transitions de couleurs.