Créer une illustration de couverture de livre axée sur les personnages à l'aide d'Illustrator et de Photoshop - Partie 2

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. Nous avons utilisé Illustrator dans la première partie pour tracer notre croquis dessiné à la main, définir les formes et définir les couleurs de base..

Nous allons maintenant insérer le dessin vectoriel dans Photoshop, affiner l’ombrage, ajouter des textures et compléter la couverture du livre avec la typographie appropriée. Continuons avec la partie 2 de cette série.

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. Nous avons déjà créé l'image de base dans la partie 1. Nous allons maintenant terminer l'illustration avec des textures et de nombreux travaux au pinceau à l'aide d'une tablette à stylet dans cette partie 2 de cette série..


Étape 1

Ouvrez le dessin PSD que nous avons exporté dans la partie 1 (1a) et vérifiez que chaque élément repose sur son propre calque (1b).

Commençons par le tableau. La première chose à faire est de verrouiller ses pixels transparents (1c). Ceci est crucial, car cela nous permet de peindre sur la couche sans affecter ses bords ni peindre en dehors de celle-ci. Les lignes que nous avons soigneusement créées dans Illustrator sont donc sûres. Verrouille la transparence de toutes les couches, sauf indication contraire ultérieure.

Allez dans Filtre> Bruit> Ajouter du bruit et utilisez une valeur basse (1d). Cliquez ensuite sur Filtre> Flou> Flou gaussien (1e) pour transformer le bruit aigu en une texture trouble. Le tableau est maintenant un peu plus robuste (1f).


Étape 2

Ajoutez un calque dégradé subtile au calque (2a) pour améliorer la sensation de profondeur. Le tableau s'assombrit au fur et à mesure qu'il recule vers le coin de la pièce (2b). Nous sommes satisfaits du résultat, il n’est donc pas nécessaire de garder le style de calque actif. Cliquez avec le bouton droit sur le calque et choisissez Créer un calque. La superposition de dégradé devient un calque normal au-dessus du tableau noir, masqué contre celui-ci (2c). Sélectionnez-le et appuyez sur Commande + E pour le fusionner. Nous avons une couche maintenant (2d).


Étape 3

Nous allons ajouter plusieurs couches de marques de craie effacées au tableau. Pour ce faire, nous devons sélectionner le blanc comme couleur de premier plan (essayez de frapper D puis X).

Appuyez sur B pour sélectionner l'outil Pinceau et sur F5 pour ouvrir la palette Pinceaux. Photoshop a déjà quelques pinceaux crayeux, alors choisis-en un, j'aime bien le numéro 36 (3a). Activez ensuite l'opacité Jitter sous Other Dynamics et réglez le contrôle sur Pen Pressure (3b)..

Si vous n’avez pas de tablette, laissez la commande éteinte. Sous Forme de pointe de pinceau, augmentez le diamètre à une valeur appropriée (testez le pinceau au tableau) et modifiez l'angle de rotation si celui par défaut ne vous convient pas (3c). Je trouve difficile de peindre très légèrement avec une tablette. Dans la barre d'options en haut de l'écran, je règle l'opacité du pinceau sur 50% (3d).


Étape 4

Peignez plusieurs passes de marques de craie aléatoires sur un calque séparé, en veillant à ce qu'elles se chevauchent (4a). Appliquez une bonne dose de flou gaussien pour les lisser (4b), puis réglez le calque sur Lumière douce avec une opacité de 50% (4c). Le tableau semble utilisé maintenant, exactement ce dont nous avons besoin (4d). Bien sûr, n'hésitez pas à répéter cette étape jusqu'à ce que vous soyez satisfait du résultat..


Étape 5

Maintenant, le vrai plaisir commence! Sélectionnez un autre pinceau crayeux plus texturé (5a) et remplissez le tableau avec du Mumbo-Jumbo pseudoscientifique. Deviens fou ici, c'est l'école Monster! (5b)


Étape 6

Le tableau est terminé. Occupons-nous de la classe maintenant. Vous avez besoin de textures sombres pour le sol et les murs, ainsi que d'une texture de bois pour la plinthe. Ceux que j'utilise peuvent être téléchargés gratuitement à partir du site Web CGTextures. Une fois que vous avez créé un compte, vous pouvez télécharger les textures gratuitement, dans la limite de 15 Mo par jour. Voici les liens directs vers les textures que j'ai utilisées:

  • Carreaux de marbre
  • Plâtre # 1
  • Plâtre # 2
  • Texture du bois

Placez la texture de sol dans votre document (6a), appuyez sur Commande + T pour sélectionner Transformation libre, puis utilisez Déformer et incliner (dans le menu contextuel) pour l’adapter au sol (6b). Réglez son mode de fusion sur Multiplier pour que le dégradé appliqué au sol soit visible (6c)..


Étape 7

Pour créer une variation de couleur sur les carreaux, nous utilisons les outils Dodge et Burn. Accessible depuis la barre d’outils (Shift + O pour passer d’un point à l’autre), ces deux outils nous permettent d’éclaircir et d’obscurcir respectivement des objets à l’aide des pinceaux.

