[tuto illustrator] Dessiner un petit tofu de Dofus

Si vous vous intéressez quelque peu au graphisme et aux jeux vidéo, vous n’avez pas pu passer à côté de ce très beau jeu qu’est Dofus. Dofus est réalisé en flash, avec donc des dessins en vectoriels. Ce qui aujourd’hui nous intéresse au plus haut point, car le vectoriel c’est également l’affaire d’Illustrator. Je vous invite à découvrir comment dessiner un petit tofu (j’ai longtemps hésité avec un bébé pandawa) avec notre logiciel préféré.

Ouvrez un nouveau document A4 puis importez l’image suivante sur votre espace de travail. Agrandissez-la afin qu’elle aille quasiment d’un bout à l’autre de l’espace.

Puis allez dans la fenêtre des calques, ajoutez-en un nouveau puis verrouiller le premier ou figure le petit tofu qui vous vous servir de modèle.

Ensuite nous allons attaquer le corps, pour cela prenez l’outil ellipse et dessinez un cercle.

Nous allons lui assigner des cercles tout autour immédiatement. Nous pourrions un symbole et l’assigner, mais nous allons faire cela plus simplement. Copiez/collez le cercle puis inversez la couleur de fond et de premier plan, ensuite modifiez cette couleur en mettant celle-ci #A18941. Maintenant, ouvrez la fenêtre des contours. Mettez une graisse de 14 points, puis sélectionnez un aspect arrondi pour les angles et les sommets. Cochez ensuite la case pointillé et indiquez 1point en tiret et 36 en espace. Normalement votre contour est bon. À vous d’ajuster quelques paramètres si cela n’est pas tout à fait bon chez vous, comme la graisse par exemple.

On va en profiter pour faire également la patte. À l’aide de l’outil ellipse pour le fond et ensuite, pareil on copie/colle la forme et on assigne un contour pointillé. Pour ma part j’ai utilisé une graisse de 5 points et un espacement de 10 points.

Maintenant nous allons tout de suite réaliser l’ombre sur la patte, ainsi nous pourrons la placer derrière. Pour cela copier/coller, 2 fois la forme jaune de la patte. Puis placez-les en superposition, ensuite ouvrez la fenêtre des pathfinder et appliquez une soustraction. Ensuite appliquez cette couleur à la forme : #EAC84A.

Il suffit ensuite d’aligner ces trois éléments, puis de les copier/coller, une fois cette copie faite je vous invite à les grouper par groupe de 3, en faisant Ctrl+G. Faites attention à ce que les pointillés soient bien au-dessus.

Ensuite, faites pivoter l’une des deux pattes à 90°, puis placez-la au bon endroit, derrière le grand cercle. Ensuite, répétez l’opération de l’ombre, mais cette fois-ci pour créer l’ombre sur le corps. On va le faire avant de poser la patte par-dessus, ça semble plus logique. Comme tout à l’heure, on duplique deux fois notre forme, puis avec le pathfinder on applique une soustraction. Et enfin, on applique la couleur d’un coup de pipette. Si vous êtes attentif vous avez du remarque qu’il y a également une ombre au niveau de la jonction de la patte. Réalisez-la à l’aide l’outil ellipse, et pour la couleur utilisez celle-ci : #B8952D. Je vous conseil de placer cette ombre sous la patte et non sur el cercle et d’ensuite monter le tout.

On va terminer le corps en faisant les 3 crêtes, rien de plus simple, prenez l’outil plume, dessinez vos formes puis assignez-leur un contour de 3 points de couleur #CFBB7C.

Il faut maintenant faire les ombres. Cette étape n’est pas compliquée, mais elle est difficile à expliquer. Nous allons procéder comme pour les autres ombres : copier/coller, 2fois, puis déplacement (ici il faudra souvent faire faire une rotation à votre seconde forme, et parfois l’agrandir) et enfin appliquez le pathfinder soustraction, sans oublier la couleur #ECDC61. Ensuite vous n’aurez plus qu’à placer vos formes par-dessus et à ajuster le tout à l’aide de la flèche blanche. Ensuite, placez-les à la bonne place.

Il est temps de passer aux yeux. Prenez l’outil plume et dessinez le contour de l’œil principal. Puis passez-le en blanc. Puis afin de faire l’ombre dupliquez-le deux fois, faites un pathfinder soustraction et mettez ce gris : #E6E0D0. Ensuite faites Ctrl+V afin de faire apparaitre une nouvelle fois le fond de l’œil, et cette fois-ci appliquez la couleur des pointillés, et passez ce contour derrière l’œil blanc, puis faites le dépasser un tout petit peu eu haut et à gauche. Il ne vous reste plus qu’à monter l’œil, en ajustant les formes à l’aide des outils d’alignement. N’oubliez pas de grouper le tout.

On passe au second œil. Cette fois-ci c’est l’outil ellipse qui va nous rendre service, dessinez un ovale, dupliquez-le assignez lui al couleur de contour et montez-le. Ici pas de gris.

Il est temps de leur faire un iris à ces deux petits yeux, pour cela prenez de nouveau l’outil ellipse, dessinez un premier cercle noir puis un second plus petit qui représente l’éclat de lumière. Ensuite, groupez ces deux formes, puis dupliquez-les d’un simple Ctrl+C puis Ctrl+V, et réduisez un peu cette forme par le côté pour lui donner un air plus aplati.

On passe au bec qui n’est qu’un simple triangle réalisé avec l’outil plume.

On arrive aux pattes inférieures. On va commencer par celle de droite, là rien de sorcier, il s’agit d’un ovale avec un contour puis d’une double duplication avec pathfinder pour l’ombre, vous commencez à avoir l’habitude je pense. La couleur orange c’est celle-ci #D28412, pour le contour c’est #905F19, et enfin l’ombre #B06617.

Pour l’autre patte, c’est un peu plus complexe. Commencez par dessiner la forme générale à l’aide de l’outil plume. Et ensuite toujours avec la plume la forme orange qui se trouve au dessus. Je vous conseil de dupliquer la forme principale et de l’assigner au rôle de contour vous aurez alors une meilleure gestion dessus. Pour les couleurs la forme principale est #AC6817, l’orange clair #D08817, et le contour identique à celui de la précédente patte.

Il ne reste plus qu’à faire les deux éclats sur le dessus je vous invite à utiliser l’outil ellipse. Groupez le tout et placez-le au bon endroit.

Votre petit tofu est maintenant terminé !

Articles en relation :

1. tuto illustrator : Apprendre à dessiner
2. [tuto illustrator] Dessiner le symbole nucléaire
3. [tuto illustrator] 10 trucs et astuces pour illustrator
4. Refaire le petit robot du logo Android
5. [tuto illustrator] Lapin et oeufs de Pâques