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. Changez la couleur d'un bouton, changez le rayon d'une forme de menu, augmentez ou diminuez 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 a affecté tout le monde 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 confortable.
5. Vous pouvez appliquer de la transparence aux objets vectoriels et leur appliquer des filtres.
6. Couches individuelles et groupes de couches avec objets vectoriels peut être facilement cloné dans un document ou copié 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

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 principal Menu 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 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 à la photographie numérique, d'autres encore décideront qu'il s'agit du design jeux d'ordinateur. Mais nombreux sont ceux qui associent certainement cette expression aux 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 traduire image raster en vecteur, esquissez un dessin simple, générez 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 et d'importer des images raster. 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 des fichiers PNG, BMP, JPEG et GIF au format vectoriel et les enregistrer 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 construite en HTML5, mais elle 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 - 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 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 l'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éé dans 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. En plus, 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. Importer local images vectorielles non, mais vous pouvez ajouter des fichiers de la galerie des utilisateurs 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 vos propres projets, vous pouvez utiliser un ensemble d'outils standards : 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 sous 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 dispose également d'outils de création de graphiques standard pour tout éditeur de vecteurs : 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 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 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. L'utilitaire gratuit ZebraTRACE aide à résoudre ces 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éconfigurations 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 que rêver de cela. 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.

Outils vectoriels de base dans Adobe Photoshop identique à Illustrator. Mais je note qu'ils ne sont pas créés pour dessiner sous leur forme pure. Pourquoi? Tout d’abord, il existe d’excellents programmes pour dessiner en vecteur : Illustrator ou Corel Draw. Toutes les fonctionnalités nécessaires au dessin sont là. Deuxièmement, l'avarice des paramètres dans Photoshop pour le vecteur. Photoshop ne dispose que d'outils de dessin et de quelques primitives. Ce qui, d’une part, est correct. Voici un excellent programme pour les graphiques raster, et voici un excellent programme pour les graphiques vectoriels. Oui, en vecteur il est parfois nécessaire de travailler avec un raster, et en raster il faut parfois un vecteur. Il est préférable de les regrouper et de les vendre sous forme de package.

Sur l'image, vous pouvez voir que tous les contours qui composent la figure restent à l'intérieur du calque. De cette façon, le chiffre peut être modifié rapidement et facilement. Bien que vecteur adobe Photoshop peut faire bien plus. Par exemple, j'ai créé ces croquis pour un ancien site Web en vecteur. Image que j'ai utilisée avec un pinceau à bords durs. Ensuite, j'ai sélectionné le calque et converti la sélection en contours. A partir des contours j'ai réalisé des calques remplis avec un masque vectoriel. De cette façon, j'ai obtenu le lissage des contours, qui manque dans Photoshop.

Outil Plume

Nous avons d’abord un outil Outil Plume et ses variétés. Le même ensemble peut être trouvé dans Illustrator. C'est pratique pour passer d'un programme à un autre ; il n'est pas nécessaire de réapprendre. De plus, tous les outils vectoriels ont migré vers Photoshop directement depuis Illustrator.

Outil Plume- Stylo Bézier, moduler un chemin vectoriel avec est aussi simple que décortiquer des poires, mais pour les débutants cela peut être une tâche très difficile. Les descriptions détaillées de toutes les techniques de contrôle avec des guides nécessiteraient un article ou un chapitre distinct. En fait, il s’agit de l’outil le plus basique et le plus avancé pour moduler les formes et les contours d’un vecteur. Et, commodément, c’est la même chose dans tous les programmes vectoriels.

Maintenant, cliquez n'importe où. Lorsque vous cliquez, vous avez un point clé (ancre, clé, chose, le nom n'a pas d'importance). Faites glisser la souris dans n'importe quelle direction tout en continuant à maintenir le bouton enfoncé. Si tout est correct, vous verrez des guides.

Cliquez n'importe où ailleurs. Vous verrez une ligne s'étendant du premier point au deuxième. Commencez à éloigner la souris sans relâcher la touche. Votre plan est formé en fonction de la manière dont vous définissez les guides sur le deuxième point clé.

Comprendre comment les lignes sont construites en fonction des guides constitue peut-être la compréhension la plus élémentaire des graphiques vectoriels. Dans le panneau de paramètres des outils vectoriels, Stylo aussi l il y a un paramètre intéressant - Ajout/Suppression automatique. Ceux-ci sont en fait automatisés Ajouter Et SupprimerAncho r Outils de points qui sera discuté plus loin. Cliquez sur cette case à cocher et votre pinceau pourra ajouter des points aux contours déjà dessinés et supprimer les points inutiles lors du dessin. Vous pouvez le faire correctement pendant que vous dessinez le contour, et non après. Et pour cela tu n'auras pas besoin de passer à l'inutile Ajouter Et SupprimerAncho r Outils de points

Outil Plume de forme libre

Si travailler avec Outil Plume il faut comprendre les principes de construction des courbes vectorielles, puis Outil Plume de forme libre- un outil libre de toute règle et principe. Cliquez simplement dessus et dessinez le contour comme vous le feriez avec un pinceau ordinaire. Bien sûr, ils ne peuvent pas représenter un cercle parfait ou une célébration de formes géométriques, mais ils peuvent représenter une tache. Cet outil convient à la création de collections de figurines dans un style industriel. Dessiner des taches est parfait pour eux. Eh bien, si les compétences en dessin ont été perfectionnées, alors... Je pense qu'il est préférable d'utiliser le programme Illustrator, à moins bien sûr que vous ne fassiez partie de ceux qui sculptent des chefs-d'œuvre dans MS Paint pour le plaisir (:

À l'instrument Outil Plume de forme libre Il existe peut-être un autre paramètre intéressant. Dans le panneau des paramètres Outil Plume de forme libre Il y a une case à cocher magnétique. Il s'agit d'une version cachée de l'outil Lasso magnétique. Cela fonctionne exactement de la même manière. Cochez simplement cette case. Déplacez le curseur sur un objet clairement défini avec un bord très contrasté et commencez le traçage. Bien sûr, vous n’avez pas besoin d’attendre une géométrie parfaite de cet outil.

Ajouter un outil de point d'ancrage et supprimer un outil de point d'ancrage

Ajouter également un point d'ancrage l - cet outil s'ajoute à un contour déjà dessiné points supplémentaires, pour modifier ou corriger la forme du contour. Dessinez simplement un contour, puis passez à cet outil et placez les nœuds manquants aux endroits dont vous avez besoin. Pourquoi est-ce? Eh bien, vous devrez peut-être mettre plus de points pour que le plan ressemble davantage à ce dont vous avez besoin.

Outil Supprimer le point d'ancrage- respectivement cet outil supprime les points inutiles sur une courbe vectorielle. Le champ d’application de cet outil est le même que celui de Outil Ajouter un point d'ancrage, ce n'est que si les points sont réduits que la ligne de niveau devient, pour des raisons évidentes, plus lisse et plus douce.

Outil Convertir des points

Cet outil aide à éditer les guides de points de courbe. Lorsque vous cliquez sur un point, l'outil réinitialise les guides. Maintenez le bouton de la souris enfoncé et déplacez la souris sur le côté. C'est ainsi que nous changeons les formes et la direction des guides, contre eux valeur d'origine. Et si vous accrochez l'un des guides avec l'outil Convertir un point, vous pouvez lui donner une direction indépendante.

Encore une fois. Vous vous faites attraper par l'outil Outil Convertir des points, par point. A partir d'une telle proximité du point, les guides sont réinitialisés. Sans relâcher le bouton de la souris, déplacez la souris sur le côté pour créer de nouveaux guides. Et si vous le souhaitez, vous pouvez saisir l'un des guides et l'ajuster individuellement. Parlons maintenant des détails.

Menu déroulant des outils vectoriels

Le menu déroulant des outils vectoriels révèle diverses fonctionnalités intéressantes, dont beaucoup sont liées à d’autres sujets, je n’entrerai donc pas trop dans les détails. Il est logique que nous ne comprenions pas ce qu'est un masque dans un article sur les outils de dessin. Sélectionnez l'un des outils, dessinez quelque chose comme un cercle, comme le mien, et cliquez sur clic-droit souris. Il est important de tracer un cercle plein, sinon toutes les options du menu ne seront pas disponibles. Veuillez noter que vous devez maintenant cliquer sur le contour.

Supprimer le point d'ancrage

Tout est très simple. Cliquez sur le point que vous n'aimez pas et supprimez-le. C'est encore plus simple pour moi qu'avec un outil Outil Supprimer le point d'ancrage. Surtout s'il n'y a qu'un seul de ces points. Cette option de menu est modifiable. Il existe maintenant un point d'ancrage Supprimer car j'ai déplacé la souris exactement vers ce point. Si vous cliquez n'importe où sur le contour Supprimer changera en Ajouter un point d'ancrage, c'est-à-dire que nous parlons d'ajouter un nouveau point au contour.

Créer un masque vectoriel

Est un raccourci vers l'option Calque > Masque vectoriel > Chemin actuel A quoi sert cette option ? Crée bien sûr un masque vectoriel. Maintenant, je vais vous montrer comment procéder. Placez une photo sur la palette. Par exemple, j'ai choisi une photo de mon perroquet Chuchi. Le contour doit être visible. Vous ne pouvez pas le réinitialiser. Placez la photo directement sous le contour ou le contour sous la photo. Ou dessinez un nouveau contour exactement comme vous le souhaitez. Cliquez maintenant sur Créer un masque vectoriel et obtenez des résultats ! Le chemin vectoriel s'est transformé en masque vectoriel. Et Chucha le perroquet est en cercle !

Supprimer le masque vectoriel

Le nom parle de lui-même. Chucha le perroquet se transforme en une photographie rectangulaire. Le masque tombe dans l’oubli. Le contour devient un contour normal.

Définir une forme personnalisée

Le contour se transforme en une forme vectorielle vierge. C'est, cette option enregistre le plan, le place dans une bibliothèque spéciale, d'où vous pourrez toujours l'obtenir plus tard et l'utiliser facilement. Entrez simplement le nom de votre circuit.

Et retrouvez-le à l'adresse de l'outil Outil de forme personnalisée dans le menu des paramètres de l'outil parmi d'autres animaux et flèches.

Faire une sélection - Cette option crée une sélection à partir d'un vecteur. Regardons de plus près ce que le menu nous propose.

Rayon de plume— rayon de flou. Si vous remplissez davantage votre sélection, les bords seront flous. Comment plus de valeur plus il y a de flou. Attention à l'écran :

Anti-aliasé- adoucit les bords. Pas de fonction Anti-aliasé le remplissage sera rempli pixel par pixel. Fonction Anti-aliasé crée des demi-teintes sur les bords du remplissage.

Chemin de remplissage

Un parent éloigné de l’option Edition > Remplir. Mais contrairement à ce dernier, il bénéficie de quelques améliorations. Il a un graphique identique Contenu Qu'est-ce que cela signifie en général, avec quoi allons-nous le remplir ? Il y a un graphique Mélange, responsable des modes de fusion. Et aussi une tique importante Préserver la transparence. Lorsque cette case est cochée, le remplissage prend en compte les zones transparentes et ne les remplit pas.

Chemin du trait

Souligne le point culminant. Et il le souligne avec n'importe quoi. au menu Chemin du trait Vous pouvez choisir n'importe quel outil, même un élastique, un mixeur ou un pinceau. Le plus souvent, bien sûr, vous aurez besoin d’un pinceau. Chemin du trait utilise les paramètres de l'instrument définis dans ce moment. Par exemple, si la dernière fois vous avez peint avec un pinceau dur de 10 px, le contour sera mis en valeur avec celui-ci. Option Simuler la pression simule la pression.

Chemin de détourage

Un type de masquage dans Photoshop et plus encore. Le plus souvent Chemin de détourage utilisé pour la séparation arrière-plan de l'objet. Croyez-le ou non, en Occident, il existe des studios entiers dédiés à ce travail, et les ouvriers sont appelés spécialistes du camouflage - spécialistes du camouflage. Ce sont des spécialistes ! En fait, Chemin de détourage attache un chemin à une image bitmap. Par exemple, dessinez un contour sur une photo de famille ou mettez en valeur un objet avec un contour. Enregistrer dans Format PDF et ouvrez-le dans Illustrator. Votre image est placée à l'intérieur du chemin, tout comme avec un masque vectoriel. En vérité ceci Chemin de détourage c'est un point noir pour moi. Mystériosité Chemin de détourage m'a fait en détail explorez cette option, dont j'ai parlé dans mon article

