Infographie est un concept très large. A l'évocation de ce terme, certains penseront aux chefs-d'œuvre 3D des studios Pixar et Dreamworks, d'autres penseront à la photographie numérique, et d'autres encore penseront que nous parlons de design. jeux d'ordinateur. Mais il y a aussi sûrement beaucoup de ceux qui associeront cette phrase à graphiques vectoriels. Malgré l'extraordinaire popularité des graphiques vectoriels, de nombreux utilisateurs ne connaissent absolument pas la fonctionnalité des dessins vectoriels. Que se cache-t-il derrière les mots "graphiques vectoriels" et pourquoi sont-ils si demandés ?

Un dessin raster ordinaire est un tableau de points. Ce tableau peut être rendu avec une précision maximale ou approximative. Dans le premier cas, les informations bitmap sont transmises sans perte, mais consomment beaucoup de mémoire. Dans le second cas, l'image graphique peut être transmise avec une précision conditionnelle. Cela suggère une analogie directe avec le son, qui est compressé "sans perte perceptible" au format MP3. Pour les graphiques, un format similaire est JPG. Avec un degré de compression modéré et pas très élevé, le tableau initial de points est tout à fait devinable. Les algorithmes de rendu des graphiques raster peuvent différer, mais leur essence est la même - l'image a une liaison rigide à la matrice de pixels.

Une approche complètement différente est utilisée pour rendre une image vectorielle. Chaque dessin vectoriel est créé à l'aide de formes géométriques et de courbes. L'utilisation des mathématiques lors de la description d'un dessin offre un énorme avantage: lors de la mise à l'échelle des éléments vectoriels, l'image d'origine ne perd aucune qualité. Un dessin raster, en revanche, se comporte différemment lorsqu'il est redimensionné - les lignes d'objets dans l'image deviennent envahies par un "peigne" visible lorsqu'elles sont agrandies. Ces artefacts sont présents sur l'image dès le début, car un dessin 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 perceptible que l'image raster est agrandie.

Non sans défauts et formats vectoriels. 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 image de paysage ordinaire en format vectoriel, car il y a beaucoup d'objets dessus et leur géométrie est très complexe.

Dans l'impression industrielle, les formats vectoriels sont tout aussi beaux lors de l'impression d'images de toutes tailles - grandes et petites. Les images raster, lorsqu'elles sont agrandies, non seulement se transforment en mosaïque, 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 ans pour créer des graphiques vectoriels, par exemple Adobe Illustrator et CorelDraw. Mais pour un 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 qui soit toujours à portée de main

L'éditeur de vecteurs en ligne le plus célèbre, le plus simple et le plus abordable est Drawings on Google Drive. Cette application Web fait partie du bureau en ligne de Google et est davantage axée sur travail conjoint et ajouter des éléments graphiques à documents de bureau types autres que les graphiques vectoriels. Cependant, il existe encore quelques outils de base pour travailler avec.

Avec l'application Web Drawings, vous pouvez créer diverses formes, flèches, légendes, graphiques de formules, ajouter des lignes droites, des courbes, des polylignes, des flèches et des gribouillis. Également disponible pour ajouter éléments de texte, importez des bitmaps. Les dessins vectoriels peuvent être importés, mais pas modifiés (affichage uniquement).

⇡ Autotracer - convertisseur raster en vecteur gratuit

Lorsqu'il s'agit de dessins vectoriels complexes, il est parfois plus facile de ne pas les créer à partir de zéro, mais de vectoriser un bitmap, c'est-à-dire de le convertir en format vectoriel. Ce processus est également appelé traçage.

Presque tous les éditeurs vectoriels disposent des outils appropriés, mais la vectorisation peut être rendue encore plus facile avec des outils en ligne. Vous pouvez trouver plus d'un service Web qui offre des services similaires. Par exemple, la ressource gratuite Autotracer est très pratique. Il peut être utilisé pour convertir Fichiers PNG, BMP, JPEG et GIF au format vectoriel et enregistrer au format SVG, EPS, PDF, DXF.

