Création d'une image vecteur dans Photoshop
Je voudrais vous montrer une technique sur la façon de vectorisation d'une référence de photo dans Photoshop. Souvent, les capacités de vecteur de Photoshop sont rapidement abattus par ceux qui sont familiers avec les programmes vrais vectoriels, comme Adobe Illustrator, Corel Draw, ou Macromedia Freehand. Et, oui, les formes vectorielles de Photoshop est pas une figure de proue en comparaison, mais quels sont les outils disponibles offrent aucune limitation réelle quant à ce qu'ils peuvent faire.
NOTE: Depuis la version 6 capacités Photoshops Vector se sont améliorées et pour un bref aperçu voir cette spécification d'Adobe.
Explication brève: Rastor vs Vector
Rastor est purement à base de pixels, ce qui signifie simplement qu'une image est créée par des valeurs de couleurs qui lui sont attribuées sur un pixel par pixel. (Photographies les plus courantes et les images numérisées).
Vector est objet (forme) à base liés entre eux par des points d'ancrage pour former un objet solide (si ces points d'ancrage Adhérez / connexion). Ces points d'ancrage se suivent dans un point par point ou la formation en ligne par ligne le long d'un chemin.
Récolter les bénéfices:
Le véritable avantage de l'utilisation des formes vectorielles et des chemins est qu'il ne se limite pas à la résolution, contrairement Rastor, peu importe la direction de mise à l'échelle, il maintient encore la qualité et la netteté.
Formes vecteur peut également être remodelé et stylisé. Cependant, la plupart des filtres exigent que la forme soit rastorized avant de poursuivre. (Il faut donc toujours sauvegarder la forme originale avant d'utiliser les filtres !.)
Le numéro un outil est la patience, ainsi que la pratique. Ne vous attendez pas à obtenir du premier coup, ni le second. ou même le troisième. Je l'ai pas sûr.
Les principaux outils sont situés sur la barre d'outils, respectivement, le « outil Plume (P) », le « chemin outil de sélection (A) les 'outils de forme (U)'.
Pensez à la région, je joins ci-dessous les outils avec toutes les fonctionnalités de vecteur construit. Il est juste une question de savoir comment les utiliser.
L'outil Plume est utilisé pour créer les points par points ou formes ligne par ligne délimitée par une direction de chemin de votre choix ..
Les autres options Pen outils sont utilisés pour manipuler tout point d'ancrage donné que vous avez précédemment créé par l'outil Plume.
Le chemin outil de sélection est utilisé pour manipuler l'objet entier d'une position x, y sur votre document à un autre.
La sélection directe outil offre des options de freetransform à un seul point d'ancrage ou sur le chemin entre deux points d'ancrage.
Les outils de forme sont des formes prédéfinies intégrées dans Photoshop. Readymade Masques vecteur de forme qui peuvent être utilisés en combinaison avec vos propres formes. Ils peuvent facilement être manipulés pour répondre à vos besoins en utilisant les deux outils mentionnés previosly.
Ci-dessous le iamge (le minicar) Je vais recréer pour lui donner l'aspect vectoriel et se sentir.
La qualité de l'image est pas tellement un problème dans ce cas, aussi longtemps que, détail theres enought à tracer.
Commençons par ce tutoriel opeing l'image source.
« Fichier / Ouvrir » et recherchez le fichier source appelé theimage.jpg.
Quand vous avez ce fait, tous les Photoshop faire est d'ouvrir le fichier source, mais dans le processus, il se verrouille en elle sa propre couche, comme je l'ai capturé.
Ce que nous devons faire d'abord et avant tout pour sauver ce fichier .psd Photoshops format de fichier.
Ensuite, allez dans « Fichier, Enregistrer sous » et dans le menu déroulant « Format » Options, choisissez « Photoshop (* .PSD, * .PDD) » et a frappé l'option de commande « Enregistrer ». (Bien sûr, être au courant de la « Enregistrer dans » option de localisation en haut)
Ensuite, permet de déverrouiller cette couche de base et la transformer en une couche nouvelle et distincte.
Pour ce faire, en double-cliquant sur la couche verrouillée. Vous serez invité avec une boîte de dialogue « Nouveau calque ». Remplissez un nouveau nom comme je l'ai capturé et cliquez sur le bouton de commande « OK ».
Ensuite, permet de dupliquer la couche « de theImage » original et si vous utilisez Photoshop 7, créez un nouveau « Set Layer » pour stocker tous les objets individuels (plusieurs couches). Faites-le en cliquant sur l'icône de dossier en bas de la « palette Calques », double-cliquez sur l'en-tête de texte par défaut « Set 1 » et changer ce que j'ai (éléments).
Puissant outil Plume
Commençons par la création d'un solide aperçu de toute la voiture.
Réglez la couleur de premier plan en choisissant le « outil Pipette (I) » pour échantillonner la zone la plus sombre de l'image. Dans ce cas, il est proche du noir.
Ensuite, sélectionnez le « Pen Tool » de la barre d'outils. Et sur la « Options barre d'outils », assurez-vous que l'option « couches de forme » est sélectionné comme je l'ai capturé (dans les grandes lignes orange).
Ensuite, il suffit commencer à ajouter « points d'ancrage » dans les zones où vous pensez qu'ils nécessiteront quelques ajustements.
CONSEIL: Ctrl + (signe Key) pour zoomer et Ctrl + (touche moins de signe pour zoomer sur les zones qui ont besoin de détails spécial que je fais beaucoup pour obtenir plus de détails..
NOTE: En ayant la couche « copie theImage » sur le dessus, le chemin décrit transparaître sans perturber la vue de mon prochain point d'ancrage. Throughtout ce tutoriel, je vais la visibilité de cette couche BASCULEMENT beaucoup.
Connecter les points d'ancrage
Après avoir fait votre chemin autour de la petite voiture, se connecter au premier point d'ancrage pour créer une forme solide. Ensuite cacher la couche « copie theImage » pour voir à quoi il ressemble. (Comme je l'ai capturé.) Permet ensuite commencer à manipuler ces points d'ancrage pour envelopper / monter le minicar correctement.
C'est ce que la « palette Calques » ressemble maintenant, avec la nouvelle couche de forme vecteur highlighed en bleu. En outre, si vous cliquez sur l'onglet « Chemins » de la palette des calques, vous pouvez voir la version « chemins » de cette couche.
Convertir les points d'ancrage
Maintenant, tournez le mode de visibilité de la couche « theImage copie » de nouveau.
Sélectionnez l'outil « Convertir point d'ancrage » et commencer à envelopper les zones qui ont besoin de courbure à l'image.
Assurez-vous que la couche « Shape 2 » est sélectionné, dans la « palette Calques ».
Avec l'outil « Convertir un point d'ancrage », j'ai commencé sur la roue avant-plan, cliquez sur le « point d'ancrage », et faites glisser dans la direction de mon (noir) flèche vers elle commence la couche sous-jacente montage.
CONSEIL: « Convertir un point d'ancrage » crée deux points de gestionnaire de Bézier, pour un contrôle supplémentaire de courbure.
Commencer à se familiariser avec l'outil « Convertir un point d'ancrage » et travailler votre chemin autour de la trajectoire de forme, en essayant d'obtenir une fin une enveloppe possible.
CONSEIL: Après la conversion de certains points d'ancrage, vous vous rendrez compte que certains des points d'ancrage d'origine n'étaient pas du tout nécessaire. En fait, plus le nombre de points d'ancrage le plus lisse la courbure! Utilisez l'outil « Supprimer le point d'ancrage » pour eleiminate ancres indésirables.
Voici ma forme finale après avoir appliqué autant de l'outil « Convertir un point d'ancrage » que possible.
Nous allons l'utiliser pour la base (le plus sombre sous la couche).
Voici maintenant ce que le corps de la voiture ressemble.
Suivant Permet au travail sur les fenêtres.
Basculer la couche « theImage copie » (en noir) en arrière sur et cacher « Forme 2 copie » (le bleu).
Sélectionnez le nouveau « outil Plume (P) », et sur la « barre des options » assurez-vous que "la forme Soustraire de la zone (-). Est activée (je l'ai souligné en orange)
Faites basculer le mode de visibilité « theImage copie » off, pour voir ce qui se passe.
Votre soustraction de la même couche de forme, donnant l'illusion de la transparence.
Pour appliquer le même effet sur les deux autres fenêtres sans ajouter une nouvelle couche, il suffit de maintenir les touches Ctrl + Alt, puis cliquez et faites glisser cette voie de soustraction à dupliquer. (Pour ce faire, deux fois.) Ensuite, placez les formes en double en place.
Utilisez à nouveau l'outil « Convertir un point d'ancrage » pour définir les coins pour envelopper dans les bonnes positions.
Appliquer la même technique à la couche « Shape 2 copie », à l'exception trace le long des fenêtres de premier plan pour obtenir une image finale comme je l'ai capturé. (Pendant ce temps, ont « Forme 2 » visibilité hors tension.)
Maintenant que nous avons la croûte de la forme vectorielle en place, le reste est tout simplement en ajoutant de nouvelles formes, des lignes et des tectures. Nous allons remplir ces fenêtres plus tard!
Donner de la profondeur
Appliquer ensuite les mêmes techniques que nous avons la création de la couche de forme de base sur le toit (blanc) de la voiture. Utilisation de l' 'outil Plume (P)' pour ajouter des points d'ancrage, puis 'Convertir Anchor Point Tool' pour créer la courbure.
Ensuite, avec le « outil Ellipse (U) » sur la barre d'outils, dessiner le chapeau de moyeu arrière, puis maintenez la touche « Shift » et de dessiner dans une deuxième ellipse (le chapeau de moyeu avant-plan).
Pour positionner avec précision, Ctrl + clic sur la nouvelle ellipse, puis faites un clic droit sur une seule ellipse et choisissez « Free Transform Path ». cliquez à droite et choisissez « Déformer ». Ajuster les points de délimitation de cornor jusque dans la position que les pôles de l'image. Répétez l'opération pour l'autre plaque tournante.
J'ai aussi commencé les phares (sur une nouvelle couche) en utilisant la même technique. (Ellipse Outil
ajuster en position)
Étant donné que de nouvelles couches sont ajoutées et ils pourraient entasser, son raisonnable de les nommer de façon appropriée. (Nous avons pensé qu'il est possible ici d'utiliser aussi peu que possible couches, comme je l'ai fait avec le corps principal)
Ensuite, je commencé à ajouter le pare-chocs. Encore une fois, utilisez le « outil Plume (P) pour tracer la zone, « Convert Anchor Point Tool » pour envelopper parfaitement à la source de l'image. (Il est maintenant tout de routine, à droite!)
Je me suis alors appliqué un style de calque au pare-chocs pour lui donner un effet un peu de chrome.
Droit, cliquez sur la couche « pare-chocs » et choisissez « Modes de fusion » pour appliquer les trois captures suivantes.
Ensuite, je vais commencer à ajouter quelques-unes des lignes fines qui composent des portes et d'autres domaines.
Sélectionnez l' « outil Plume (P) » à nouveau, à l'exception, cette fois-ci, sur la « barre des options », sélectionnez « chemins », comme je l'ai capturé.
Créez un nouveau calque, et l'appeler « lignes ». pour eux de montrer cette couche doit être placée plus haut dans l'ordre.
Ainsi, la barre d'outils - outil Plume sélectionné, barre d'options - Les chemins sélectionnés, commencez en cliquant / Ajout de points d'ancrage dans la direction qui comprend la principale porte du passager.
Appuyez sur la (P) pour sélectionner à nouveau le « Pen Tool », puis la souris sur le chemin que vous créé dans l'option couche « lignes », faites un clic droit et choisissez « Chemin de la course ».
Vous serez invité à choisir un « outil prédéfini » à utiliser pour créer la nouvelle course. Sélectionnez, « Pinceau » dans la liste déroulante, puis appuyez sur la commande « OK ».
Je puis réduit le « Opacité » de la couche de ligne à 54% pour le ramollir.
Je suis ensuite allé de l'avant (en utilisant le même outil ci-dessus Pen / Chemins / technique Chemin de l'AVC sur d'autres lignes.
J'ai également ajouté la grille avant et appliqué le même style que le pare-chocs ci-dessus.
Ajouté le miroir les essuie-glaces et le mini-crête de logo à l'avant.
TRUC: Pour REAS qui sont trop petites pour être manipulé avec le « outil Plume (P), utilisez le « outil Lasso polygonal (L) » en utilisant le même clic et ajouter des points d'ancrage comme l'outil Plume, puis lorsque vous avez terminé, cliquez droit sur la sélection et choisissez les options « rendre le travail Chemin » ou « remplir ».
Pour les textures telles que les faits saillants, permet d'utiliser le « outil Lasso polygonal (L) pour tracer autour de ces zones qui en ont besoin, faites un clic droit et « fill », avec une couleur bleue douce (je # 86A9D7).
Après avoir tracé le plus que possible I appliqué un « filtre / Flou / Flou gaussien de 1,1 pixels » (respectivement) et une réduction de la « Opacité » de la couche à 30%.
Sur une nouvelle couche, je l'ai fait le même effet de lasso polygonal pour les zones les plus sombres, en utilisant # 2A579C. On applique ensuite un « filtre / Flou / Flou gaussien de 1,1 pixels » et réduit le « Opacité » de la couche à 30%.
Ensuite, je vais ajouter les fenêtres.
Pour tout cela, nous devons faire est de réutiliser notre « forme 2 » original pour les fenêtres de backgorund, et la « forme 2 copie » pour les fenêtres de forground.
Tout d'abord dupliquer le « Shape 2 » origine couche et l'appeler « backgroundwindows ».
Une fois sa traînée dupliquée ci-dessous la orignial « Forme 2 » calque dans la « palette Calques », comme je l'ai capturé.
Puis appuyez sur la touche « A » pour sélectionner le « Direct Select Tool » de la « barre d'outils », puis maintenez la touche Maj enfoncée et sélectionnez les fenêtres d'arrière-plan individuellement.
Aller à la « barre des options » et changer le « Soustraire de la zone de forme (-) » à « Ajouter à la forme zone (+) comme je l'ai enfermé en orange.
Ces zones de fenêtre seront désormais remplis avec votre couleur de premier plan, dans mon cas noir.
Ensuite, avec le « Sélection directe Outil (A) » toujours actif toujours sur la couche « backgroundwindows », cliquez sur la ligne de chemin à l'extérieur comme je l'ai capturé et appuyez sur la touche « Supprimer » de votre clavier. Maintenant, tout ce que nous AHVE sont les fenêtres, ce qui est notre objectif ici. sauve certainement beaucoup de temps à les dessiner à nouveau.
permet maintenant de personnaliser les fenêtres avec une teinte blanche. Pour ce faire, en cliquant simplement sur la « couche Miniature » comme je l'ai capturé. Et changer la couleur au blanc (#ffffff) dans la boîte de dialogue « Pipette ». Ensuite, réglez ce niveau d'opacité des couches à environ 23%.
Appliquer la même technique à la couche « Forme 2 copie » originale.
En double, faites glisser l'original ci-dessous, « Outil de sélection directe » et Maj + clic pour sélectionner les fenêtres de premier plan, « barre des options » et passer à « Ajouter à la forme zone », puis supprimez le chemin externe, de sorte que les fenêtres de premier plan restent.
Cliquez sur ce « couche Miniature » et changer de couleur au blanc, réduire l'opacité à environ 43%.
Tout ce qui reste sont maintenant des détails fins, le montant est à vous. Ci-dessous mon image finale après l'ajout de détails sur les moyeux, les lumières, d'autres points forts. Nous espérons que vous avez apprécié ce tutoriel.
Une version scénique.