Chemin de transformation gratuit

Modifie la forme d'un chemin ou d'un groupe distinct de points. Changer la forme d'un objet ne nécessite aucune représentation. La manière dont cela se fait est déjà intuitivement claire. Le carré tourne dans toutes les directions, pincer les coins change la taille. Et quand tu appuies sur la touche Ctrl la perspective du personnage change.

Pour commencer, nous examinerons deux concepts de base dans Photoshop comme trame Et Graphiques vectoriels.
Sur l'ordinateur, toutes les images et informations sont présentées dans forme numérique. C'est ce qui nous donne la possibilité de visualiser, stocker et traiter des images dans différents éditeurs graphiques, par exemple, dans Photoshop.

Une image dans Photoshop est composée de pixels sont des éléments graphiques carrés.

Regardons de plus près les pixels. Ouvrir avec Photoshop une image : cliquez FICHIER - OUVERT, sélectionnez par exemple une photo que vous aimez sur votre ordinateur et effectuez un zoom avant. Pour plus de clarté, j'ai pris une photo représentant un zèbre et j'ai agrandi son échelle. Que voit-on ? Nous voyons de nombreux carrés multicolores - c'est pixels. Où sont les chiffres, demandez-vous ?! C'est très simple - la couleur de chacun pixels codé valeur numérique. C'est description numérique pixels est une description de sa couleur.
Choisir dans Photoshop depuis la barre d'outils, qui se trouve à notre gauche, l'outil PIPETTE. Nous cliquons sur le pixel le plus clair (sur l'image, il est dans un cercle rouge) - sa couleur sera affichée dans notre palette.
Pensez-vous que c'est blanc ? couleur des pixels? Allons vérifier. Cliquez sur la couleur « blanc » dans la palette. La fenêtre suivante s'ouvre :

Notre couleur blanche est à gauche coin supérieur et a valeur numérique ffffff. Que voit-on ?! La flèche verte sur la figure montre la couleur de notre pixels(ça n'atteint pas un peu le blanc), et la flèche rouge le montre valeur numérique. De la même manière, vous pouvez essayer de déterminer dans Photoshop la couleur de la cellule (pixel) la plus sombre, qui nous apparaît noire (sur la figure elle se trouve dans le cercle jaune). Elle n'aura pas non plus valeur numérique du pixel noir, ce qui est égal 000000 .
Alors c'est quoi images tramées? Ce sont des images présentées par pixels.

Quelle est la différence entre les graphiques vectoriels et les graphiques raster ?

DANS graphiques vectoriels les images ne sont pas décrites pixels, mais par lignes, chiffres, c'est-à-dire vecteurs. DANS éditeurs de vecteurs Il est pratique de dessiner des images où il n'y a pas de transitions de couleurs douces - logos, tableaux, diagrammes.

Une autre différence graphiques vectoriels depuis trame- c'est parce que les vecteurs tolèrent bien la mise à l'échelle.
Par exemple, si nous agrandissons une image raster (cela a été discuté ci-dessus dans l'image avec un zèbre), alors l'image aura l'air granuleuse, c'est-à-dire nous verrons de nombreux carrés ( pixels).
Une image dans Photoshop se compose de pixels. Mais lorsque le carré vectoriel est agrandi, l'image ne sera pas maculée, c'est-à-dire n'aura pas l'air granuleux. Par exemple, nous avons dessiné un carré. En tirant n'importe quel coin, nous étirons le carré (augmentons en taille), mais en même temps notre image restera claire, contrairement à une image raster.

1. Image. Ci-dessous une photo d'une mini voiture sur laquelle il faudra travailler pour lui donner un look vectoriel. La qualité de l'image dans ce cas n'est pas si importante, tant qu'il y a des détails à tracer.

2. Processus. Pour commencer, cliquez avec le bouton droit et effectuez l'une des deux opérations suivantes : a) Copier. Puis dans Édition - Coller de Photoshop [Édition - Coller]. Dans cette méthode, Photoshop laisse le calque d'arrière-plan verrouillé et colle l'image dessus. Nouvelle Couche Couche 1 au-dessus de l'arrière-plan. Double-cliquez sur le mot Calque 1 pour mettre en surbrillance le texte et donner au calque un nom plus approprié. Par exemple, « l'image ».

b) Enregistrez l'image sous sur la vis. Ensuite, allez dans Photoshop File - Open et recherchez où vous avez enregistré l'image. Peut-être sur le bureau ?.. Notez que dans la palette des calques l'icône de l'image indique que l'image est « index » [en bref, c'est un gif]. Notez également qu'il est verrouillé. Pour résoudre ce problème, allez simplement dans Image - Mode - Couleur RVB [Image - Modèle - RVB] et transférez ainsi le calque verrouillé sur le calque d'arrière-plan. Un double-clic sur le calque d’arrière-plan en fera un calque modifiable. [Renommer le calque 0 en quelque chose de plus convivial... Par exemple, "l'image".]

Créons maintenant une copie du calque d'image. Si vous utilisez Photoshop 7 ou CS, créez nouvel ensemble couches pour préserver tous les objets individuels. Cliquez simplement sur l'icône du dossier en bas de la palette des calques, double-cliquez sur Set 1 et nommez-le comme le mien.

3. Le stylo est un outil puissant. Commençons par créer un contour autour du périmètre de la voiture entière. Définissez la couleur de premier plan à l’aide de la pipette, en prenant la couleur de la partie la plus sombre de l’image. Dans ce cas, très proche du noir. Sélectionnez maintenant l'outil Plume dans la barre d'outils. Assurez-vous que l'option Calques de forme est activée [en haut de la barre d'options], je l'ai entourée en orange.

