C'est le moment de changer

S'il vous arrive d'avoir une tablette à stylet, mais que celle-ci repose au fond d'un tiroir, configurez-la pour ce didacticiel. Nous allons apprendre à tracer un contour net à l'aide de l'outil Pinceau et à donner vie à notre illustration en appliquant des ombrages et des éclairages de base..


Étape 1

La première étape est assez facile. Prenez un morceau de papier et un crayon et laissez libre cours à votre créativité afin de créer votre propre illustration. Si vous êtes à court d'idées ou si vous n'avez tout simplement pas le temps, vous pouvez utiliser le mien.

Ensuite, créez un nouveau document 850 px sur 1250 px et placez l’esquisse sur un nouveau calque. En utilisant Fichier> Placer, positionnez-le au centre en verrouillant le calque. Cela vous sera utile lorsque nous tracerons le contour de notre illustration..



Étape 2

Avant de sauter le traçage d'introduction, nous allons d'abord créer un pinceau personnalisé. Ouvrez le panneau Pinceau (F5) et créez un nouveau pinceau calligraphique avec les paramètres suivants:



Étape 3

Créez un nouveau calque et nommez-le "Contour". Sélectionnez l'outil Pinceau (B) et, en utilisant le numéro 417B79, commencez à tracer le premier caractère. À ce stade, vous pouvez jouer avec différentes épaisseurs de trait. J'ai utilisé un trait plus épais pour le contour et un trait plus fin pour les détails intérieurs. Essayez de couvrir autant que possible d'un seul coup. Ne vous inquiétez pas si la première fois que vous manquez le contour, vous pouvez toujours le remettre sur les rails avec l'aide de l'outil Warp (Maj + R)..

Si vous double-cliquez sur son icône, une fenêtre de configuration s’ouvrira. Je laisse généralement ses paramètres par défaut, mais les paramètres qui nous intéressent sont: Largeur, Hauteur, Détail et Simplifier. Je vais vous donner un aperçu rapide de chacun d’entre eux, afin que vous puissiez les ajuster en fonction de votre flux de travail. La largeur et la hauteur sont assez simples, tandis que Détail augmente ou diminue le nombre de points d'ancrage d'un trait..

Je trouve que moins le détail est meilleur. Et enfin, Simplify éliminera plusieurs points d’ancrage et laissera votre course bien rangée. Une autre méthode consiste à redessiner les traits, au lieu d'annuler en permanence. La sélection étant toujours active et le pinceau sélectionné, survolez le trait déjà dessiné et remodelez-le correctement. Cette fonctionnalité est excellente car vous pouvez toujours revenir et modifier le trait.



Étape 4

En gardant à l'esprit l'étape précédente, continuez à construire le personnage. Vous pouvez toujours ajuster les points d'ancrage des traits à l'aide de l'outil Sélection directe (A) si cela vous semble plus facile. Cliquez simplement sur un point d'ancrage et faites-le glisser jusqu'à la position souhaitée. Vous pouvez également ajuster la courbe de votre trait en ajustant ses bras.



Étape 5

Les ellipses peuvent facilement être créées avec l'outil Ellipse (L). Il vous suffit de cliquer et de faire glisser le curseur pour créer l'ellipse appropriée, en lui appliquant les paramètres de pinceau si nécessaire, et de jouer avec différents poids de trait de sorte qu'il corresponde au reste du contour. Vous pouvez même changer le type de pinceau et en sélectionner un plat..



Étape 6

En continuant à dessiner, vous constaterez que certains traits se croisent. Afin de ne pas compliquer les choses avec les traits et les arrangements de remplissage, nous allons simplement effacer les traits qui se chevauchent. Pour ce faire, nous devons saisir l'outil Gomme de chemin, auquel vous pouvez accéder si vous cliquez et maintenez l'icône de l'outil Crayon. Vous devez sélectionner le chemin que vous souhaitez effacer et, en commençant toujours par une extrémité, allez jusqu'au point d'intersection..



Étape 7

Passons maintenant aux détails. Dessinez la forme de base des yeux et ajoutez une ellipse à l'intérieur. Dessinez le sourcil à partir d'un seul trait continu, puis ajoutez des détails avec un poids de trait plus fin autour du corps..



Étape 8

Ça vient ensemble maintenant. Créez les mains du personnage à partir de deux traits distincts. Au sommet, fermez-les avec un petit trait et ajoutez enfin quelques doigts. Tracez le trait principal en ajoutant des lignes irrégulières pour le bout des doigts. Répétez ce processus jusqu'à ce que tous les doigts soient finis..



Étape 9

Bon travail! Notre premier personnage est complet. Le reste de l'illustration est tout aussi simple. Cette étape prend le plus de temps, mais plus vous avancez, plus vous la trouverez facilement. Le contour final de toute illustration est celui qui ressort le plus..