Le service est entièrement gratuit, mais il y a une limitation : la taille du fichier source ne doit pas dépasser un mégaoctet. Avant la conversion, vous pouvez définir certains paramètres : déterminer le nombre de couleurs qui resteront sur l'image bitmap avant la vectorisation, ainsi que supprimer le bruit, spécifier dans quels cas les lignes seront prises comme des courbes. Le processus lui-même est très rapide, donc si la qualité du dessin final ne convient pas, vous pouvez toujours expérimenter avec 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 présentées début septembre de cette année. Vous pouvez exécuter ces applications directement à partir du bureau - Navigateur ouvert, 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 et bien plus encore. Les formulaires peuvent également être créés manuellement à l'aide de lignes droites et brisées, d'un outil de dessin forme libre, rectangle, ellipse. Pour chaque élément, il est possible de choisir une couleur, une épaisseur et un type de trait, ainsi qu'une couleur de remplissage, de le rendre partiellement transparent, d'ajouter un des nombreux effets (distorsions, ombres, textures, pseudo-3D, etc.) . Il existe également des outils de gestion des éléments dans le projet : ils peuvent être déplacés vers l'avant ou vers l'arrière. Pour une disposition plus précise des éléments, il existe de nombreux outils d'alignement, vous pouvez également activer l'affichage de la 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 vous suffit de sélectionner le plugin dans le menu du même nom. Travailler avec des calques inclut la possibilité de fusionner des calques sélectionnés, de masquer certains d'entre eux, de transférer des éléments sélectionnés vers un calque séparé.

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

Les projets terminés sont enregistrés au format SVG et peuvent également être exportés au format PNG et JPEG.

⇡ SVG-Edit - éditeur vectoriel en ligne

SVG-Edit est un éditeur vectoriel basé sur JavaScript qui peut s'exécuter sur n'importe quel navigateur. Il peut être utilisé comme un service en ligne (dans ce cas, une adresse de démonstration est utilisée pour l'accès), ainsi qu'une 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 et d'ouvrir ces fichiers et d'y apporter des modifications. De plus, le fichier SVG peut être importé dans le projet en tant qu'élément séparé.

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

Le programme a une grande bibliothèque formulaires prêts à l'emploi(le même que celui utilisé dans Vector Paint), mais en plus, l'accès à une énorme bibliothèque gratuite d'éléments graphiques vectoriels IAN Image Library est implémenté. L'inscription est nécessaire pour travailler avec, mais vous pouvez ensuite afficher des collections d'échantillons de graphiques vectoriels directement à partir de l'éditeur et les ajouter immédiatement au projet en cours ou au nouveau projet.

⇡ Chittram - éditeur en ligne simple

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 pour les utilisateurs novices. L'application a la possibilité d'utiliser une image bitmap comme arrière-plan, mais sélectionnez une image avec disque dur vous ne pouvez pas - spécifiez 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 de l'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 des étiquettes.

Pour créer vos propres projets, vous pouvez utiliser l'ensemble standard d'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 le sens du dégradé, 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 du canevas et son orientation.

Si votre projet utilise plusieurs formulaires, il est pratique d'afficher un panneau qui répertorie tous les éléments. Il sert à renommer sélection rapide objets. Le même panneau est utilisé pour travailler avec les calques.

⇡ Inkscape est une alternative complète aux packages commerciaux

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

L'éditeur dispose également d'outils pour créer des graphiques qui sont standard pour tout éditeur vectoriel : formes, courbes, texte, remplissage, prise en charge complète des calques. Inkscape vous permet de faire diverses activités avec des chemins, tracer et appliquer des opérations booléennes (combiner, croiser des éléments, exclure l'un de l'autre, etc.). L'utilisateur dispose d'une grande bibliothèque de filtres et d'un éditeur spécial avec lequel vous pouvez créer vos propres effets. Le programme prend en charge les tablettes graphiques, vous pouvez donc y dessiner manuellement en contrôlant l'inclinaison et la pression du stylet.

Il convient de prêter attention aux outils intégrés de vectorisation des images raster. Afin de prendre en compte les objets importants au premier plan lors du traçage des photographies, 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 en un 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. Ces lignes sont appelées guilloché.

Les guilloches peuvent être dessinées à la main dans un éditeur de vecteurs, mais sans ajouts spéciaux ni compétences dans la création de tels motifs, ce processus peut être retardé. Utilitaire gratuit ZebraTRACE aide à relever ces défis.

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éé avec l'application est défini formule mathématique. Donc, s'il y a un désir et du temps libre pour des expériences, l'utilisateur peut obtenir des dessins uniques.

Créer de nouveaux guillochés est très facile. Essayez d'apporter des modifications mineures à la formule de génération de modèle, comme changer 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éconfigurations avec des formules qui permettent d'obtenir les guillochés les plus courants.

⇡Conclusion

Les outils graphiques vectoriels gratuits ne sont pas aussi courants que vous le souhaiteriez, mais ils existent. 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, de tels outils font gagner beaucoup de temps, et si vous utilisez Inkscape, vous pouvez généralement refuser d'acheter un éditeur vectoriel pour des besoins de conception.

Sur Internet, j'ai trouvé une image du logo. Est-il possible de le convertir de raster en vecteur dans Photoshop, et automatiquement ? Non tu ne peux pas. Hélas, alors que les tendances vectorielles dans Photoshop sont les suivantes, tout ce qui a été fait dans ce sens est resté inchangé il y a 5 versions. Depuis lors, il n'a pas été touché, modifié et rien de nouveau n'a été ajouté au vecteur. Besoin d'outils vectoriels dans Photoshop ? Les voici, vous en voulez plus ? Qu'est-ce que vous oubliez généralement dans Photoshop, maîtrisez Illustrator. Approximativement, ce courant de pensée a ému les développeurs qui ont introduit les opérations vectorielles les plus simples dans Photoshop. Et maintenant passons aux choses sérieuses.

La conversion d'un raster en vecteur s'effectue au travers de zones de sélection. Tout d'abord, nous créons une sélection, puis nous traduisons les lignes de sélection en chemins vectoriels, puis nous remplissons les chemins vectoriels avec des calques de remplissage, créant ainsi un masque vectoriel. Afin de comprendre tout cela pas au niveau des équipes de l'armée - cliquez ici, cliquez là, vous devez apprendre à travailler avec des outils de dessin vectoriel, comprendre comment les chemins vectoriels peuvent interagir les uns avec les autres et apprendre à créer un masque vectoriel. Mais ne vous inquiétez pas, vous n'avez pas à vous asseoir pour lire jusqu'au week-end, vous comprendrez déjà comment convertir un raster en vecteur dans Photoshop si vous lisez l'article jusqu'au bout.

Mise en évidence du logo

Je tiens à souligner que pour que la traduction en vecteur soit de haute qualité, l'image elle-même doit être grande. C'est vrai dans le cas du traçage dans Illustrator, et pour Photoshop c'est encore plus important. Mon image fait 1500 pixels de large, lorsque nous aurons fini de convertir en vecteur, je vous montrerai comment Photoshop rend une petite image et nous comparerons les résultats.

• Choisissez l'outil Baguette magique

• Réglez dans les options Tolérance 20 ou 30.

• Au même endroit, cliquez sur l'icône Ajouter à la sélection. J'ai décrit leur travail en détail dans l'article Ajouter, soustraire, croiser et exclure dans Photoshop où il était question d'outils vectoriels, mais dans la sélection, ces options fonctionnent de la même manière.

Pour être honnête, je me fiche de la façon dont vous sélectionnez le logo, même avec un lasso manuel, même à travers la gamme de couleurs. C'est juste que dans cette situation, en particulier sur cette image, le moyen le plus simple de le faire est d'utiliser l'outil Baguette magique.

Convertir la sélection en chemin vectoriel

Ne quittez pas l'outil Baguette magique.

• Cliquez avec le bouton droit sur la zone de sélection.

• Dans le menu qui s'affiche, sélectionnez Créer un chemin de travail.

• Dans la fenêtre qui apparaît, définissez la tolérance sur 1,0. Plus la valeur de tolérance est élevée, plus nos contours seront lisses, stylisés et imprécis.

Dans l'illustration ci-dessous, j'ai sélectionné l'outil de sélection de chemin et sélectionné le chemin pour que vous puissiez le voir.

Enregistrement d'un chemin dans la palette de chemins

Cette opération est facultative, mais recommandée.

Passez à la palette Chemin. Si vous ne le trouvez pas, cliquez sur Fenêtre > Chemin

Double-cliquez sur le chemin dans la palette.

• Dans la fenêtre qui apparaît, entrez un nom et cliquez sur OK.

Création d'un masque vectoriel

Le processus de création d'un masque vectoriel est bien décrit dans mon article Vector Mask in Photoshop. Nous effectuerons ce processus rapidement et sans détails.

Assurez-vous que votre chemin est sélectionné dans la palette Chemin

Choisissez dans le menu Calque> Nouveau calque de remplissage> Couleur unie

Dans la fenêtre qui apparaît, sélectionnez une couleur et cliquez sur OK

C'est tout. Tout aurait été plus précis s'il n'avait pas été hronofag.ru Rappelez-vous que je vous ai dit que plus l'image est petite, moins elle se traduira. Je suis prêt à parier que vous avez une sorte de scan sale dans Word, que le client veut traduire en vecteur ? j'ai deviné? Dans le même temps, l'image a été compressée avec la compression JPG, réduite, puis agrandie, puis à nouveau réduite à la taille d'un avatar, et du ketchup a également été renversé dessus. Est-il possible de traduire qualitativement une telle image en vecteur dans Photoshop ?

Tout d'abord, jetez un coup d'œil à notre logo. Malgré l'excellente résolution, Photoshop n'a pas réussi à créer des contours agréables et lisses. Illustrator le fait 100 fois mieux, mais l'article ne parle pas d'illustrator. Comme vous pouvez le voir, les contours ne sont même pas partout, même dans les parties rectangulaires du logo. Et les cercles sont très obliques.

Maintenant, je vais réduire l'image de 2 fois, puis 2 fois plus et vous montrer le résultat de la traduction en vecteur.

Voici un exemple clair de la façon dont la taille d'une image bitmap affecte la qualité de la trace. Et cela malgré le fait que l'image est de très haute qualité malgré la taille. Eh bien, je vais réduire la qualité. Enregistrez l'image au format JPG avec la pire qualité.

Traduisons en un vecteur. Excellent résultat, il ne manque que le ketchup. Parfait pour un client satisfait, traitement pour le grunge ou le vintage !

Et pourtant je manipule un peu la vérité. Le fait est que tout cela a du sens pour Illustrator, qui crée un vecteur à partir d'une image. Photoshop ne crée pas de vecteur à partir d'une image, il crée des chemins à partir d'une sélection. Logiquement, plus la sélection est bonne et lisse, plus les courbes seront lisses. Et outil baguette magique, que nous utilisions pour mettre en évidence ces zones, n'est plus adapté pour mettre en évidence des images aussi effrayantes. Oui, vous pouvez faire des sélections de haute qualité, utiliser tous les outils de sélection, vous pouvez même les agrandir et créer un contour plus ou moins uniforme basé sur eux, qui ne sera toujours pas parfait. Suivre cette voie n'est qu'une perte de temps. La seule option de travail consiste à dessiner le logo à partir de zéro dans Photoshop.

Malgré le fait que Photoshop soit un éditeur de graphiques raster, certains outils vectoriels sont également fournis dans son ensemble d'outils. Les outils vectoriels sont conçus principalement pour créer des courbes modifiables - contours. Afin de vous rafraîchir la mémoire, nous rappelons que la différence entre les graphiques raster et vectoriels réside dans la manière de stocker et de décrire les informations graphiques. Les dessins vectoriels sont stockés sous la forme de courbes décrites mathématiquement, qui ne perdent pas en qualité lors de la mise à l'échelle, et sont soumis à une édition facile et flexible à tout moment. Considérons d'abord le principe de la construction de courbes vectorielles.

Les contours vectoriels sont construits sur des segments qui ont des nœuds clés et des points de contrôle. Les nœuds clés limitent le segment de deux côtés et les points de contrôle vous permettent de contrôler la flexion des courbes.

Les outils de groupe sont utilisés pour créer des courbes Stylo. Outil outil stylo conçu pour créer des courbes par nœuds clés. Le principe de fonctionnement de cet outil est de préciser les points clés du segment de contour. Si, lors de la spécification d'un point de contrôle, sans relâcher le bouton de la souris, déplacez-le, un segment apparaîtra au point clé contenant point de contrôle . D'autres mouvements de souris affectent déjà directement le point de contrôle et, à leur tour, la courbure du segment. Le prochain clic gauche définira le point de contrôle suivant, et ainsi de suite.

L'outil Plume peut fonctionner selon deux modes - création de courbes et création de formes dites - zones vectorielles fermées. La commutation entre ces modes s'effectue par des boutons - mode de création de contour, - mode de création de forme. Si vous travaillez en mode création de forme, le contour que vous créez sera toujours considéré comme fermé et, par conséquent, rempli de la couleur que vous avez choisie. Physiquement, dans la palette Calques, un masque de calque est créé sur la base du dessin vectoriel. Le calque lui-même est rempli de la couleur que vous choisissez (choisissez la couleur dans la palette des propriétés).

Le principe de travailler avec un masque vectoriel diffère légèrement du principe de travailler avec un masque raster, seuls les moyens diffèrent. Si, dans le cas où vous travaillez avec un masque raster, vous l'avez modifié à l'aide d'outils de dessin, dans ce cas, la forme du masque est modifiée à l'aide d'outils vectoriels.

Pour convertir un masque vectoriel en masque raster, vous devez appeler le menu contextuel du masque vectoriel et sélectionner l'élément Pixelliser le masque. En conséquence, vous obtiendrez un masque de calque régulier. Sinon, travailler avec un masque de calque dans la version vectorielle ne diffère pas de travailler dans une version raster.

Les dessins vectoriels sont pratiques car à tout moment il est très pratique de modifier la forme des courbes de ce dessin. Il existe un certain nombre d'outils pour cela. Par exemple, l'outil (ajout de points clés - nœuds) - ajoute des points clés sur la courbe à l'endroit où vous cliquez. L'outil peut supprimer des points supplémentaires sur le contour en cliquant sur le point à supprimer. En fait, passer à ces outils n'est pas du tout nécessaire. Attention à l'interrupteur Ajout/suppression automatique dans la palette des propriétés. Si ce mode est activé (coché), l'outil Plume passera automatiquement à l'outil Ajouter un point (lorsque vous le placez sur le chemin) et à l'outil Supprimer un point (lorsque vous le placez sur un point existant). Si le mode est désactivé, la suppression et l'ajout de points ne seront possibles qu'en utilisant les outils appropriés.

La courbure des courbes est contrôlée par des points de contrôle. Utilisez l'outil pour sélectionner un point de contrôle Outil de sélection directe. Sélection du nœud à éditer (clic avec cet outil sur le nœud en cours d'édition). Ensuite, en déplaçant les points de contrôle, vous affectez la courbure de la courbe dans la région du nœud sélectionné. Vous pouvez également déplacer les nœuds sélectionnés avec cet outil. Outil Outil de sélection de chemin conçu pour fonctionner avec la courbe dans son ensemble, comme avec un objet - pour se déplacer et se transformer. Pour les objets vectoriels, le mode de transformation libre est appliqué, exactement comme pour les zones raster.