Maintenant, ajoutez simplement des points d'ancrage là où vous pensez que le contour devra être modifié.
Astuce : Ctrl + [Plus sur le pavé numérique situé à droite de votre clavier] pour zoomer. En conséquence, Ctrl est l'action inverse. Je recommande d’utiliser ces fonctions pour valoriser votre image.

4. Connexion des points d'ancrage. Après avoir créé un chemin autour de la voiture, connectez-vous au premier point d'ancrage pour créer une forme solide. Masquez maintenant le calque de copie d'image pour voir ce qui s'est passé [comme je l'ai fait dans l'image ci-dessous.] Commençons maintenant à manipuler les points d'ancrage pour donner à notre voiture une forme plus élancée.

Voici à quoi ressemble désormais la palette Calques avec le nouveau calque Forme vectorielle surligné en bleu. De plus, si vous cliquez sur l'onglet Chemins de la palette Calques, vous verrez une version "chemin" de ce calque.

5. Conversion des points d'ancrage. Sélectionnez l'outil de conversion de point d'ancrage et manipulez les zones à transformer pour donner une bordure claire à la voiture.

Assurez-vous que le calque Forme 2 est sélectionné.
J'ai commencé à convertir les points de la roue. Cliquez sur le point d'ancrage et déplacez-vous dans le sens de la flèche noire [voir. Fig.] jusqu'à ce que le chemin commence à suivre les contours de la roue.

Astuce : L'outil de conversion crée 2 points de Bézier pour ajuster la courbure.

Manipulez les courbes de Bézier pour garantir que les contours sont aussi précis que possible.

Astuce : Après avoir converti quelques points d'ancrage [ou points d'ancrage], vous vous rendrez compte que certains des points d'origine ne sont pas du tout nécessaires. Le fait est que moins il y a de points d’ancrage, plus la sélection sera fluide. Par conséquent, utilisez l’outil de suppression du point d’ancrage.

Voilà ce qui m'est arrivé. Nous utiliserons cette forme comme base.

Ensuite, j'ai fait une copie du calque Shape 2 et manipulé les points pour dessiner la couleur dominante [le bleu, dans ce cas] de la voiture. Cliquez sur l'icône de ce calque, prenez la pipette et changez la couleur noire en bleu #3672BD.

Voilà à quoi ressemble la voiture maintenant.

Travaillons maintenant sur les fenêtres.
Activez à nouveau le calque de copie d'image [noir] et masquez le calque de copie de forme 2 [bleu].
Prenez l'outil Plume et dans la barre d'options, activez l'option Soustraire de la forme de la zone [je l'ai encadrée en orange].

Masquez le calque de copie Forme 2. Sélectionnez le calque Forme 2. Commençons par tracer les fenêtres du côté opposé de la voiture.

