Comment créer une illustration vectorielle de Jolly Santa

Ce tutoriel vous guidera tout au long du processus de création, du croquis de vignette approximatif à l’art numérique final. Vous découvrirez comment créer et construire une illustration vectorielle de précision de jolly St. Nick. Je couvrirai des méthodes et techniques de construction simples qui vous aideront à découvrir de nouvelles façons de créer des illustrations vectorielles bien conçues..


Étape 1

Le dessin est le meilleur ami des designers. Une base créative solide commence par le dessin et, dans ce cas, par une esquisse très grossière et grossière du Père Noël. Tout ce que je fais est de capturer l'essence de ce que je veux créer.



Étape 2a

Dessiner est une question de raffinement. Rarement dessinez-vous quelque chose de parfait la première fois. Le plus souvent, vous prendrez une esquisse grossière et redessinez-la, puis vous en affinerez la forme jusqu'à obtenir une esquisse précise et raffinée. En regardant ma vignette approximative, je redessine ma conception du Père Noël afin qu'elle supprime le travail de conjecture en ce qui concerne la forme et la forme. Je le dessine comme je vais le construire. Mon croquis raffiné me servira de feuille de route pour construire mon art vectoriel.



Étape 2b

Avant de passer au vecteur, je numérise mon esquisse raffinée et, avec Photoshop, je clone l’art, le retourne et je soude les deux côtés ensemble. Cette conception est presque complètement symétrique, ce qui me donne une bonne idée de ce que la finale va ressentir avant de la créer sous forme vectorielle. C'est à ce stade que je détermine si mon dessin de base est correct pour continuer ou si je dois l'affiner davantage. Pour cette conception, nous sommes prêts à équiper les halls.



Étape 3

Je numérise dans mon esquisse raffinée et le place dans illustrateur sur son propre calque. Je règle l'opacité à environ 20% et verrouille le calque. Cela va maintenant guider ma construction de vecteur. Mes couches de fichiers de construction commencent toujours comme indiqué. (Je vais couvrir les couches plus en détail ci-dessous)



Étape 4a

Ma construction de vecteur commence rude. Tout ce que je fais à ce stade est de m'assurer que mes points d'ancrage sont situés dans la meilleure position possible. Ici j'ai malmené une partie de la moustache du père Noël.



Étape 4b

La prochaine étape est celle où je commence à façonner mes chemins vectoriels. J'utilise un plug-in Astute Graphics appelé "VectorScribe" qui facilite la création de vecteurs par rapport aux outils natifs d'illustrator. L'outil spécifique s'appelle "PathScribe", ce qui me permet de saisir n'importe quel chemin et de le pousser ou le mettre en forme..



Étape 4c

Ici, je trace un chemin qui correspond à mon dessin souligné.



Étape 4d

Voici le résultat final de la mise en forme de mes chemins vectoriels à l'aide du plug-in "VectorScribe".



Étape 5

Tout le contenu d'une conception ne doit pas nécessairement être construit point par point. Parfois, l’utilisation d’outils de forme comme l’outil Ellipse (L) facilite la construction. Dans l'image ci-dessous, je n'utilise que des formes circulaires et les fonctions du panneau Pathfinder. pour construire ma forme finale de sourcils. Pensez à cette méthodologie comme un emporte-pièce. Plus vous pouvez regarder vos créations et discerner où la construction de formes fonctionnerait bien, plus la construction de vecteurs devient facile.



Étape 6

Ne pensez pas à votre conception comme une œuvre d'art. Pensez à votre conception comme étant une combinaison d'œuvres d'art plus petites et plus faciles à gérer qui, une fois combinées, forment un tout. Briser votre conception en sections plus faciles à construire accélère et facilite la construction au fil du temps.



Étape 7

Un autre aspect de cette conception pouvant tirer parti de la création de formes est la garniture du chapeau du père Noël. Encore une fois, je vais utiliser l'outil Ellipse (L) et créer la bordure avec un tas de formes circulaires. Je vais ensuite les fusionner en une seule forme et casser ce dont je n’ai pas besoin avec le Pathfinder jusqu’à ce que la forme finale soit trouvée.



Étape 8

Parfois, il est utile de faire pivoter un objet à l'écran pour le voir sous un angle différent et d'ajuster la courbe de Bézier pour améliorer la forme de quelque chose. Ici, je n'aimais pas la courbe sur les cheveux du Père Noël, alors en la tournant et en ajustant avec le guidon, je l'ai améliorée puis retournée en place..



Étape 9

Sur la barbe, il était plus logique de la diviser en formes isolées pour former la forme générale de la barbe. (Une fois que j'ai eu ceux-ci, j'ai sauvegardé une copie des formes individuelles afin que je puisse les utiliser pour créer le détail des cheveux fins plus tard.) Avec toutes les formes créées, je les ai fusionnées en une seule forme à l'aide de Pathfinder..



Étape 10

L'avantage de faire un design symétrique est que vous pouvez vous en tirer en ne faisant que la moitié du travail, car vous pouvez le refléter pour que l'autre côté soit fini. Cette image me montre en prenant mes formes vectorielles raffinées, en les clonant et en utilisant l'outil Reflect en les faisant basculer de l'autre côté..