Un outil important pour travailler avec des nœuds clés est un outil appelé Outil Convertir un point. Le but de cet outil est de transformer type de nœud. Il existe deux types de nœuds clés dans les graphiques vectoriels Photoshop - lisse Et coin. La signification des nœuds clés lissés est que les points de contrôle de deux courbes convergeant au même nœud Toujours sur la même ligne virtuelle.

Un autre type de nœud, comme nous l'avons dit, s'appelle un nœud d'angle. La signification de ce type est que les lignes virtuelles passant par le point de contrôle de l'un des segments et le nœud clé commun des deux segments peuvent converger à n'importe quel angle.

L'outil de conversion de type fonctionne comme ceci - si le nœud est lisse (et par défaut, les nœuds sont créés lisses), alors cliquer sur l'outil de conversion changera le type du nœud en angulaire. Si, après avoir appuyé sur le bouton de la souris, ne le relâchez pas, mais faites-le simplement glisser, vous pourrez contrôler la flexion du segment à un nœud particulier.

Nous avons commencé par mettre en évidence deux modes de fonctionnement de l'outil Plume. Le premier est le mode de création de forme et le second est le mode de création de contour. Arrêtons-nous sur le mode de travail avec les contours.

Dans ce cas, votre chemin ne remplira pas automatiquement et ne formera pas un masque de calque vectoriel et un calque. Dans ce cas, votre chemin sera purement virtuel et non lié à des calques. Pour travailler avec de tels chemins, il existe une palette appelée Chemin. Toutes les opérations avec contours sont concentrées dans cette palette.

Dans la palette Chemin, les chemins (chemins) sont placés sous forme de calques dans la palette Calques, et sur un calque vectoriel, il peut y avoir plusieurs chemins vectoriels non liés. La ligne inférieure de la palette Chemin contient les icônes de contrôle de chemin. Les pictogrammes douloureusement familiers avec une poubelle et une feuille propre n'ont pas non plus changé de fonction dans cette palette, c'est-à-dire il s'agit respectivement de la suppression du calque vectoriel et de la création d'un calque vectoriel vide.

Jusqu'à présent, nous nous sommes demandé pourquoi dans un tel éditeur bitmap comment Photoshop a besoin de ces outils vectoriels. Un exemple simple d'utilisation de vecteurs dans Photoshop consiste à nouveau à travailler avec des sélections. Comme vous pouvez le voir sur la figure, un certain nombre d'icônes de la palette Chemin sont conçues pour convertir un chemin (chemin) en chemin de sélection et vice versa. En fait, après avoir acquis quelques compétences dans le travail avec les chemins, vous vous rendrez compte qu'il est beaucoup plus facile d'ajuster un chemin vectoriel à la forme d'une sélection que même d'utiliser un masque rapide assez flexible. Ainsi, si vous souhaitez modifier la sélection, vous pouvez toujours la convertir en chemin (contour), puis la modifier et la reconvertir en sélection. Si vous souhaitez appliquer des opérations telles que Stroke et Fill, traditionnelles pour les chemins de sélection, elles sont également à votre disposition.