Désactivez la visibilité du calque de copie d'image et regardez le résultat.
La soustraction de la forme noire a créé l'illusion de transparence.

Pour appliquer cet effet aux deux autres fenêtres sans ajouter de nouveau calque, maintenez simplement Ctrl+Alt et cliquez et faites glisser ce chemin de copie soustractive. [Faites cela deux fois.] Maintenant, placez les doublons à leur place. Utilisez à nouveau l'outil de conversion de point d'ancrage pour lisser les coins et créer des formes précises.

Appliquez la même technique sur le calque de copie Forme 2 pour obtenir une image comme la mienne.

Maintenant que nous avons la forme vectorielle de base de la voiture, il ne reste plus qu'à ajouter de nouvelles formes, lignes et quelques textures. On remplira les vitrines plus tard !

Maintenant, à l'aide de l'outil Ellipse dans le panneau Outils, dessinez le centre de la roue arrière, puis maintenez la touche Maj enfoncée et faites de même pour la roue avant.
Pour un positionnement précis, Ctrl plus clic sur la nouvelle ellipse, puis clic droit sur l'ellipse simple et sélectionnez Chemin de transformation libre. Cliquez à nouveau avec le bouton droit et sélectionnez Déformer. J'ai également commencé à travailler sur les phares [sur un nouveau calque], en utilisant la même technique : Ellipse - Transformation libre - Distorsion - Mise en position.

Depuis que de nouvelles couches ont été ajoutées, elles peuvent s'être accumulées, il est raisonnable de les nommer correctement. [Je pensais qu'il serait peut-être possible d'utiliser le moins de couches possible, mais...]

Ensuite, j'ai ajouté le pare-chocs. Encore une fois, en utilisant l'outil Plume pour tracer, l'outil de conversion de point d'ancrage pour lisser les coins et le façonner avec précision par rapport à l'original. [Tout cela est une pratique de traçage établie et acceptée de longue date, honnêtement !]

J'ai ensuite appliqué un style de calque sur le pare-chocs pour lui donner un effet chromé. Faites un clic droit sur le calque de pare-chocs et appliquez les paramètres suivants.

Créez un nouveau calque et nommez-le Lignes. Cette couche doit être la plus haute. Ainsi, l'outil Plume est sélectionné dans la barre d'outils, les paramètres correspondent à ceux spécifiés sur le panneau d'options, nous commençons à ajouter des points d'ancrage dans le sens de la flèche blanche.

Maintenant, définissez la couleur active sur noir [ou appuyez simplement sur D], appuyez sur B pour sélectionner l'outil pinceau, maintenant dans la barre d'options, définissez le sélecteur de préréglage de pinceau et sélectionnez un petit pinceau aux bords doux d'environ 3. Mais changez le diamètre en 2 pixels [essayez même 1], car même 3 peut être trop.

Pour resélectionner le stylo, appuyez sur P, activez le calque Lignes, cliquez avec le bouton droit et sélectionnez l'option Chemin de contour.

Il vous sera demandé de sélectionner un outil avec lequel créer un nouveau trait. Sélectionnez Pinceau dans le menu déroulant et cliquez sur OK.

J'ai modifié l'opacité du calque Lignes à 54 % pour l'adoucir.

Puis j’ai continué dans la même veine, en utilisant la même technique pour ajouter d’autres lignes.
Ajout d'un miroir, d'essuie-glaces et d'un emblème sur le capot.
Astuce : Pour les zones trop petites pour être manipulées avec l'outil Plume, utilisez le lasso polygonal. Cliquez également et ajoutez des points d'ancrage comme vous le feriez avec un stylo, et lorsque vous avez terminé, cliquez avec le bouton droit sur la sélection et sélectionnez l'option "Créer un chemin de travail" ou "Remplir".

Pour les structures telles que les reflets, utilisez le Lasso Polygonal [L] pour tracer autour de ces zones, faites un clic droit et remplissez avec une couleur bleu doux [j'ai utilisé #86A9D7].

Il ne reste plus qu'à ajouter les détails. Le détail dépend de vous. Ci-dessous le résultat de mon travail après ajout de détails sur les phares, les roues, etc.
J'espère que vous avez apprécié la leçon.