Étape 11

J'ai maintenant terminé toutes mes formes vectorielles de base et mon esquisse raffinée a aidé à guider ce bâtiment.



Étape 12

À ce stade, je vais dans mon fichier et organise mon dessin vectoriel dans une hiérarchie de couches distincte. Faire cela maintenant avant de continuer m'aidera à étoffer mes couleurs et à ajouter des détails. Au fur et à mesure que je construirai la conception, je pourrai peut-être modifier quelques éléments afin de faciliter la gestion de la conception. Utiliser des couches comme celle-ci est une bonne habitude créative à adopter..

Certains d'entre vous se demandent peut-être en quoi consiste la couche "X"? Eh bien c'est ma couche d'assurance. Pendant que je construis, je vais copier le contenu et le mettre dans cette couche. C'est comme l'assurance des vecteurs. Je sais que je peux toujours revenir à cette couche et récolter n'importe quoi à différentes étapes. Quelque chose que je fais depuis 20 ans.



Étape 13

Maintenant que toutes mes formes vectorielles de base sont établies, je commence à créer mes couleurs de base. Je commence par travailler sur la couleur de base plate. Parfois, je fais la conception complète et d'autres fois, je travaille sur une section plutôt que de la détailler et de passer à la suivante. C’est moins compliqué alors j’élabore toutes les couleurs de base.

J'utilise la même méthode que si on peignait à l'acrylique. Étalez une couleur de base que la couche sur d'autres couleurs pour former et façonner l'art nécessaire. Cela aide à créer des familles de tons et j'utilise toujours des couleurs globales. Je recommande de toujours utiliser des couleurs globales, car cela facilite grandement la gestion de votre palette de couleurs et vous donne davantage de contrôle lorsque vous modifiez des couleurs..



Étape 14a

Créer une dimension avec une image vectorielle ne nécessite pas l'utilisation d'outils complexes tels que l'outil Dégradé. C’est génial si vous imitez une photo réaliste mais que sur une illustration stylisée comme celle-ci, c’est fini. Pour montrer comment créer de la dimension, j'ai pris le nez du père Noël et nous allons le déconstruire..

La forme du haut montre la couleur de la base du nez. Les sept formes situées au-dessous sont toutes des mélanges radiaux personnalisés, des mélanges linéaires avec divers réglages d'opacité et des modes de fusion tels que "Multiplier". Dans l'image suivante, en dessous, ils montrent comment ils modifient la forme de la couleur de base du nez et ajoutent une dimension à l'art..



Étape 14b

Cette image montre les réglages d'une des formes utilisées sur le nez. C'est un mélange linéaire avec un paramètre de mode de fusion de "Multiplier". Notez comment j'ai mélangé une couleur à une couleur de peau de base zéro alpha. Cela fonctionne mieux que d'utiliser du blanc. Parfois, vous remarquerez des bandes dans illustrator si vous utilisez du blanc; j'ai donc constaté que le mélange avec la couleur de base était plus efficace lorsqu'il était imprimé.

Il est impossible de documenter complètement un processus qui est parfois au mieux de nature exploratoire. Je vais essayer une certaine opacité ou couleur seulement pour découvrir que ça n'a pas l'air bien. Je commande donc Z et essaie autre chose jusqu'à ce que ça marche. J'ai utilisé les mêmes méthodes et la même approche pour ajouter les détails sur le chapeau du père Noël ainsi que sur d'autres domaines de l'art. Assurez-vous donc d’ouvrir le fichier source fourni avec ce tutoriel et prenez le temps de le déconstruire. Explorez le contenu, cliquez sur les formes pour voir comment définir les modes d'opacité et de fusion, etc. pour obtenir l'effet recherché..



Étape 15a

Jetons un coup d'oeil au chapeau du père Noël et voyons comment j'ai créé la garniture moelleuse. J'ai d'abord créé un mélange radial dans la forme.



Étape 15b

Je veux ajouter une belle lueur intérieure pour définir le bord de la forme blanche et ajouter de la profondeur. Avec la forme sélectionnée je suis allé à Effet> Styliser> Inner Glow et ensuite ajuster les paramètres comme indiqué et cliquez sur OK.



Étape 15c

Avec un clone de ma forme de rognage, allez dans Objet> Chemin> Décalage du chemin et ajustez le paramètre pour créer une forme en médaillon, comme indiqué..



Étape 15d

Je sélectionne la nouvelle forme d'encart, lui applique un dégradé linéaire et règle le mode de fusion sur "Multiplier".



Étape 15e

Lorsque la forme en médaillon est sélectionnée, sélectionnez Effet> Flou> Flou gaussien et ajustez le réglage pour créer un bel effet diffusé sur la forme de la bordure..



Étape 15f

Cela montre la finale pour le chapeau du père Noël. J'ai utilisé le même processus pour créer le look de la balle floue au bout de son chapeau aussi. Comme j'ai isolé des zones du dessin sur leurs propres calques, je ne peux isoler que les éléments du chapeau et cela rend le travail beaucoup plus rapide et moins fastidieux.



