Share
Dans ce tutoriel en deux parties sur la création du "Allons à l'école de monstres!" couverture du livre, je vais vous montrer un processus complet, du croquis initial à l’illustration finale, en utilisant un flux de travail intégré Illustrator à Photoshop. Dans la partie 1, nous utiliserons Illustrator pour tracer notre croquis, définir les formes et définir les couleurs de base..
Dans la deuxième partie, disponible sur Psdtuts +, nous allons incorporer le dessin vectoriel dans Photoshop, où nous affinerons l’ombrage, ajouterons quelques textures et compléterons la couverture du livre avec la typographie appropriée. Commençons avec la première partie.
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.
Cette illustration est la pochette d’un roman fictif intitulé "Allons à l’école des monstres!". Il dépeint un professeur de monstre amusant enseignant des sciences insensées dans une salle de classe crasseuse. Notre objectif pour cette première partie est de créer l'image de base (première partie). Dans la partie 2, nous allons créer l'illustration finie (partie 2).
Chaque illustration que je crée commence par un croquis. J'ai bricolé quelques jours pour dessiner des monstres jusqu'à ce que je trouve ce que je cherchais: un joli monstre vert asymétrique, le choix parfait pour être notre professeur (1a). Loin d’être décent, cette rapide esquisse constitue néanmoins une bonne base pour notre dessin vectoriel.
Créez un nouveau document dans Illustrator et placez le croquis sur la planche d’art. Vous devez savoir comment utiliser l'outil Plume pour ce didacticiel afin que je ne donne pas d'instructions sur la création de chaque forme, elles sont assez faciles à comprendre à partir des captures d'écran..
Zoomez sur l'œil et créez l'iris avec un cercle rempli d'un dégradé radial orange-jaune. Assurez-vous que la nuance plus claire est au bas du cercle. Dans Illustrator CS4, vous pouvez utiliser le gizmo à l'écran pour manipuler le dégradé (1b). Allez à Effet> Styliser> Inner Glow et référez-vous à l'image 1c pour les réglages.
Ajoutez la pupille (2a) et le surlignage (2b) en utilisant respectivement un cercle noir et un cercle blanc. Créez le globe oculaire avec un cercle blanc plus grand (2c) et remplissez-le d'un dégradé radial jaune clair (2d)..
Dessinez la paupière inférieure avec un tracé simple en la remplissant d’un dégradé radial jaune à vert (3a). Utilisez le gizmo pour rendre le gradient elliptique (3b). Créez la paupière supérieure de la même manière. Assurez-vous de le placer au-dessus de tous les objets (3c). Puisque l'œil est rond, vous devez conserver la nuance plus claire de chaque dégradé au centre des objets..
Dupliquez le globe oculaire et placez la copie au-dessus de tous les objets (4a). Maintenant, sélectionnez aussi la paupière supérieure et appuyez sur Commande + 7 pour créer un masque d'écrêtage: la paupière est maintenant coupée au niveau du globe oculaire (4b). Nous allons utiliser cette technique tout au long du didacticiel, donc reportez-vous à cette étape si nécessaire.
Ajoutons une ombre à l'intérieur du globe oculaire. Reproduisez la paupière inférieure, rendez la copie jaune foncé et déplacez-la un peu (5a). Allez à Effet> Flou> Flou gaussien et entrez une valeur appropriée (5b). En fonction de la taille de votre planche graphique, vous devrez peut-être modifier la valeur. Maintenant, l'ombre est floue. Rendons-le un peu transparent en abaissant son opacité à environ 75% (5c). Maintenant, il suffit de le rogner sur le globe oculaire avec un masque d'écrêtage (voir l'étape précédente) (5d).
Dessine la tête du monstre. Sa forme est fondamentalement une larme à l'envers. Remplissez-le avec le même dégradé que vous avez appliqué aux paupières, en utilisant le gizmo pour positionner correctement les couleurs. Assurez-vous que la tête devient plus claire vers le centre et que ses bords sont verts (6a). Dessinez la bouche et remplissez-la d'un dégradé rouge bicolore. Vous voulez rendre l'intérieur encore plus léger (6b). Jetons un coup d'œil à notre tête jusqu'à présent: les couleurs sont en place et les dégradés suggèrent sa rondeur (6c).
Amusons-nous à créer les dents maintenant. La seule règle est la suivante: le plus tordu et irrégulier le mieux Je les ai gardés assez simples ici, en veillant à faire varier leur orientation et leur taille pour éviter les répétitions. Essayez également d'éviter tout espacement et d'empêcher les objets de s'aligner (7a). Vous pouvez les regrouper une fois que vous avez terminé et utiliser un masque d'écrêtage pour les rogner jusqu'au périmètre de la bouche. Remarquez qu'ils ne sont plus blancs. Aucun monstre respectable n'a les dents blanches! (7b, 7c).
Notre professeur n'a pas une peau lisse. De grosses verrues parsèment le haut de son corps. Créez les verrues avec des ellipses modifiées en leur donnant une couleur vert clair. Changez leur mode pour superposer et réduisez leur opacité entre 50% et 70% (8a) jusqu'à ce qu'ils soient clairement mais pas trop visibles (8b).
Dessinez une nageoire vert clair derrière la tête (9a) et donnez-lui une lueur intérieure pour la rendre plus claire au centre. Utilisez les paramètres de l'image 9b. Réduisez l'opacité à 70% et créez une copie en la plaçant derrière l'original et en la faisant pivoter légèrement (9c).
Continuez à ajouter des fonctionnalités au monstre. Dessinez la corne jaune pâle dans le coin supérieur droit de la tête (10a) et donnez-lui une lueur intérieure brun clair pour améliorer sa rondeur (10b). N'oubliez pas de conserver tous les objets sur des calques individuels. Ceci est crucial car ils devront se trouver sur des calques séparés lorsque nous passerons plus tard à Photoshop..
Habillons notre professeur monstre avec une blouse de laboratoire traditionnelle. Tout d'abord dessiner les revers. Essayez de chevaucher la tête et de garder les lignes un peu ondulées: les lignes irrégulières semblent plus naturelles (11a). Pour l'instant, gardez un trait gris moyen pour pouvoir voir les éléments individuels. Dessinez également les côtés gauche (11b) et droit (11c) de la blouse de laboratoire. Enfin, ajoutez une poche dans le coin inférieur gauche (11d)
Dessinez la manche gauche. Assurez-vous qu'il commence bien à l'épaule et que le brassard recouvre la poche (12a). Maintenant, dessinez la main droite du monstre en la plaçant sous la manche et la poche (12b). Remplissez-le avec le même dégradé que le reste de la peau.
Pour la manche droite, nous devons dessiner deux éléments, la manche elle-même (13a) et son intérieur, visibles sous la main gauche du monstre (13b). Assurez-vous de casser les chemins ensemble où ils se rencontrent pour éviter de créer des lacunes.
La main gauche du monstre est composée de deux parties: la paume (14a) et les "doigts" (14b). Assurez-vous que les dégradés correspondent aux endroits où les deux objets se chevauchent, mais ne vous inquiétez pas trop des incohérences de couleur actuelles. Nous les lisserons plus tard dans Photoshop. Bien sûr, cette main doit être placée à l'intérieur de la manche.
Travaillons sur les pieds. Dessinez le pied gauche du monstre en utilisant un seul chemin (15a). Notez ce qui suit: la jambe est assez maigre (c'est drôle comme ça), il y a de grands écarts entre les orteils et leurs pointes sont rondes, comme une grenouille. Ensuite, dessinez la sangle entre les orteils en utilisant une forme verte plus foncée (15b). L'autre pied est simplement une copie du premier, en miroir (15c). Sous tout le reste, créez la queue pointue et assurez-vous qu’elle devient plus claire vers le bout, en utilisant nos deux couleurs de base (15d).
Le professeur tient un bâton dans la main gauche. Créez-le avec un simple rectangle arrondi ou un trait délimité, assurez-vous simplement que les proportions et les tailles sont correctes (16a). Remplissez-le avec un dégradé linéaire jaune (16b). Placez-le derrière les doigts et faites-le pivoter d'environ 15 degrés dans le sens des aiguilles d'une montre (16c). Notre monstre est presque terminé (16d).
Ajoutons quelques détails aux ailerons. Dessinez une ellipse vert foncé (17a). Sélectionnez l'outil Convertir les points d'ancrage (Maj + C) et cliquez une fois sur les points les plus à gauche et les plus à droite pour les transformer en coins (17b). Maintenant, réduisez l’ellipse verticalement et placez-la sur l’aileron avant (17c). Faites une copie et placez-la au bas de l'aileron (17d). Maintenant, créez un mélange entre eux, en cinq étapes (17e, 17f). Vous voudrez peut-être ajuster le fondu, redimensionner les éléments ou changer leur position jusqu'à ce que vous soyez satisfait.
Pour terminer le personnage, nous devons ajouter trois boutons à la blouse. Regardez l'image 18a. Il y a trois éléments:
Regroupez ces objets et placez trois copies le long de la couture du manteau (18b).
Le personnage est fini, composons l'illustration maintenant. Placez le monstre en bas à gauche de la planche à dessin (19a). Dessinez maintenant la plinthe en bois (19b), le sol (19c) et les deux murs (19d). Remplissez les murs et le sol avec des gradients de lumière, les rendant plus sombres au coin où ils se rencontrent et plus clairs vers le spectateur.
Le dernier élément est le tableau. C'est une forme simple remplie d'un dégradé gris foncé. Alignez-le correctement avec la perspective (20a). Notre illustration de base est maintenant terminée (20b).
Avant d'exporter vers Photoshop, nous devons effacer les contours de chaque élément de la blouse (21a). Assurez-vous également que chaque élément repose sur son propre calque. L'exportation au format PSD ne prend en charge que deux ou trois couches. Selon mon expérience, cette méthode est assez incohérente, du moins sous Windows.
Quoi qu'il en soit, vous pouvez maintenant accéder à Fichier> Exporter et dans la boîte de dialogue, choisissez le format PSD. Une fenêtre s'ouvrira avec les options d'exportation. Assurez-vous de choisir le bon espace colorimétrique (RVB pour l’écran, CMJN pour l’impression) et réglez la résolution sur Élevée (300 dpi) afin de disposer de nombreux pixels à utiliser dans Photoshop. Vérifiez également les options Écrire les couches et Anti-alias (pour lisser les bords irréguliers) (21b)..
Voilà pour la partie 1. Nous avons tracé notre croquis, tracé les formes et défini les couleurs de base. Nous sommes prêts pour la partie 2, dans laquelle nous allons intégrer Photoshop à ce dessin plutôt simple, nous allons affiner l'ombrage, ajouter des textures, insérer des détails supplémentaires et compléter la couverture du livre avec la typographie appropriée. Restez à l'écoute!
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua