Créer une illustration 100% vectorielle, picturale

Dans ce didacticiel, nous utiliserons Adobe Illustrator pour créer une illustration texturée et picturale dynamique. Cette technique peut être réalisée à l'aide d'une souris. Cependant, une tablette vous donnera un niveau de contrôle supplémentaire. Nous couvrirons le processus complet de peinture vectorielle, du croquis à l'illustration finale.


Étape 1

Créer une esquisse initiale pour l'œuvre d'art, je l'ai dessiné au crayon et numérisé. C’est une étape très importante pour trouver l’équilibre et une pose correcte avant la phase de rendu fastidieuse.



Étape 2

Créez un nouveau document Illustrator, avec une taille de planche graphique pour cette illustration à 500 x 530mm. Copier (Commande + C, Commande + V) ou Placer (Fichier> Placer) l'esquisse dans le document. Dans le panneau Apparence, définissez l’opacité de l’esquisse sur environ 50%. Créez un nouveau calque pour chaque caractère avec des noms identifiants, placez-les sous le calque d'esquisse et commencez à remplir le trait..

Utilisez l'outil Pinceau (Commande + B) pour appliquer le travail en ligne. J'utilise une tablette Wacom afin de pouvoir créer des lignes de largeur variable en fonction de la pression du stylet. Ce n'est pas nécessaire, si vous utilisez une souris, configurez quelques pinceaux plus épais pour les contours et plus fins pour les détails..

Dans le panneau Pinceau, cliquez sur le menu déroulant, sélectionnez Nouveau pinceau, choisissez Pinceau calligraphique, définissez la forme et la taille de la pointe et de la variation du pinceau si vous utilisez une tablette. J'ai utilisé trois brosses: 15 pt, 7 pt et 3 pt.

Vous pouvez également utiliser l'outil de déformation (Maj + R) pour faire défiler les lignes si elles ne semblent pas très bonnes.




Étape 3

Maintenant, configurez le remplissage de couleur de base. Sélectionnez une figure puis copiez-la. Créez un nouveau calque appelé Remplissage puis Coller dans le dos (Commande + B). Avec les lignes sélectionnées, utilisez l'outil Pot de peinture dynamique (K) pour remplir approximativement les zones avec une couleur de base. Une fois terminé, vous devrez développer le groupe de peinture dynamique, puis dissocier les formes (commande + décalage G) afin de pouvoir les modifier individuellement. Faire un nouveau calque de remplissage et répéter le processus pour l'autre personnage.




Étape 4

Maintenant, pour créer un fond d’éclairage, créez un calque d’arrière-plan et remplissez la planche d’art d’un rectangle à l’aide de l’outil Dégradé (G) pour remplir la forme avec un dégradé radial allant de la couleur claire au noir..

Copiez le rectangle (Commande + C) et Coller devant (Commande + F). Modifiez maintenant le remplissage en dégradé: changez la couleur de la lumière, maintenez la touche Option enfoncée et faites glisser la nuance pour la dupliquer, puis éloignez la nuance noire de la ligne de dégradé..

Déplacez la couleur dupliquée de l'autre côté du dégradé et définissez l'opacité de la nuance sur 0%, cliquez et faites glisser l'outil de dégradé dans le rectangle pour placer le nouveau dégradé..



Étape 5

Le personnage au sol a une boule de pouvoir incandescente. Pour le créer, nous allons d'abord ajouter une référence d'éclairage pour cela sur un nouveau calque. Utilisez l’outil Ellipse (L), puis dans le panneau Apparence, ajoutez un effet Feather (Effets> Styliser> Feather) d’environ 25 mm, modifiez son mode de fusion sur Écran et définissez son opacité sur 80%..

Dans les calques "Remplissage à la terre" et "Lignes", sélectionnez le bras arrière, coupez (Commande + X), créez un nouveau calque sous la boule rougeoyante. Nommez-le comme "Arm-Behind" et Coller dans le dos (Commande + B).



Étape 6

En travaillant sur un caractère pour l'instant, sélectionnez les formes d'armure dans le calque de remplissage, puis allez au menu Sélection> Identique> Couleur de remplissage et copiez les formes. Créez un nouveau calque "Ton moyen", sélectionnez le calque et collez au premier plan (Commande + F). Maintenant, utilisez le panneau Pathfinder pour Unifier les formes, définissez Remplissage sur Aucune..

Utilisez l'outil Sélection directe pour sélectionner les formes, à partir du bas du panneau Outils, puis sélectionnez Dessiner à l'intérieur. Utilisez l'outil Pinceau avec une couleur plus claire pour dessiner grossièrement dans les zones où la lumière frappe la figure.




Étape 7

Une fois les zones rugueuses, ajoutez un effet de plume à votre pinceau dans le panneau d'apparence, puis appliquez un pinceau sur les formes pour adoucir et ajouter de la texture. De cette façon, certaines zones peuvent être dures et d’autres fanées, utilisez la couleur moyenne pour s’étendre et la couleur sombre pour découper les formes..

Utilisez la même technique à l'étape 6 pour sélectionner les zones mécaniques de la figure dans le calque Remplir, les coller dans le calque de tons moyens et ajouter la couleur de surbrillance tout en conservant les demi-tons mécaniques..



Étape 8

Créez un nouveau calque "Sombre" sous le calque de tons moyens, en utilisant la même technique que ci-dessus pour créer des zones de masquage et un pinceau en dégradé. Les tons moyens doivent être entourés d'ombre, car la peau du robot est métallique. Utilisez une brosse avec un effet de plume appliqué lorsque vous appliquez des zones sombres sur les pièces mécaniques..



Étape 9

Sélectionnez le calque de remplissage et utilisez l'outil Dégradé pour appliquer des dégradés aux formes de base en utilisant les zones ombrées et les sources de lumière comme référence. Utilisez les dégradés linéaires et radiaux en fonction de la forme de la partie du corps.



Étape 10

Créez un nouveau calque nommé "Bright". Sélectionnez le calque de remplissage et suivez la technique de l'étape 6 pour copier les zones de masquage dans le calque "Bright". Utilisez une couleur presque blanche avec un pinceau de 15 pt réglé sur une opacité de 20% pour les zones à texture claire, puis un pinceau de 3pt à une opacité de 75% pour les reflets. Utilisez la même technique pour les zones mécaniques.



Étape 11

Déplacez-vous dans une zone vide et créez un motif à utiliser sur l'armure pour cette forme. J'ai utilisé le pinceau Blob (Maj + B) et l'outil de déformation (Maj + R). Une fois satisfait de la forme, j'ai utilisé Pathfinder to Unite en une seule forme, copié la forme une fois (maintenez Option + Maj et faites glisser), puis dupliquez la transformation (Commande + D)..



Étape 12

Une fois que vous êtes satisfait du motif, il est temps de le transformer en pinceau à motif. Au début, le motif doit s’étendre horizontalement, faites donc une rotation de 90 degrés si nécessaire.

Avec votre motif sélectionné, allez dans le menu Panneau de pinceaux et sélectionnez Nouveau pinceau. J'ai réduit mon motif et utilise l'option Chemin approximatif avec 0% d'espace. Cela gardera le motif de la même taille et l’adaptera au tracé du pinceau. Expérimentez avec les paramètres pour voir ce qui fonctionne le mieux avec le motif que vous créez..



Étape 13

Dans le calque Remplissage, sélectionnez les zones d’armure auxquelles appliquer le motif, créez un nouveau calque "Texture" sous le calque Rehauts et collez les formes dans le recto (Commande + F). Utilisez l'outil Pinceau avec votre nouveau pinceau sélectionné et utilisez l'option Dessiner à l'intérieur de la barre d'outils. Dans le panneau d’apparence, définissez le mode Pinceau sur Superposition à 70%. Appliquez le motif sur les zones auxquelles vous souhaitez appliquer le motif..



Étape 14

Répétez ces techniques pour colorier l’autre robot. J'ai gardé celui-ci plus simple, puisqu'il est le personnage secondaire et qu'il a moins de lumière.



Étape 15

Sélectionnez toutes les formes du calque de remplissage, copiez-les et créez un nouveau calque au-dessus de tous les autres, appelé Superposition. Collez les formes devant. Utilisez le Pathfinder pour combiner les formes et les remplir avec un dégradé en fonction de la couleur de l'éclairage. Dans le panneau Apparence, définissez la forme sur Trop d'opacité à 75%. Répétez le processus pour le robot volant et choisissez la couleur appropriée pour le dégradé.



Étape 16

Créez un nouveau calque pour les effets d'éclairage et les superpositions de texture nommés "Superposition"..

Pour obtenir une texture très variée, j'ai créé certains de mes pinceaux Illustrator personnalisés en créant des textures noir et blanc dans Photoshop, en les ouvrant dans Illustrator et en utilisant Live Trace. Dissociez la forme obtenue et sélectionnez une forme de texture. Maintenant, dans le menu Panneau de pinceaux, sélectionnez Nouveau pinceau> Coup de pinceau, testez les paramètres du pinceau pour obtenir une grande variété d’effets de texture..

Pour plus de conseils sur ce processus, consultez ce superbe tut d'Iaroslav Lazunov: Créez un paysage vectoriel magique à l'aide d'Illustrator.



Étape 17

Travailler dans le calque "Superposition" pour créer une orbe puissante en utilisant une combinaison de pinceaux du menu du panneau Pinceau, menu Ouvrir Bush> Artistique> Craie Crayon au charbon et sous-menus de pinceau d'encre, essayez les pinceaux Artistique et Scatter. Dans le panneau Apparence, définissez l'opacité sur 70%, puis définissez le mode Fusion sur écran ou lumière douce. Sélectionnez les éléments et le groupe (Command + G) une fois satisfait du résultat.



Étape 18

Maintenant, la main avant est masquée par l'orbe puissant. Pour y remédier, copiez les éléments de main des calques "Remplissage" et "Contour", collez-les devant (Commande + F) sur le calque "Surimpression" et utilisez le panneau Pathfinder pour combinez les formes. Maj-sélectionnez le groupe Orbe et la main.

Dans le menu Panneau de transparence, sélectionnez Créer un masque d’opacité. Si nécessaire, vous pouvez modifier l'objet masque de manière isolée en cliquant sur l'icône du masque tout en maintenant la touche Option enfoncée. Pour revenir à la planche graphique, sélectionnez la nuance vierge dans le panneau Transparence..



Étape 19

Toujours dans le calque "Superposition", faites un cercle pour les reflets lumineux réfléchis. Définissez maintenant le remplissage sur un dégradé radial en utilisant la même couleur vive aux deux extrémités du dégradé, commencez par la couleur Opacité 100% et colorez la couleur à 0% Opacité. Copiez et placez la torche sur les points de réflexion que vous aimez.

Échantillonnez les couleurs du personnage volant et utilisez l'outil Pinceau pour créer une pointe calligraphique approximative. Dans le panneau Apparence, définissez le mélange sur Lumière douce et l'opacité sur 65%. Tracez des lignes pour donner au personnage le sentiment d'être tiré à l'envers.



Étape 20

Sélectionnez le calque "Arrière-plan". Utilisez maintenant les mêmes pinceaux pour délimiter les caractères et donner un aspect plus texturé à l’image. Réglez les pinceaux sur Multiplier à 30% d'opacité dans le panneau Apparence..



Conclusion

Voilà, une image de texture peinte 100% vectorielle. Cette technique est idéale pour l'illustration ponctuelle et, en tant que vecteur, elle reste modifiable pour faciliter la sélection et le changement de couleur. Et c'est infiniment évolutif!