Étape 16a

J'aimais bien comment cela se passait, mais le défi à relever dans la conception de ce projet était de distinguer les zones blanches les unes des autres. En tant que modèle stylisé, je ne voulais pas que ses sourcils et ses cheveux se perdent contre la garniture du chapeau ou que sa moustache fonde visuellement avec ses dents. J'avais besoin d'ajouter de la texture pour compenser le contraste.



Étape 16b

J'ai eu l'idée d'utiliser le mélange de formes pour ajouter de jolis effets de cheveux stylisés sur ma barbe et d'autres zones où des cheveux apparaissent dans le dessin. J'ai d'abord créé deux formes minces, comme illustré dans l'image ci-dessous. J'ai ensuite double-cliqué sur l'outil de fusion de formes et entré un certain nombre d'étapes. Après avoir cliqué sur OK, à l'aide de l'outil de fusion, j'ai cliqué sur le point d'ancrage situé en haut de la grande forme plutôt que sur le point d'ancrage situé en haut de la petite forme pour créer le mélange de formes affiché..



Étape 16c

J'ai coloré le mélange de forme en blanc et ensuite appliqué le mélange de forme à la zone de la moustache et ai ajusté la courbe de Bézier et le mélange se marie bien avec la forme de la moustache.



Étape 16d

Cela montre l'application finale du mélange de formes sur la moustache. Je l'ai également utilisé sur les sourcils et vous pouvez en voir une partie dans les favoris de l'image ci-dessous. Sur l'ensemble, il ajoute une belle texture subtile pour compenser la moustache de la surface lisse des dents, etc..



Étape 17a

J'ajouterai plus tard le même type de détails de mélange de formes sur la barbe. Mais je veux d’abord mettre les effets de base en place. Ici, j'applique la même lueur intérieure que celle indiquée sur les éléments précédents, comme la bordure du chapeau. J'utilise aussi un large mélange radial pour ajouter du volume à la forme de la barbe.



Étape 17b

Le mélange radial que j'ai créé dans l'image précédente était correct, mais il ne permettait pas d'obtenir le volume que je souhaitais. J'ai donc décidé de le faire manuellement. J'ai d'abord créé une forme comme indiqué pour définir les zones sur le bord de la barbe que je voulais effectuer et je l'ai coloriée à l'aide de la couleur d'ombrage que j'avais établie..



Étape 17c

Avec la forme sélectionnée, allez à Effet> Flou> Flou gaussien et ajustez le réglage pour créer un joli mélange désamorcé, puis cliquez sur OK..



Étape 17d

Après avoir créé la forme désamorcée, je la masque en forme de barbe et j'ajoute le mélange de formes, comme je l'ai fait pour la zone de la moustache..



Étape 18a

Créer un dessin comme celui-ci commence par un bon dessin, mais son exécution nécessite beaucoup d’expérimentation avec des formes secondaires à gradients linéaires et radiaux, diverses opacités, modes de fusion et nuances de couleurs pour créer l’apparence souhaitée. Cela montre un gros plan d'une partie du visage du père Noël mettant en évidence ce type de détail des formes dans cette conception.



Étape 18b

Cela montre exactement la même vue de l’art, mais il ne manque que les couleurs de base. Ce que vous voyez, ce sont toutes les différentes formes qui composent les détails qui ajoutent de la dimension et du contraste entre les éléments et donnent vie à la conception. Pensez-y comme une peinture avec des vecteurs.



Étape 18c

Cela montre la forme en surbrillance sur la joue du père Noël et ses paramètres. Comme indiqué ci-dessus, les couleurs de base sont les seuls éléments manquants dans cette image..



Étape 18d

Toutes les différentes formes de détail dans cette conception. Les seuls éléments manquants sont les formes de couleur de base. Encore une fois, assurez-vous de déconstruire le fichier source pour mieux discerner ces méthodes afin de pouvoir les appliquer à votre propre travail..



Étape 19

Avec toutes les couleurs de base et les formes détaillées travaillant ensemble, le Père Noël prend vie.


Image finale

Sur la conception finale, j'ai décidé d'inclure un joli contour en gras autour du père Noël et de l'emboîter dans un éclat festif. Si vous aimez les flocons de neige, ceux-ci sont issus de mon livre "Border.Banner.Frame" qui contient plus de 500 ornements. Je poste aussi des ornements GRATUITS sur mon blog ici.

Je réalise que cette illustration est basée sur un dessin, donc si vous avez des difficultés avec cet ensemble de compétences, commencez à dessiner. Il n'y a pas de secret, plus vous le faites, mieux vous vous portez. Si vous choisissez de ne pas dessiner, le Père Noël vous mettra sur sa liste de créations coquines. N'oubliez pas que n'importe qui peut apprendre un logiciel afin que vous apportiez les améliorations les plus importantes en ajustant l'ensemble de votre processus de création, votre approche du projet, votre façon de l'exécuter et de réaliser le dessin vectoriel. Prenez votre temps, engagez-vous à la précision et amusez-vous.

L'image finale est ci-dessous. Vous pouvez voir la grande version ici.