En utilisant les paramètres par défaut et un gros pinceau souple réglé sur une opacité faible, assombrissez les carreaux situés sous le monstre et plus proches des plinthes (à l’aide de Gravure). Allégez certaines zones de manière irrégulière (à l'aide de Dodge) pour ajouter l'impression d'un vieux sol taché (7a, 7b).


Étape 8

Mappez les deux murs avec les textures de plâtre téléchargées auparavant. Placez la première texture dans le document (8a) et déformez-la pour qu'elle corresponde à la perspective du mur, en utilisant Perspective et Déformer en mode de transformation libre (8b). Faites la même chose pour le deuxième mur. Définissez les textures sur Multiplier, Opacité à 70% (8c).


Étape 9

Retournez au premier pinceau crayeux, celui que nous avons utilisé au tableau. Ajoutez un masque vierge à chaque texture de plâtre (9a) et peignez-y des traits de décoloration (9b). A l'aide de l'outil de gravure défini sur Tons moyens, assombrissez les textures situées au bas, à l'endroit où elles se rencontrent, au coin où elles se rencontrent. C'est là que se trouvent les ombres (9c).


Étape 10

Placez la texture du bois dans le document (10a) et adaptez-la à la moitié gauche de la plinthe (10b). Appuyez sur W pour sélectionner l’outil Baguette magique et cliquez sur la plinthe jaune (10c). Utilisez cette sélection pour créer un masque sur un groupe de calques dans lequel vous placerez la texture du bois (10d). De cette façon, vous n'avez pas besoin d'être très précis lorsque vous placez la texture. Miroir la moitié droite (10e).


Étape 11

Créez des taches sombres et des taches de décoloration sur la plinthe en utilisant l’outil de gravure réglé sur un petit diamètre (11a, 11b). Cachez chaque couche sauf celles qui composent les murs, la plinthe et le sol. Appuyez sur Commande + A pour tout sélectionner et sur Maj + Commande + C pour copier tous les calques fusionnés. Une simple commande + V va coller toute la classe sur un nouveau calque.

Une dernière touche. Choisissez l'outil Dodge de petit diamètre et illuminez le coin où les murs se rejoignent. Peignez un trait vertical légèrement irrégulier sur toute la longueur du coin, là où il capture les reflets (11c, 11d).


Étape 12

Pour compléter la classe, ajoutez une ombre portée au tableau (12a). Utilisez les paramètres donnant un résultat similaire aux images 12b et 12c. Et comme nous sommes fidèles à la perspective, créons un calque à partir de l'ombre portée et distordons-le pour l'adapter à la perspective (12d). C'est l'un de ces détails subtils qui comptent pour donner un résultat global convaincant.


Étape 13

La classe est terminée pour que vous puissiez verrouiller sa couche. Nous pouvons enfin travailler sur le monstre maintenant. Le personnage que nous avons exporté d'Illustrator a un ombrage plat et sans intérêt. Nous devons lui ajouter de la profondeur en peignant les zones éclairées, les ombres et les rehauts, en considérant une source de lumière idéale du haut. Nous allons utiliser les outils Dodge et Burn pour éclaircir et assombrir le personnage et l'outil Pinceau pour créer les variations de couleur nécessaires. L'outil Flou sera utile pour adoucir les transitions de lumière / ombre et de couleur et pour éliminer les coups de pinceau disgracieux..

Activez l'outil de gravure et configurez-le pour une utilisation globale (13a). La sélection de Tons moyens permet à l’outil d’affecter la couleur de base, ce qui nous permet de commencer à définir les ombres. Ombrez le cornet sur tout le pourtour, en particulier le bord inférieur et la base où il se fixe au corps (13b). Améliore la rondeur en assombrissant davantage les bords.


Étape 14

En utilisant la même technique, assombrissez la paupière inférieure (14a). En utilisant un pinceau doux, vert moyen, avec une faible opacité, continuez et lissez la transition de couleur en peignant le vert foncé à la nuance jaune (14b). Mettez maintenant en surbrillance le bord supérieur d'un seul trait jaune lisse (14c). Tous les bords ascendants capturent les reflets et doivent donc être plus lumineux que la couleur de base. Chaque fois que vous faites cela, vous pouvez essayer l'outil Dodge, défini sur Tons moyens. Parfois, le résultat est trop délavé, il est donc plus facile de peindre dans la couleur souhaitée. Assombrissez à nouveau le bord inférieur (14d) et éclaircissez légèrement les pixels du centre pour atténuer le contraste (14e). Utilisez l'outil Flou pour lisser les couleurs si nécessaire. Ombrez la paupière supérieure de la même manière (14f). Comme vous pouvez le constater, la peinture est réalisée en définissant d'abord les couleurs brutes, puis en les affinant.


Étape 15

Contournez le globe oculaire en peignant les ombres projetées par les paupières (15a). Sur une couche séparée, peignez des veines rouge clair pour un effet oculaire injecté de sang. Bien sûr, utilisez une brosse de petit diamètre (15b).


Étape 16

Brûlez l'ombre de la paupière sur l'iris et améliorez les points forts avec l'outil Dodge. Le secret est de superposer des traits doux, transparents et rapides.


Étape 17

Fusionnez les verrues en un seul calque et réglez-le en mode Superposition (17a). Configurez l'option Graver pour les tons clairs pour affecter les pixels très lumineux (17b) et assombrir les bords inférieurs de chaque verrue pour les faire ressortir (17c). Configurez Dodge (17d) et peignez les reflets sur les bords supérieurs pour compléter l’ombrage (17e). Enfin, ajoutez un style Ombre portée (17f). Maintenant, ce sont de belles verrues (17g)!


Étape 18

Assombrissez le bord extérieur de la tête (18a) et peignez une ombre au-dessous de la bouche (18b). Soulignez la lèvre inférieure (18c). Répétez le processus pour créer la lèvre supérieure (18d).


Étape 19

Ajoutez une autre ombre sur le cou et sur les côtés de la bouche (19a). Assombrir la tête sous l'œil. Fusionnez la paupière inférieure et utilisez l'outil Flou pour éliminer la couture dure (19b)..


Étape 20

Comme vous vous en souvenez, il y a de l'herbe sur la tête du professeur. Disons le peindre! Choisissez un petit pinceau (20a), configurez le fondu (20b) et l'opacité (20c). Peignez les tiges d’herbe courbées poussant hors de la tête sur un calque séparé (20d). Le nombre à côté du fondu définit la longueur des tiges. En utilisant différents diamètres, couleurs et valeurs de fondu, créez deux rangées variées d'herbe sur la tête (20e).


Étape 21

Ombrez les dents un peu comme nous avons fait la corne (21a). N'oubliez pas de peindre les ombres projetées par les lèvres. Assombrir les ailerons où ils se rencontrent à la tête (21b).


Étape 22

Peindre les ombres sur la main gauche. Assombrissez le bord inférieur et la zone qui pénètre dans la manche (22a). Appliquez également des ombres sur les doigts et ajoutez des reflets le long des bords supérieurs de la main (22b). Déverrouillez la transparence des doigts et brouillez-les à l'endroit où ils se rencontrent. Peignez également les ombres sur le bâton (22c).


Étape 23

La queue a une forte ombre projetée par la blouse de laboratoire et des ombres secondaires le long des bords supérieur et inférieur. Les ombres doivent être effilées vers la pointe (23a). A présent, vous devriez avoir compris la dérive, alors protégez-vous des deux pieds (23b, 23c).



Étape 24

La blouse de laboratoire est blanche, mais le monstre et lui-même y jettent beaucoup d'ombres. Commencez avec les revers, en les assombrissant à l'endroit où ils rencontrent la tête du monstre et le long des bords extérieurs (24a). Pour assombrir le poil, assombrissez les bords extérieurs, peignez les ombres sous les revers et faites allusion aux plis en assombrissant les zones le long de la longueur. Le côté droit projette également une ombre sur le côté gauche (24b, 24c).


Étape 25

Ajoutez une petite ombre portée aux boutons (25a, 25b). Pas besoin de les ombrer, car ils sont plutôt petits.


Étape 26

Assombrissez la manche droite le long de ses bords longitudinaux (26a), puis fondez-la sur le manteau et mélangez la couture avec l’outil Flou. Peignez des plis plus serrés à l'aisselle (26b). Peindre une ombre à l'intérieur de la manche (26c).


Étape 27

En utilisant la même logique, ombragez la manche gauche et la poche. Peindre les ombres sur le manteau et la main gauche. Le manteau est fini (27a).

La lumière vient du plafond et le professeur pose une ombre sur le sol. Aucun style de calque ne peut nous aider ici, nous devons le peindre (en noir). Définissez le calque sur le mode Multiplier et réglez l’opacité à environ 60%. Utiliser l’outil Flou pour adoucir l’ombre alors qu’elle s’éloigne du monstre, une autre petite touche sympa (27b).


Étape 28

La peinture est complète. Il ne reste plus qu’à ajouter la typographie appropriée pour terminer la couverture du livre. J'ai utilisé la belle police égyptienne Farao de Storm Foundry, allez voir.


Conclusion

L'objectif de ce didacticiel en deux parties est de présenter un flux de travail d'illustration typique de l'esquisse conceptuelle au dessin de base, en passant par la peinture finale. La tâche consistait à créer un dessin vectoriel épuré dans Illustrator, puis à lui ajouter de la vie dans Photoshop à l'aide de textures et de techniques de peinture traditionnelles adaptées au format numérique..

J'espère que vous vous êtes amusés et que vous avez appris quelques astuces utiles sur le flux de travail. Vous devriez maintenant être prêt à créer vos propres personnages étranges pour vous essayer à la peinture numérique. Amusez-vous et n'arrêtez jamais d'apprendre!