Les opérations booléennes fonctionnent de manière quelque peu inattendue. Vous pouvez créer des chemins dans n'importe lequel des modes logiques, qu'il s'agisse d'addition ou de soustraction. A ce stade, vous ne remarquerez aucune action. Mais ne vous laissez pas berner par le fait que vous avez trouvé un bogue dans un programme presque parfait. En fait, Photoshop se souvient dans quel mode vous avez créé le chemin (le bureau écrit ...) et dès que vous commandez le programme pour créer un contour de sélection à partir de votre méli-mélo de chemins, Photoshop se souviendra de tout et effectuera toutes les opérations que vous qui lui sont prescrits lors de la création de chemins. La boîte de dialogue Créer un chemin de sélection à partir du chemin vous permet de définir les paramètres les plus importants concernant les chemins de sélection (mais uniquement si vous utilisez la commande Créer une sélection dans le menu de la palette Chemin).

Veuillez noter que vous pouvez définir le rayon de plume (Feather), activer ou désactiver l'anti-aliasing Anti-Aliased. Dans la section Fonctionnement, vous pouvez définir le mode logique pour la sélection nouvellement créée. Les options de cette section ne sont disponibles que s'il existe déjà un chemin de sélection. Ainsi, si vous sélectionnez l'opération Nouvelle sélection, la sélection créée remplacera la sélection existante ; l'option Ajouter à la sélection ajoutera une sélection créée à partir d'un chemin à une sélection existante ; Substruct from Selection - soustraira le chemin créé de la sélection existante.

Outil Outil de formulaire gratuit permet de créer un tracé vectoriel en mode dessin simple, comme un pinceau. Maintenez le bouton gauche de la souris enfoncé et déplacez simplement la souris pour dessiner le contour dont vous avez besoin. Cet outil a un caractéristique principale, qui compare cet outil vectoriel à l'outil Lasso magnétique, est l'option Magnétique. Le principe de fonctionnement est le même, l'outil recherche des bordures contrastées et dessine un contour uniquement là-bas. Sinon, le contour créé par cet outil ne diffère pas du contour habituel.

• Vues : 58428

Comment faire une image vectorielle dans Photoshop est souvent demandé. Comme vous le savez, Photoshop est un programme de traitement de graphiques raster et n'est pas destiné à travailler avec un vecteur. Des éditeurs graphiques spéciaux fonctionnent avec des graphiques vectoriels. Mais si vous avez vraiment besoin de temps pour étudier nouveau programme Non, à l'aide de quelques manipulations, vous pouvez convertir l'image en vecteur.

Qu'est-ce qu'une image raster et vectorielle et en quoi diffèrent-elles

Une image raster est également une grille de pixels (points). Pour nous tous, la photo numérique familière n'est qu'une image bitmap. Une image vectorielle n'est pas constituée de pixels, mais de primitives géométriques : lignes droites, rectangles et autres formes.

Si vous réduisez puis augmentez considérablement un bitmap, sa qualité sera irrévocablement gâchée. Étant donné que chaque pixel est un point d'une certaine couleur, et que tous ces points forment une image. Lorsque l'image est réduite, les pixels supplémentaires sont supprimés, de sorte qu'elle ne peut pas être restaurée à son aspect d'origine.

La mise à l'échelle d'une image vectorielle vous permet de redimensionner sans perte de qualité. Cela est possible grâce à des recalculs mathématiques des dimensions des formes géométriques qui composent l'image.

Une image raster vous permet de transmettre de manière fiable des informations visuelles, une image vectorielle n'a pas un tel avantage. Les images graphiques vectorielles peuvent être utiles pour le rendu de logos et de dessins de contour. Vous n'obtiendrez pas la beauté photographique d'eux. Ou ce seront des images très complexes, composées d'un grand nombre de primitives qui remplacent en fait les pixels.

Un exemple simple de conversion d'un raster en vecteur

Ainsi, le vecteur est constitué de formes géométriques. Photoshop dispose d'outils pour créer des chemins. Le contour est une figure géométrique. Pour créer une image vectorielle dans Photoshop, vous devez créer un contour de l'image. Les outils du groupe vont nous y aider. Sélectionner: Outil de chapiteau rectangulaire, Outil de sélection elliptique,** Outil baguette magique , **Outil de sélection rapide Et "Stylo" / Outil stylo.

Pour rendre le vecteur net, vous devez choisir le bitmap autant que possible. bonne qualité, sinon le dessin des contours devra être fait manuellement.

Ouvrez l'image bitmap dans Photoshop (le format bitmap le plus courant est JPG). Les logos, les dessins de contour, les croquis sont très faciles à traiter. Pour obtenir une esquisse vectorielle d'un portrait, vous pouvez d'abord convertir le portrait en esquisse à l'aide de "Galeries de filtres", ou utilisez du pop art prêt à l'emploi. Comment travailler avec "Galerie de filtres" et créer rapidement du pop art à partir de photos, dont nous avons parlé dans les articles précédents. Pour cet exemple, nous prendrons un portrait pop art prêt à l'emploi. Intentionnellement, nous l'avons préparé à partir d'une photo non meilleure résolution. Par conséquent, la version vectorielle nous montrera une différence notable.

Pour travailler avec les contours, vous devez appeler l'onglet "Contours" / Cheminà la palette des calques. Pour cela, rendez-vous dans le menu "Fenêtre" / Fenêtre et cochez la case "Contours" / Chemin. Le signet apparaîtra sur la palette des calques.

L'image a 4 couleurs (le fond n'est pas compté). Nous prenons l'outil Outil "baguette magique"/baguette magique et sélectionnez la première couleur. Pour sélectionner toutes les zones dispersées par des îlots sur l'image, maintenez Changement.

Avec la première couleur sélectionnée, sélectionnez l'outil "Lasso" / Lasso ou Outil de chapiteau rectangulaire et, sans supprimer la sélection, cliquez sur le bouton droit de la souris. DANS menu contextuel choisir Créer un chemin de travail.

Dans la boîte de dialogue, spécifiez le lissage maximum "Tolérance" / Tolérance(de 1 à 10 ; plus le nombre est bas, mieux les contours se répéteront). Nous pressons D'accord.

Signet "Circuit" la première boucle apparaîtra. Sur l'image, cela se remarquera sous la forme de courbes avec des points. Ils peuvent être alignés et ajustés avec un outil Outil de sélection de nœud/sélection directe. Avec cet outil, sélectionnez un point et soit ajustez la courbe en déplaçant l'antenne du point, soit déplacez l'arc lui-même.

Signet "Circuit" changer le nom du circuit. Pour ce faire, double-cliquez dessus et modifiez le nom dans la boîte de dialogue.

Nous faisons toutes les étapes décrites avec le reste des couleurs. En conséquence, nous obtenons quatre contours pour chaque couleur.

Après avoir reçu les contours, il reste à créer un vecteur. Aller au signet "Calques" / Calque sur la palette des calques, créez un nouveau calque Maj+Ctrl+N. Nous définissons la couleur principale sur celle dans laquelle nous colorerons le premier contour.

Retour au signet "Circuit", on devient sur le premier contour. Dans le menu principal sous "Calques" / Calques choisir "Nouvelle couleur de remplissage" / Nouveau calque de remplissage - "Couleur"/Couleur unie. Dans la fenêtre qui s'ouvre, cliquez sur D'accord.

Allez maintenant au signet "Calques" / Calques, vous verrez le premier calque vectoriel sur le nouveau calque.

Dans la boîte de dialogue suivante, comme d'habitude, spécifiez le nom et le chemin du fichier.

C'est tout. La méthode est assez simple.

Si vous devez souvent travailler avec des images vectorielles, cet article vous incitera peut-être à apprendre de nouveaux éditeurs graphiques. Dans tous les cas, vous avez appris une autre méthode utile. Nous vous souhaitons un excellent travail.

En savoir plus sur Photoshop dans les cours.

Les outils pour travailler avec le vecteur dans Photoshop sont apparus il y a longtemps, mais ils ont commencé à être utilisés dans le travail relativement récemment. Cela est dû au fait que très pendant longtemps ils étaient "crus" et parce que Le vecteur dans Photoshop n'est pas un outil spécialisé pour le travail, et il n'a pas été finalisé. Mais tout a changé avec la sortie de Photoshop CC.

Pourquoi avez-vous besoin d'un vecteur dans Photoshop

Je veux d'abord vous dire pourquoi j'utilise le vecteur dans Photoshop. Il existe de nombreux éditeurs vectoriels éprouvés. Les plus courants sont Illustrator, CorelDraw, Xara. Le plus souvent, je suis engagé dans la conception de sites Web, ce qui signifie que mon travail n'est pas le résultat final. Ceux. avant de devenir un site web, une interface, une application, la mise en page arrivera au maquettiste. La plupart des maquettistes maîtrisent parfaitement 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 génial quand un concepteur de mise en page reçoit un PSD qui contient une mise en page complète, et même avec la possibilité de modifier des éléments. Changez la couleur du bouton, changez le rayon du formulaire de menu, augmentez ou diminuez le 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 de travail avec un vecteur dans Photoshop

Si vous avez déjà travaillé dans un éditeur vectoriel, beaucoup de choses vous sembleront familières. Mais il faut beaucoup de temps pour s'y habituer. 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 séparé.
2. Les opérations de "fusion", "soustraction", "superposition" sont mieux appliquées à pas plus de deux objets.
3. Après les opérations de «fusion», «soustraction», «superposition», les contours des objets d'origine restent disponibles pour l'édition.
4. Les styles raster peuvent être facilement appliqués à tous les objets vectoriels. C'est très confortable.
5. Vous pouvez appliquer la transparence aux objets vectoriels et leur appliquer des filtres.
6. Les calques individuels et les groupes de calques avec 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 n'importe quel éditeur vectoriel, le vecteur dans Photoshop a des primitives prêtes à l'emploi. Primitives de base :
"Rectangle", "Rectangle arrondi", "Ellipse", "Polygone", "Ligne", " Chiffre arbitraire". Pour chaque forme (à tout moment), vous pouvez définir l'épaisseur / le type / la couleur du trait et du remplissage. Pour les primitives spécifiques disponibles 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 éditer un existant (y compris le contour des primitives), il faut utiliser les outils "Stylo" (dessiner un contour arbitraire), "Stylo +" (ajouter de nouveaux points d'ancrage au contour fini), "Stylo -" (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 arbitraire
3. Comment modifier le contour d'une primitive
4. Comment modifier le contour d'une forme vectorielle arbitraire

Opérations vectorielles de base 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 supérieur principal. 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 fusion de formes vectorielles, assurez-vous que les calques de ces formes sont sélectionnés dans la barre d'outils « Calques » (activez-la sur F7 ou Fenêtre > Calques).

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

Changer la couleur, la taille et appliquer des styles

Nous arrivons ici au plus intéressant. Vector dans Photoshop vous permet de redimensionner 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 en faisant glisser les marqueurs du chemin sélectionné avec la souris, ajustez la taille. Pour que la taille change proportionnellement, vous devez maintenir la touche Maj enfoncée.


Courte vidéo :
1. Redimensionner une forme vectorielle
2. Changer la couleur de remplissage d'une forme vectorielle
3. Ajoutez 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 de voir comment ces outils peuvent être appliqués dans la pratique, je publie un fichier infographique que j'ai réalisé 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 des vidéos à l'aide d'outils vectoriels.