Share
Quelques fois par mois, nous revoyons certains des articles préférés de nos lecteurs au cours de l'histoire de Vectortuts +. Ce tutoriel de Jesse Hora a été publié le 20 octobre 2009.
Il existe de nombreuses façons d’approcher une photo de référence à titre d’illustration, une option évidente étant de «tracer» la photo. Comme il y a tellement de détails microscopiques dans une photographie, vous devez prendre de nombreuses décisions quant à la manière dont vous voulez que l'image apparaisse à la fin. Voulez-vous qu'il ait l'air photoréaliste? Ou plus stylisé? Bande dessinée-esque? Comme un dessin animé?
Toutes ces décisions se traduiront par le look et le style de votre image finale et de votre travail dans son ensemble. En tant que designer / illustrateur commercial, le style et l’aspect de votre travail va vous faire perdre la tête. Ce tutoriel couvrira ces décisions lors de la création d’une illustration à partir d’une photo de référence..
Si vous recherchez un moyen rapide de tracer une photo et de créer un vecteur, essayez l'action Vector Tracing Photoshop sur Envato Market. Il vous permet de tracer rapidement et facilement une photo en forme vectorielle et d'appliquer une gamme d'effets.
Certaines personnes peuvent penser que c'est si facile pour tracer une photo, et que ce tutoriel est inutile. Je pense qu'il est extrêmement important de savoir faire les choses les plus simples bien. J'ai vu trop de gens essayer tracer une photo pour une illustration et le produit final est moins que souhaitable pour le moins.
L’idée de base de ce didacticiel est de montrer comment utiliser le processus de traçage des formes et des contours de base d’une photographie, par opposition à l’utilisation de lignes principalement vectorielles avec des traits, comme le font de nombreux illustrateurs débutants, aboutira à une image.
Commencer avec une belle photo est évidemment un avantage énorme pour ce style d'illustration. Heureusement, Kyle LaMere d'ISR a pu me fournir une très belle photo de sa série "Visitors". Merci Kyle.
Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.
Ouvrez la photo source. Dans ce cas, j'utilise une image de moi-même et elle est disponible pour les membres Plus. Vous pouvez bien sûr substituer votre propre image.
Verrouille la photo et crée un nouveau calque par-dessus.
Commencez par tracer le contour des lunettes.
Si vous remarquez qu'il y a tellement de formes, de nuances et de reflets différents qui composent les lunettes, en particulier dans les formes intérieures de l'objectif et de la monture, vous devez donc décider du niveau de détail ou de complexité du rendu de l'image. Puisque ce tutoriel n’a pas un aspect de réalisme extrême, je le garderai relativement simple.
Assurez-vous de rester cohérent sur les formes / nuances que vous suivez. Tracez la forme intérieure et extérieure des cadres.
Sélectionnez les formes intérieure et extérieure, choisissez l'option Soustraire de la zone de forme dans la palette Pathfinder, tout en maintenant Option pour développer une forme. Maintenant, vous avez une forme qui constitue les verres de base.
Tracez les reflets brillants (blancs) sur les lunettes. Remplacez-les par un trait rouge.
En plus des reflets, tracez également les reflets secondaires sur les lunettes et changez-les en rouge plus clair (# F47471)..
Même s'ils sont clairs, nous devrons décrire la lentille et les pièces nasales. Vous devrez peut-être affiner un peu les formes, en les dessinant pour qu'elles aient l'air droite au lieu de coller directement à la photo car les formes ne sont pas bien définies. Changez-les en gris clair (# EFE6E8).
C'est tout pour les lunettes, changez de couleur (# EF4136).
Maintenant tracez la forme blanche de l'oeil. Afin d’aligner parfaitement les formes, sélectionnez le point le plus haut de la forme de l’œil, copiez et collez un point dupliqué par-dessus. Ajoutez de nouveaux points d'ancrage à l'aide de l'outil Ajouter des points d'ancrage (+), là où l'élève descend de sous le cil. Supprimez les points finaux supplémentaires et continuez à dessiner l’élève en utilisant les points les plus dupliqués. Ceci est une astuce très simple mais utile qui vous aidera à garder les formes alignées et organisées.
Utilisez simplement le processus décrit ci-dessus pour obtenir la forme noire de la pupille ainsi que la forme de surbrillance blanche. Coloriez-les comme sur la photo, en noir, blanc et bleu clair / gris (# 72A8B2).
Les cils et les teintes qui décrivent les paupières supérieures et inférieures sont si fins et subtils qu’ils doivent être exagéré un peu. Suivez-les et changez-les en brun foncé (# 603913).
Faire la même chose à l'autre œil.
Traquer les sourcils sera fastidieux, mais si vous prenez le temps de vraiment entrer dans les détails, ils peuvent sembler phénoménaux. Changez-les en brun foncé des autres traits du visage. Voici un aperçu de sa progression.
Le nez peut être une douleur énorme dans les fesses pour lui donner un aspect naturel. Faites le travail de ligne simple, en traçant uniquement les bords du nez et des joues. Changer le même brun foncé que les autres traits du visage.
La clé pour dessiner la bouche est de ne pas dessiner la bouche entière avec le trait noir comme un clown. Dessine la forme du rosâtre partie des lèvres et changez-le en rose clair (# FDE4E3). Ensuite, faites les lignes minces autour de la bouche, en utilisant seulement de petites formes d’ombre si nécessaire..
Une fois que la bouche est établie, finir le sourire avec les dents est assez facile. Vous n'avez pas besoin de tirer chaque dent, il vous suffit de placer quelques ombres qui laissent deviner les dents. Remplissez ces formes d'ombre de dents avec une couleur crème claire (# E2D7D3). Dessine une grande forme blanche derrière toutes les ombres.
Les cheveux vectoriels peuvent constituer un didacticiel à lui seul. Ils peuvent comporter de nombreuses couches de rehauts et d'ombres, mais je préfère les laisser simplement à plat avec le contour de la forme décrivant la forme plutôt que les rehauts. À présent, contournez la forme des cheveux en traçant les grandes pointes des cheveux. Vous pouvez obtenir une forme assez libre et dévier de la photo, du moment que vous dessinez les cheveux de référence. Assurez-vous d'inclure des formes intérieures que vous excluerez à l'aide de la palette Pathfinder (étape 2D)..
Une fois que vous avez une forme, avec beaucoup de petits morceaux collés à l’aide de la palette Pathfinder, changez la forme des cheveux en un remplissage de couleur marron foncé utilisé précédemment..
Mettez dans la forme des fossettes et du menton et des lignes dans l'oreille.
Nous sommes presque là, le temps de tout rassembler. Tracez la forme de base du visage et remplissez-le d’un ton de peau légèrement teinté d’orange (# F5DFD5). Appliquez également un trait de 1 point avec la même couleur brun foncé que celle utilisée partout, et placez cette forme sous le calque en forme de poil..
Si vous voulez une tête flottante, vous pouvez vous arrêter là, mais si vous voulez un endroit où reposer la tête, tracez simplement la forme du cou et appliquez les mêmes couleurs et les mêmes traits que le visage..
Ajoutez une forme de nuance simple au cou et choisissez une nuance de brun qui se rapproche de la couleur de la peau (# C49A6B), afin qu'elle ne dépasse pas comme un pouce endolori. Envoyez cette forme à l'arrière (Maj + Commande + touche Moins).
Ajoutez quelques formes et lignes pour décrire les épaules et les chemises.
Après avoir regardé l'image, je remarque que le verres à bouteille de coke effet se passe avec les yeux. Sélectionnez toutes les formes qui forment les yeux et agrandissez-les juste un peu.
Juste pour la composition, ajoutez un fond bleu clair (# C2E6EA) à l’illustration..
C'est tout! Très basique, mais apprenez à bien le faire et cela peut être un style d’illustration très utile. L'image finale est ci-dessous. Vous pouvez voir la version plus grande ici.
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua