Les outils de travail avec un vecteur dans Photoshop ont semblé assez longtemps, mais de les utiliser dans les travaux commença relativement récemment. Cela est dû au fait que très longtemps, ils étaient "bruts" et parce que Le vecteur dans Photoshop n'est pas un outil de profil pour le travail et non finalisé. Mais tout a changé avec la sortie de Photoshop cc.
Pourquoi avez-vous besoin d'un vecteur dans Photoshop
Je veux d'abord dire pourquoi j'utilise le vecteur dans Photoshop. Il y a beaucoup de rédacteurs vectoriels éprouvés. Le plus commun est illustrateur, Coreldraw, Xara. Le plus souvent, je suis engagé dans la conception Web, ce qui signifie que mon travail n'est pas le résultat final. Ceux. Avant de devenir un site, une interface, la disposition de l'application tombera comme un modèle. La plupart des vestons sont parfaitement propres Photoshop, mais très superficiellement familiers avec illustrateur. Par conséquent, le désir de "pousser" tout dans un seul fichier est assez logique. C'est génial lorsque la gâchette reçoit un PSD dans lequel la disposition complète est contenue et la possibilité de modifier des articles. Modifiez la couleur du bouton, modifiez le rayon du formulaire de menu, augmenter ou diminuer le bloc sans perte de qualité - pour 2 clics et 1 minute! Le vecteur dans Photoshop vous permet de le faire sans compétences spéciales.
Caractéristiques du travail avec un vecteur dans Photoshop
Si vous travailliez dans n'importe quel Éditeur de vecteur, Beaucoup semblera familier. Mais il devra se habituer à. Tous les travaux de Photoshop sont construits avec des couches, il a affecté tous les outils vectoriels.
1. Pour éditer facilement le vecteur dans Photoshop, chaque figure est nécessaire dans une couche séparée.
2. Opérations sur "Fusion", "Sous-traaction", "Superposition" mieux s'appliquer à plus de deux objets.
3. Après l'opération "Fusionner", "Soustraction", "superposition" des contours des objets source reste accessible à la modification.
4. Les styles raster peuvent facilement être utilisés pour tous les objets vectoriels. C'est très pratique.
5. La transparence peut être utilisée pour vecteurs d'objets et appliquer des filtres sur eux.
6. Séparez les couches et groupes de couches avec des objets vectoriels peuvent être facilement clonés dans le document ou copier dans un autre document PSD.
7. Inscrivez-vous chaque couche et couches de groupe - il sauvera une masse de temps.
Primitives de base
Comme dans n'importe quel éditeur vectoriel, le vecteur de Photoshop a des primitives prêts. Primitives de base:
"Rectangle", "rectangle avec coins ronds", "ellipse", "polygone", "ligne", "figure arbitraire". Chaque figure (à tout moment), vous pouvez régler l'épaisseur / type / couleur de la course et de remplir. Des propriétés supplémentaires sont disponibles pour des primitives spécifiques. Par exemple, un polygone peut être posé le nombre d'angles et le rectangle à angles ronds peut être réglé un rayon d'arrondissement.
Outils de base
Pour dessiner un vecteur arbitraire ou modifier existant (incl. Et le contour des primitives), vous devez utiliser les outils de stylo (dessiner un contour arbitraire), "stylo +" (ajoutez de nouveaux points de référence au circuit fini) "Pero" (Retirez les points de support du circuit fini), «Free Feather» (dessinez le contour arbitraire de la main), «Angle» (modifiez les courbes des courbes de circuit, définissez les types de connexions entre les points de référence). 
Pour illustrer le processus d'une courte vidéo à partir de laquelle vous apprendrez:
1. Comment créer une primitive
2. Comment dessiner une figure de vecteur arbitraire
3. Comment éditer le contour de la primitive
4. Comment éditer le contour d'un chiffre de vecteur arbitraire
Opérations de base avec un vecteur dans Photoshop
Au total, 4 opérations sont disponibles: "Combinaison de figures", "Soustrayez la figure avant" ", associez les formes dans l'application" "," Soustrayez les formes dans la superposition ". Toutes ces opérations sont disponibles via la principale menu principal Couches\u003e Combinaison de chiffresou à travers la barre d'outils "Propriétés" (menu supérieur Fenêtre\u003e Propriétés).
Attention! Avant de commencer quelques opérations pour unir figurines de vecteur Assurez-vous que les couches de ces formes sont surlignées dans la barre d'outils "Calques" (activez son F7 ou Fenêtre\u003e couches).
Courte vidéo illustrant les opérations de base "combinant figures" dans Photoshop.
Changer la couleur, la taille et les styles d'application
Nous avons donc atteint le plus intéressant. Le vecteur de Photoshop vous permet de modifier la taille de la taille supérieure et plus petite sans perte de qualité. Pour ce faire, sélectionnez les couches souhaitées dans la barre d'outils "calques", Appuyez sur Ctrl + T (ou Command + T si vous avez Mac) Et glisser les marqueurs du circuit en surbrillance avec la souris ajuste la taille. Que le changement de taille est proportionnellement nécessaire pour fixer la clé de décalage. 
Vidéo courte:
1. Changez la taille du chiffre de vecteur
2. Changez la couleur du chiffre de vecteur coulant
3. Ajoutez de style au clip de vecteur
Télécharger Exemple PSD (gratuit)
Que voulait-il que vous puissiez comprendre comment utiliser le vecteur dans Photoshop et voir comment vous pouvez utiliser ces outils dans la pratique. Je pose le fichier infographique rempli par moi en utilisant complètement des outils vectoriels.
Poser une question
Si vous ne pouvez pas faire quelque chose ou avoir des questions, écrivez dans les commentaires et je vous aiderai à comprendre. Vous pouvez également regarder une vidéo à l'aide d'outils vectoriels.
De nombreux amateurs de conception novices sont nécessairement confrontés à ce problème, car dans certains moments, il est nécessaire image vectorielle. Cet article est décrit en détail sur la façon de faire une image vectorielle.
Ce qui est utilisé pour transférer de l'objet raster au contour
Un exemple de ce cas est le remplissage auquel le masque de vecteur est appliqué. Un groupe de primitives de vecteur est un groupe d'outils pour créer un masque sans paiement et dans mode automatique. DANS cet exemple Il s'avère que le contour de l'image sera vecteur, tandis que le remplissage est raster.
Cependant, vous devez comprendre que "Photoshop" ne fonctionne pas en pleine force avec le vecteur en utilisant côtés positifs où vous pouvez. Avec un travail intensif avec des graphismes, les spécialistes ont des tâches différentes, lors de la résolution de laquelle il est plus pratique de convertir immédiatement la sélection au contour et n'utilisez pas l'illustrateur de cette tâche. Il s'agit de tâches similaires dans "Photoshop" une fonction qui vous permet de convertir des objets raster en vecteur, car tous les experts ne préfèrent pas utiliser un illustrateur.
Comment faire un vecteur d'une image raster?
Pour ce faire, dans "Photoshop", il est nécessaire d'effectuer une certaine procédure. Vous devez d'abord sélectionner un objet à l'aide de la boîte à outils Sélectionner. Le programme convertit n'importe quel objet sélectionné et sélectionné dans le contour.
Si les méthodes décrites de travailler sont complexes pour vous, il est préférable de se familiariser avec les interfaces du programme, car c'est la base, ne sachant pas lequel ne peut pas progresser.
À titre d'exemple, vous pouvez apporter l'image d'une image d'une personne à partir de l'image. Vous pouvez prendre une image d'origine et utiliser une tablette et une brosse à bords solides pour encercler un objet. Après cela, vous pouvez le changer, par exemple, remplacer votre visage. Une fois cette image traduite dans le vecteur, il sera possible de balancer sans perdre la qualité de l'image.
Photos pour le traçage
Pour un exemple visuel est pris image facile - Papillon. Lorsque le transfert doit être considéré que plus l'image est grande, mieux l'image vectorielle sortira. Cette règle est valide dans "Photoshop", similaire à celle de "Illustrator". Grande image - celles qui sont plus de 1000 pixels.
Allocation d'objet
Le processus d'attribution de l'objet est de commencer avec le choix des outils. Vous devez appliquer l'outil de baguette magique la plus courante à partir du jeu d'outils, puis cliquez sur le bouton droit de la souris une fois dans la partie blanche de l'espace de travail. À la suite de ces manipulations, vous ferez l'espace de travail.
Ensuite, vous devez mettre en évidence le papillon à l'aide de l'ensemble Inverse Select - Sélectionner. Cette procédure est inversée afin de mettre en évidence l'image. Cependant, il convient de noter que cette option ou une autre option n'affecte pas le résultat final, l'objet principal est que l'objet requis est attribué.
Sur la photo ci-dessus, vous pouvez voir les soi-disant modèles vectoriels. Une telle image est appelée fractale - il s'agit d'un objet qui change avec certains algorithmes lors de l'augmentation. L'image vectorielle est simplement adaptée à l'image de fractale, il est nécessaire de conduire la formule et d'obtenir le résultat fini, comme indiqué ci-dessus. Ceci s'appelle un motif de vecteur.
Création d'un circuit de vecteur
C'est une partie presque finale de la façon de faire une image vectorielle. Il convient de se souvenir de la principale chose: les programmes de création de telles images sont nombreux, le spécialiste doit choisir un (maximum deux), sinon vos efforts dans l'étude seront immédiatement en vain.
Après avoir choisi la zone, faites-la téléphoner au circuit de vecteur. Pour ce faire, vous pouvez utiliser les outils de sélection, tels que l'outil Lasso, l'outil de marquisée rectangulaire, l'outil de baguette magique, etc. Continuer le bouton droit de la souris, cliquez sur la zone de sélection, après quoi le menu apparaît dans lequel le chemin de travail de fabrication devrait être sélectionné. Ce qui suit sera un menu dans lequel le degré de tolérance de lissage est installé. Plus le lissage est grand, plus le nombre de nœuds de vecteur et une répétition moins précise du circuit raster.
Après tout ce qui précède décrit dans le chemin, un contour de travail doit être formé. Si une telle palette n'est pas, on peut trouver avec windows Windows Et en cela pour choisir le chemin. Ensuite, vous devez produire appuyez deux fois sur Sur le chemin de travail et enregistrez-le ailleurs. Les contours de cette zone sont valables similaires aux couches de la palette Calques. Le contour sélectionné signifie qu'il est activé et peut être utilisé.
Sélectionnez ensuite le contour à l'aide de l'outil de sélection du chemin ou de la palette de chemins. Vous devez cliquer sur le bouton de calque, après quoi sélectionner une nouvelle couche de remplissage dans l'onglet Ouvrir et déjà de la couleur unie. Ainsi, vous créerez une couche de remplissage, qui est immédiatement attribuée à un masque de vecteur sous la forme de votre contour.
Fin du travail
Pour raffinement, vous pouvez utiliser l'outil de stylo - pour mettre en surbrillance le masque de remplissage. Ensuite - Configurez l'outil Stylo, à savoir définir la soustraction. Avec cela, vous pouvez dessiner des éléments et des modèles supplémentaires sur l'image.
Ceci est si facile de faire une image vectorielle. Cette compétence aidera nécessairement les concepteurs novices.
Dans cette leçon, parlons de la façon de traduire une image raster dans une forme de vecteur dans Photoshop. Bien sûr, le programme Photoshop est principalement conçu pour fonctionner avec des images raster, et le vecteur de celui-ci est un certain ajout sous la forme de contours de la couche de masque de vecteur, superposée sur l'objet et crée une figure de vecteur. Dans une telle forme de vecteur (forme), le circuit sera vectoriel et le raster coulant.
Dans cette leçon, considérez les actions suivantes:
Créer un document et dessiner un objet
Créez d'abord un nouveau document de tailles et de calques.
Dessine maintenant n'importe quelle image. Prenez l'outil de pinceau (brosse) avec des bords sous-estimés et une opacité entièrement. Dessinons une forme géométrique simple, par exemple, comme indiqué dans l'image.
Sélection d'un objet raster
Pour traduire image raster Vous devez d'abord la mettre en surbrillance avec tout type d'outil Sélectionnez. Sélectionnez maintenant l'objet dessiné à l'aide de l'outil Tool WAND ou cliquez sur le calque avec le bouton gauche de la souris en appuyant sur la touche CTRL.
Convertir un objet sélectionné dans le chemin de vecteur (chemin)
En utilisant n'importe quel outil de type SELECT, appelez le menu contextuel. Pour ce faire, visitez l'outil pour l'objet sélectionné et cliquez sur bouton de droite Souris. Dans le menu qui apparaît, sélectionnez "Faire un chemin de travail ...".
Une fenêtre apparaîtra là où vous devez entrer dans le paramètre TOrrence, qui définit combien points de contrôle Il contiendra une forme de vecteur que d'autres, plus l'objet vectoriel sera lissé, mais la qualité des points de test sera faible.
Création d'un masque de vecteur pour une couche de chemin de vecteur
Allez dans l'onglet PATHS, où le chemin de vecteur apparaîtra, que nous venons de créer.
Deux fois, cliquez dessus pour donner un nom.
Ensuite, dans le menu principal, sélectionnez "Couche -\u003e Nouvelle couche de remplissage -\u003e Couleur unie ...". Peut en quelque sorte appeler nouvelle Couche, puis cliquez sur "OK". Choisissez une couleur pour le futur formulaire dans la boîte de dialogue Sélection des couleurs.
Maintenant, dans l'onglet Calques, il devrait y avoir une nouvelle couche avec un masque de vecteur.
Comment enregistrer un objet vectoriel dans la bibliothèque de figurines de vecteur dans Photoshop
Ensuite, il vous sera demandé de rechercher un nouvel objet vectoriel. Cliquez sur "OK", après quoi vérifier le nouvel objet dans la bibliothèque à l'aide de l'outil Tool de formes personnalisés.
Si la leçon sur la conversion du raster dans le vecteur s'est avérée utile pour vous, alors partagez-la dans réseau social (Badges ci-dessous).
1. Photo. Vous trouverez ci-dessous une image d'un mini-véhicule, sur lequel devra travailler pour faire une vue de vecteur. La qualité de l'image dans ce cas n'est pas si importante, si seulement il y avait des détails pour la traçabilité.
2. Processus. Pour commencer, la souris droite Cliquez et exécutez l'une des deux: a) Copier [copie]. Ensuite, dans Photoshop "e Edit - Coller [Édition - Coller]. Dans ce procédé, Photoshop laisse une couche bloquée de l'arrière-plan et insère une image à une nouvelle couche de couche 1 au-dessus de l'arrière-plan. Deux clic sur le Word Layer 1 pour mettre en surbrillance le texte et appelez le calque plus acceptable. Par exemple, "TheImage".
b) Enregistrez l'image comme [Enregistrez l'image comme] sur la vis. Ensuite, dans Photoshop File - Ouvrez [Fichier - Ouvrir] et trouvez où vous avez enregistré l'image. Peut-être sur le bureau? .. Remarque, dans la palette de calques, l'icône Image indique que l'image "Index" [en bref, c'est gif]. Notez également, il est bloqué. Pour résoudre ce problème, allez simplement à l'image - Mode - Couleur RVB [Image - Modèle - RVB] et traduisez ainsi la couche bloquée dans la couche d'arrière-plan. Double-cliquez sur la couche d'arrière-plan le traduire en couche modifiable. [Renommer la couche 0 à plus amicale ... Par exemple, "Theimage".]
Créez maintenant une couche de tienne en double. Si vous utilisez Photoshop 7 ou CS, créez un nouveau calque défini pour enregistrer tous les objets individuels. Cliquez simplement sur l'icône de dossier en bas de la palette de calques, double-cliquez sur SET 1 et nommez-le comme moi.
3. plume de l'outil puissante. Commençons par la création d'un trait autour du périmètre de toute la voiture. Installez la couleur de premier plan avec une pipette en prenant la couleur de l'image la plus sombre. Dans ce cas, très proche du noir. Choisissez maintenant l'outil de stylo sur la barre d'outils. Assurez-vous que l'option de couches de forme est activée [en haut sur le panneau Options], je l'ai couvert avec orange.
Maintenant, ajoutez simplement simplement des points de liaison dans lesquels vous allez considérer qu'il sera nécessaire de modifier le contour.
Conseil: Ctrl + [plus sur le panneau numérique à droite sur le clavier] pour augmenter l'échelle. En conséquence, CTRL est l'effet inverse. Je recommande d'utiliser ces fonctions pour une plus grande image élaboration de l'image.
4. Connexion des points de liaison. Après avoir créé le chemin autour de la voiture, connectez-vous du premier point de la liaison pour créer une forme solide. Maintenant, cachez la couche de copie TheImage pour voir ce qui s'est passé [comme je l'ai fait dans la figure ci-dessous.] Commençons également manipulées avec les points de la liaison pour donner la forme plus élancée à notre voiture.
C'est ainsi que la palette des couches avec la nouvelle forme de vecteur de couche [forme de vecteur], surlignée en bleu. De plus, si vous cliquez sur l'onglet Chemins de la palette des couches, vous verrez la version "Chemin" de ce calque.
5. Conversion des points de liaison. Sélectionnez l'outil de conversion pour les points de liaison et manipulez les zones nécessitant des transformations pour donner une bordure claire de la voiture.
Assurez-vous que la forme de la forme 2 est sélectionnée.
Conversion de points que j'ai commencé à partir de la roue. Cliquez sur le point de la liaison et déplacés dans la direction de la flèche noire [voir FIGUE.] Tant que le chemin n'a pas répété les contours de la roue.
Conseil: L'outil de conversion crée 2 points de Béziers pour réguler la courbure.
Manipulez avec des courbes de Bézier, réalisez si une répétition si précise des contours le plus possible.
Conseil: après avoir converti plusieurs points de référence [ou points de liaison], vous comprendrez que certains points initiaux ne sont pas nécessaires du tout. Des faits que des points moins contraignants, plus il sera lisse sera attribué. Par conséquent, utilisez l'outil de suppression du point de référence.
C'est ce qui m'est arrivé. Nous allons utiliser ce formulaire comme base.
Ensuite, j'ai fait une copie de la forme de la forme 2 et des points manipulés pour dessiner la couleur dominante [bleu, dans ce cas] de la voiture. Cliquez sur l'icône de cette couche, prenez la pipette et changez la couleur noire sur le bleu # 3672BD.
C'est comme ça que la voiture ressemble.
Maintenant, travaillons sur les fenêtres.
Allumez la couche de la TheImage Copier [Noir] et masquez la couche de la forme de la forme [bleue].
Prenez l'outil de stylo et sur le panneau Options, activez la soustraction de la zone de forme de la zone [je l'ai mitigée avec une couleur orange].
Masquer la forme de 2 Copier Copier. Sélectionnez la forme 2. Encore des fenêtres de traçage de l'autre côté de la voiture.
Déconnectez la visibilité de la couche de copie TheImage, regardez le résultat.
La soustraction de la forme noire a créé l'illusion de transparence.
Pour appliquer cet effet sur les deux autres fenêtres sans ajouter de nouveau calque, utilisez simplement CTRL + ALT, cliquez et déplacez ce chemin déductible pour la copie. [Faites-le deux fois.] Maintenant, mettez des doublons en place. Utilisez à nouveau l'outil de conversion de point de référence pour lisser les coins et la formation précise.
Appliquez la même technique sur la couche de copie de la forme 2 pour obtenir une image comme la mine.
Maintenant que nous avons la base du formulaire de vecteur de véhicule, il reste seulement d'ajouter de nouvelles formes, lignes et plusieurs textures. Windows Nous remplirons plus tard!
Maintenant, à l'aide de l'outil Ellipse dans la barre d'outils, attiré le centre de la roue arrière, puis en maintenant le décalage, faites de même pour la roue avant.
Pour un positionnement précis, Ctrl Plus Cliquez sur une nouvelle ellipse, puis cliquez avec le bouton droit de la souris sur une simple ellipse et choisissez Transformation libre Chemin [chemin de transformation libre]. Faites un clic droit et sélectionnez déformer [Distorsion]. J'ai aussi commencé à travailler sur les phares [sur la nouvelle couche] en utilisant la même technique: Transformation sans ellipse - distorsion - Installation à une position.
Étant donné que de nouvelles couches ont été ajoutées, elles pourraient s'accumuler, les appeler correctement correctement. [Je pensais qu'il était possible d'utiliser autant que possible des couches que possible, mais ...]
Ensuite, j'ai ajouté un pare-chocs. Encore une fois, j'utilise un outil de trace de stylo, outil pour convertir les points de référence pour lisser les coins et la formation précise par rapport à l'original. [Tout cela - des pratiques de trace établies et adoptées de longue date, honnêtement!]
Ensuite, j'ai appliqué le style de la couche au pare-chocs pour lui donner l'effet de chrome. Cliquez avec le bouton droit sur la couche de pare-chocs et appliquez les paramètres suivants.
Créez un nouveau calque et nommez-les des lignes. Cette couche doit être avant tout. Ainsi, l'outil de stylo est sélectionné dans la barre d'outils, le panneau d'installation correspond à celui spécifié, commencez à ajouter les points de référence dans la direction de la flèche blanche.
Maintenant installer couleur active Black [ou simplement appuyez sur D], appuyez sur la touche B pour sélectionner l'outil de brosse, installez maintenant le sélecteur de préréglage de brosse sur le panneau Options et sélectionnez le petit, avec des bords doux. La brosse est d'environ 3. Mais changez le diamètre de 2 pixels [essayez Même 1], alors même que même 3 peut être beaucoup.
Pour répéter le stylo, appuyez sur P, activez la couche de lignes, cliquez avec le bouton droit de la souris et sélectionnez l'option de chemin de temps.
Vous serez invité à choisir un outil avec lequel vous devez créer un nouveau code à barres. Choisissez Brosse dans le menu déroulant et cliquez sur OK.
J'ai changé la transparence de la couche de lignes à 54% pour l'adoucir.
Ensuite, j'ai continué dans la même veine en utilisant la même technique pour ajouter d'autres lignes.
Miroir ajouté, essuie-glaces et emblème sur le capot.
Conseil: Pour les zones trop petites pour le traitement à l'aide d'un outil de stylo, utilisez un lasso polygonal. Cliquez également sur et ajoutez les points de support sous forme de stylo et lorsque vous avez terminé, cliquez avec le bouton droit de la souris sur la sélection et sélectionnez ou «Créer un chemin de travail» ou «Remplir».
Pour de telles structures comme rétroéclairage, utilisez du lasso polygonal [L] pour avoir traçable autour de ces zones, clic droit et - "Remplir" avec bleu mou [j'ai utilisé # 86A9D7].
Tout cela reste maintenant à faire, c'est ajouter des détails. Les détails dépendent de vous. Vous trouverez ci-dessous le résultat de mon travail après avoir ajouté des pièces à Famos, roues et PE PE.
J'espère que vous avez aimé la leçon.
Résultat final 
Comme vous le savez, les illustrations vectorielles sont actuellement très populaires dans Web graphiques. Les concepteurs professionnels peuvent créer de telles illustrations en quelques heures. Si vous êtes un novice ou un amateur, les leçons graphiques Web seront certainement extrêmement utiles pour vous. Le but de cette leçon est de faire la lumière sur le processus de création de l'image sélectionnée. Pas à l'étape, je démontrerai tout le processus et avec l'aide de mes commentaires expliquera toutes les étapes.
Pour créer une image vraiment cool, vous devez choisir le programme nécessaire et suivez certaines règles. Si vous voulez dessiner une illustration vectorielle, vous devez garder à l'esprit que cela utilise de tels éditeurs que Adobe Illustrator ou alors Coreldraw.. cependant, Photoshop. Contient suffisamment de moyens pour développer des illustrations vectorielles. Je vais clairement le montrer dans ma leçon à traduire le vecteur de dessin. J'ai choisi le croquis du chat comme une base d'illustration. J'ai décidé de représenter un chat bleu avec des fleurs roses dans les pattes.
Étape 1
Commençons par la création de l'arrière-plan. Tracez un formulaire à l'aide de l'outil de sélection () (en mode Formes de forme. (Couche de figure)). Paramètres - (opacité du remplissage) \u003d 0% . Maintenant, nous utilisons la superposition du gradient: ((style de couche - la superposition du gradient)) pour remplir la figure créée. Tous les paramètres par défaut, vous devez simplement modifier l'angle (je vais indiquer le diplôme) et le gradient. Ajouter Coup. (AVC) ((style de couche)). Nous utilisons tous les paramètres par défaut, sauf la largeur dans 1 Px et couleurs.