Les couleurs ne complètent que le contour. Avoir un contour net et net améliorera définitivement votre travail. N'oubliez pas de ne pas vous précipiter et de vous amuser avec! Continuons à dessiner notre prochain élément. A partir de maintenant, les étapes ne cessent de se répéter.



Étape 10

Chaque spirale du ressort est composée de deux coups. Rappelez-vous, ne vous inquiétez pas si le premier trait que vous dessinez n'est pas parfait. Ajustez-le en utilisant les méthodes décrites dans les étapes précédentes. Le reste de cet élément est assez facile à dessiner car il est constitué de cylindres de base. Après avoir terminé le contour principal, commencez à ajouter des détails.



Étape 11

Le radiateur est composé de plusieurs ellipses et de courses verticales. Vous ne devriez pas avoir de problème pour le dessiner. Ensuite, nous allons créer la batterie sur laquelle toutes les pièces sont assises et essayer d’atteindre le point d’interrogation. Sa forme carrée peut être construite de deux manières: soit vous tracez les lignes à la main et les redressez, soit utilisez simplement l'outil Ligne (\). Encore une fois, essayez de dessiner l'élément de foudre comme une forme fermée.



Étape 12

La composition est un autre facteur important à prendre en compte dans une illustration. J'ai essayé de créer une composition de type montagne qui offre une bonne lecture. En bas, beaucoup de parties, brouillées, essayant de monter. Allons-y et commençons à dessiner les autres parties. Il n'y a pas d'ordre réel sur la façon de les dessiner. Commencez par celui que vous aimez et pensez qu'il est plus relaxant de le créer.



Étape 13

Les roues dentées peuvent être créées avec l'outil Ellipse (L). Vous pouvez modifier leur apparence avec l'outil Free Transform. Cet outil a trois attributs, mais un seul le distingue des autres. Lorsque vous placez le curseur sur l'un des coins du cadre de sélection, il se transforme en une flèche diagonale à double face..

Si vous deviez cliquer et faire glisser cette flèche, vous redimensionneriez le cadre de sélection, mais aucune distorsion n'aurait lieu. Lorsqu'une sélection est mise en surbrillance, le curseur devient une flèche de rotation lorsqu'il se trouve en dehors du cadre de sélection..

En faisant glisser cette flèche semi-circulaire, vous faites pivoter l'objet, mais aucune distorsion ne se produit. La seule façon de tirer parti de la puissance de cet outil consiste à cliquer sur un coin du cadre de sélection et, tout en maintenant enfoncé, de cliquer sur la touche Commande, ce qui vous permettra de déformer la sélection..



Étape 14

Lorsque tout est défini, masquez le calque "sketch", sélectionnez le tout (Commande + A), puis sélectionnez Objet> Développer l’apparence. Cela nous aidera à remplir les parties, peu importe leur complexité..



Étape 15

Sélectionnez tous les éléments (Commande + A), accédez à Live Paint Bucket (K), puis choisissez # 93D2E2 comme couleur de remplissage. Commencez par peindre les pièces principales, en vous dirigeant progressivement vers les détails les plus petits.



Étape 16

Créez un nouveau calque et nommez-le "Type". Faites-le glisser sous le calque hiérarchique. Vous pouvez créer des instructions pour vous aider à construire le type. Appuyez sur Command + R pour les règles et faites glisser deux guides horizontaux, encadrant le type.

Vous pouvez également ajouter un troisième guide de construction, pour les lettres plus grandes. Ensuite, avec un pinceau rond standard de 0,3 pt, commencez à tracer le type. Si vous double-cliquez sur l'icône de l'outil Pinceau, une boîte de dialogue de configuration s'ouvre. J'ai maintenu la fidélité à 10 pixels et le lissage à 25%.



Étape 17

Une fois de plus, une fois que vous avez commencé à tracer le trait, vous constaterez qu'il ne suivra pas précisément l'esquisse. Cela peut facilement être correct. Utilisez les instructions ci-dessus, en particulier l'étape 4, pour les redessiner et ajuster la ligne jusqu'à ce qu'elle corresponde parfaitement à l'esquisse..



Étape 18

Une fois que tout le type est terminé, sélectionnez-le et insérez un trait de poids de 3px. Avec le texte toujours sélectionné, allez à Objet> Développer l’apparence. Sélectionnez Aucune pour la couleur de remplissage et # 417B79 pour la couleur de contour. Vous verrez deux grandes lignes. Le mince original que nous avons créé plus tôt et le nouveau plus épais. Avec l'outil de sélection directe (A), cliquez sur le trait d'origine, puis sur Supprimer..



Étape 19

Il y a beaucoup de coups qui se croisent en ce moment. Le cordon torsadé a toujours deux zones qui se chevauchent. Pour obtenir un effet de câble approprié, nous devons prendre en compte une chose importante. Le type est composé d'un seul long morceau, il doit donc être plié pour créer le type. Imaginez un vrai morceau de cordon devant vous et essayez de le façonner sous la forme d'une lettre..

Vous remarquerez que quelques niveaux apparaîtront et que l'un plus proche de nous masquera les autres. Le type étant mis en surbrillance, sélectionnez l'outil Gomme de trajectoire et commencez, comme à l'étape précédente, à effacer la ligne. S'il y a un trait continu qui doit être séparé, cliquez et faites glisser la gomme au milieu du trait pour le scinder, puis effacez-le simplement à la longueur souhaitée..



Étape 20

Continuez à effacer les traits jusqu'à ce que le point d'ancrage coupe la ligne respective afin qu'il n'y ait pas d'excès. Si vous effacez trop accidentellement, appuyez sur Command + Z ou sur Edit> Undo et donnez-lui un autre coup. Si certaines zones ne semblent pas correctes, appuyez sur A et faites glisser le point d'ancrage (ou ses bras) afin de corriger ces artefacts. Ces défauts peuvent se produire surtout dans les courbes ou les arches plus longues.



Étape 21

Il a fallu beaucoup de temps pour arriver ici, mais nous avons presque terminé. Répétez les instructions mentionnées ci-dessus et modifiez le lettrage personnalisé en conséquence. Lorsque vous avez terminé, sélectionnez chaque texte à la fois, puis remplissez-le avec le numéro 93D2E2 à l’aide de l’outil Pot de peinture dynamique (K)..



Étape 22

Il ne reste qu'une chose avant de mettre en évidence. Nous voulons que nos lumières et nos ombres soient au-dessus des parties remplies, mais sous les lignes de trait. Nous pouvons le laisser en direct, mais il est beaucoup plus facile et rapide de dessiner sans craindre d'aligner parfaitement les formes sur le contour. Sélectionnez tout dans le calque "Contour", allez à Objet> Développer. Désélectionnez en cliquant n'importe où dans la toile.

Ensuite, nous voulons séparer le remplissage du contour. Pour ce faire, créez un nouveau calque, nommez-le "Remplir" et placez-le sous "Contour". Avec l'outil de sélection (V), commencez à sélectionner les pièces remplies, tout en maintenant la touche Maj enfoncée. Sélectionnez seulement quelques zones remplies et appuyez sur Commande + X pour les couper, puis sélectionnez le calque "Remplir" et enfin appuyez sur Commande + F pour coller à la place. Répétez cette procédure jusqu'à ce que les deux éléments soient sur des calques séparés.



Étape 23

Créez un nouveau calque, "Arrière-plan". Avec l'outil Rectangle (R), insérez un rectangle, qui correspond à la taille du canevas. Avec l'outil sélectionné, vous pouvez également cliquer n'importe où, saisir 850 px sur 1250 px et cliquer sur OK. Ce calque doit être placé sur le calque "Esquisse", qui peut maintenant être masqué.



Étape 24

Maintenant que tous nos éléments ont été créés, nous pouvons intervenir et ajouter de l'ombrage et de la surbrillance. Créez un nouveau calque, nommez-le "Rehauts" et placez-le entre "Contour" et "Remplir".

Sélectionnez l'outil Crayon (N) et avec une couleur claire (# E4F4F7), commencez à dessiner les zones où la lumière va frapper. Pour un résultat instantané, double-cliquez sur l'outil Crayon et cochez Remplir les nouveaux traits du crayon. En général, je n'utilise pas de remplissage par contour lorsque je travaille avec cet outil, mais c'est à vous de décider si cela correspond à votre style de travail. Rappelez-vous, la source de lumière principale est le point d'interrogation. Il y aura quelques lumières secondaires réfléchissant, mais nous nous en occuperons plus tard.




Étape 25

Continuez à ajouter plus de faits saillants. Si la forme ne vous satisfait pas, redessinez-la ou ajustez-la à l'aide de l'outil de déformation..



Étape 26

Plus vous mettez d'efforts et de temps dans les détails, plus l'illustration globale sera nette et nette. Une fois que vous avez fini d'ajouter les surbrillances, passez aux ombres. Créez un nouveau calque, "Ombres", et placez-le au-dessus du calque "Rehauts". En utilisant la même méthode au crayon, commencez à bloquer l’ombrage. Encore une fois, gardez à l’esprit que la principale source de lumière est le point d’interrogation au sommet.



Étape 27

Ajoutez des détails, tels que de minces ombres portées par les fils en bas, des ombres voûtées pour les roues dentées, l’ombre des ailettes du radiateur, etc..




Étape 28

Ensuite, créons l’éclairage secondaire jaune. Créez un nouveau calque, nommez-le "Faits saillants jaunes" au-dessus du calque "Faits saillants". Avec l'outil Crayon (N), en utilisant # E5DC38 comme couleur, créez une forme qui remplit l'oeil du piston, l'ampoule électrique, le flacon de potion, l'indicateur de petit calibre situé au bas, ainsi que les yeux de la pile. Ces remplissages agiront comme nos sources de lumière, en faisant rebondir la lumière jaune sur les autres parties. Avec le crayon toujours sélectionné, créez de nouveaux détails autour de l'illustration.




Étape 29

Ensuite, faisons en sorte que la lumière se reflète également sur le sol. Cela crée une belle texture et relie la partie inférieure ensemble. Nous allons utiliser un pinceau personnalisé pour cette étape.

Sur n'importe quel calque, dessinez une mince forme d'ellipse et remplissez-la de noir. Ensuite, ouvrez les pinceaux et créez un nouveau pinceau d’art. Dans la fenêtre Options, sélectionnez la direction en cliquant sur la flèche qui pointe à droite, puis cliquez sur OK. Créez un nouveau calque "Terre" et placez-le sous "Contour". Avec le nouveau pinceau, créez de petits traits et placez-les autour du bas.




Étape 30

L'illustration est presque terminée. La dernière chose que nous devons ajouter sont les demi-teintes, le point d’interrogation et les bandes arrières. Pour cela, lancez Photoshop et créez un nouveau document de format A4 à 300 DPI. Créez un nouveau calque et, à l'aide de l'outil Ellipse de sélection (M), créez un cercle en maintenant la touche Maj enfoncée au centre de la zone de dessin..

Remplissez la sélection avec un dégradé radial noir et blanc à l’aide de l’outil Dégradé (G). Vous devez faire glisser le dégradé du centre du cercle vers sa marge et non au-delà. Une fois cela fait, allez dans Filtre> Pixéliser> Demi-teintes de couleur. Dans la fenêtre de configuration, définissez le paramètre Max. Rayon à 15-20 et 0 pour tous les canaux. Notre premier demi-ton est terminé!



Étape 31

Créez une demi-teinte plus petite en utilisant les techniques mentionnées ci-dessus. Ceci sera utilisé autour de l'ampoule et des yeux de la batterie pour les faire ressortir. Enregistrez le fichier au format jpg de haute qualité.



Étape 32

De retour dans Illustrator, ouvrez le demi-teinte jpg dans un nouvel onglet. Sélectionnez l'image, accédez à Objet> Suivi en temps réel> Créer et développer. Selon la version d'Illustrator, vous pouvez recevoir un message d'avertissement indiquant que le traçage peut s'effectuer lentement avec une image de cette taille. Ne vous inquiétez pas, appuyez simplement sur OK. Cela peut prendre un certain temps avant que la trace soit terminée alors ayez un peu de patience.



Étape 33

Une fois le développement terminé, cliquez avec le bouton droit de la souris et sélectionnez Dissocier. Désélectionnez l'intégralité des demi-teintes, resélectionnez l'espace blanc qui les entoure et appuyez sur Supprimer. Faites glisser les demi-teintes sur un nouveau calque ("Demi-tons" placé sous "Contour") dans l'onglet d'illustration et déposez-les. Vous verrez quelques petits artefacts près du centre. Appuyez sur Y pour l'outil Baguette magique, sélectionnez les petits espaces blancs et supprimez-les. Appliquer la même méthode à l'autre demi-teinte.




Étape 34

Mettez à l'échelle et dupliquez les demi-tons plus petits, puis placez-les en position. Coupez et collez-les à la place (Commande + X, Commande + F) sur un nouveau calque, nommé "Demi-tons jaunes", placé juste sous le calque "Demi-tons". Supprimez les points intérieurs et remplissez le demi-ton restant avec # E4DB38. Répétez cette opération pour les autres demi-tons. Sélectionnez le plus grand en haut et remplissez-le avec # E3F3F6.



Étape 35

Créez un nouveau calque et nommez-le "Point d'interrogation". Cachez tous les autres calques, sauf le "Esquisse". avec un pinceau rond standard, tracez le point d'interrogation. En utilisant la même méthode que celle décrite aux étapes 16 à 21, ajoutez du poids au point d'interrogation. Remplissez-le avec une couleur plus claire (# F5FBFE) pour le faire ressortir. Sur le même calque, commencez à dessiner une surbrillance pour lui donner plus de profondeur.



Étape 36

Enfin, nous allons faire les deux bandes plus claires dans le dos. Créez un nouveau calque "Rayures" et placez-le sur le calque "Arrière-plan". Avec l'outil Crayon (N) et # B0E0E5, créez une forme rectangulaire avec un sommet incurvé. Dupliquez-le, retournez-le verticalement et positionnez-le à côté de l'autre.



Conclusion

Bon travail! Nous avons enfin fini. J'espère que vous avez apprécié ce tutoriel et j'ai hâte de voir vos créations.!