Section: IMAQ S3

Module : MQ7 Illustrator Enseignantes : Mahrane.m

TD 35 : Comment dessiner l'art isométrique dans Illustrator

1.
Étape 1
Comment configurer un nouveau fichier de projet

Commençons par configurer un nouveau document dans Adobe Illustrator ( Fichier>

Nouveau ou Control-N ). Pour ce tutoriel, nous allons utiliser les paramètres ci-dessous:
 Nombre de planches: 1
 Largeur: 850 px
 Hauteur: 850 px
 Unités: Pixels
Dans l' onglet Avancé , utilisez les paramètres suivants:
 Mode de couleur: RVB
 Effets raster: écran (72ppi)
 Mode de prévisualisation: Par défaut

Publicité
Étape 2
Allez dans Unités et utilisez les paramètres indiqués ci-dessous.
 Général: Pixel
 AVC: Points
 Type: Points

1
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

2. Comment créer la tête

Étape 1
Sélectionnez l' outil Ellipse (L) et créez un cercle. Maintenez la touche Maj enfoncée sur
le clavier tout en cliquant et en faisant glisser la souris pour créer un cercle parfait. Pour la
couleur de peau, nous utiliserons les paramètres ci-dessous, mais n'hésitez pas à sélectionner
vos propres couleurs pour votre projet.
 R: 194
 G: 119
 B: 112

Étape 2
Choisissez l' outil de sélection directe (A) et sélectionnez le cercle. Cela révélera les points
d'ancrage de la forme et vous permettra de les ajuster avec l'outil.

Étape 3
Utilisez l' outil de sélection directe (A) pour sélectionner le point d'ancrage inférieur et
déplacez-le sur le côté pour créer le menton de votre personnage.

Étape 4
Créez un autre cercle parfait à l'aide de l' outil Ellipse et choisissez cette fois une couleur
pour les cheveux de votre personnage.
 R: 45
 G: 42
2
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

 B: 69

Étape 5
Pour créer les oreilles, utilisez l' outil Rectangle arrondi. Dessinez une petite forme de
capsule en utilisant la même couleur de peau que celle utilisée pour la tête et placez-la en
place.

Étape 6
Utilisez l' outil Rectangle arrondi pour créer une capsule plus grande. Utilisez la même
couleur que celle que vous avez utilisée pour les cheveux et faites-la légèrement pivoter.

Étape 7
Utilisez l' outil de sélection (V) pour placer la forme devant la tête.

Étape 8
3
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Dupliquez la forme en la copiant (Control-C) et en la collant (Control-V) . Placez la nouvelle

capsule plus loin au-dessus de la tête pour créer un volume supplémentaire de cheveux.

Étape 9
Cliquez avec le bouton droit sur la forme vectorielle représentant l'oreille et
sélectionnez Arranger> Mettre au premier plan .

Étape 10
Cela placera la forme de l'oreille sur le dessus des cheveux.

Étape 11
Créez deux autres petites capsules et utilisez l' outil de sélection (V) pour les faire pivoter et
les mettre en place.

4
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 12
Créez une capsule pour le cou et placez-la sous la tête. Utilisez une couleur légèrement plus
sombre pour la peau.
 R: 165
 G: 89
 B: 89

Étape 13
Créez un nouveau calque pour l'arrière-plan.

Étape 14
Sur le nouveau calque, utilisez l’ outil Rectangle pour créer un nouvel arrière-plan et
choisissez une couleur appropriée:
 R: 186
 G: 227
 B: 254

3. Comment créer un corps isométrique

Étape 1
Utilisez l' outil Rectangle et tracez grossièrement un long rectangle blanc. Utilisez l' outil de
sélection directe (A) pour déplacer les deux points d'ancrage supérieurs l'un vers l'autre afin
de créer un trapèze. Assurez-vous que les quatre widgets Live Corner sont visibles (sinon,

5
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

désélectionnez la forme et sélectionnez-la à nouveau en cliquant au milieu). Sélectionnez le

widget et faites glisser les quatre coins vers le centre pour les arrondir.

Étape 2
Assurez-vous que le corps est sélectionné. Allez à Effet> 3D> Rotation .

Étape 3
Dans la boîte de dialogue, assurez-vous de sélectionner les éléments suivants:
 Position: droite isométrique
 Surface: Pas d'ombrage

Étape 4

6
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Cela donnera au corps l'apparence d'une forme isométrique. Notez que vous pouvez toujours
modifier la forme telle qu'elle était en 2D et l'ajuster en temps réel.

Étape 5
Assurez-vous que le corps est sélectionné. Allez à Effet> 3D> Extruder et biseauter .

Étape 6
Dans la boîte de dialogue, assurez-vous de sélectionner les éléments suivants:
 Position: hors axe
 Profondeur d'extrusion: 50 pt
 Biseau: arrondi
 Hauteur: 4 pt
 Surface: Pas d'ombrage

Étape 7
Cela créera un objet 3D isométrique que nous pourrons utiliser pour le corps du personnage.

7
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 8
Utilisez l' outil de sélection (V) pour déplacer la tête en place sur le dessus du corps.

4. Comment créer des jambes isométriques

Étape 1
Utilisez l'outil Rectangle arrondi pour créer les hanches du personnage. Choisissez une
nouvelle couleur à utiliser pour les jambes:
 R: 100
 G: 118
 B: 202

Étape 2
Assurez-vous que la hanche est sélectionnée. Allez à Effet> 3D> Rotation . Dans la boîte de
dialogue, assurez-vous de sélectionner les éléments suivants:
 Position: droite isométrique
 Surface: Pas d'ombrage

8
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 3
Assurez-vous que la hanche est toujours sélectionnée. Allez à Effet> 3D> Extruder et
biseauter . Dans la boîte de dialogue, assurez-vous de sélectionner les éléments suivants:
 Position: hors axe
 Profondeur d'extrusion: 50 pt
 Biseau: arrondi
 Hauteur: 4 pt
 Surface: Pas d'ombrage

Étape 4
Placez la forme ci-dessous et derrière le corps. Vous pouvez le faire en cliquant
avec le bouton droit de la souris sur la forme et en sélectionnant Arranger> Arrière-plan .

9
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 5
Sélectionnez l' outil Crayon (P) et passez en mode contour avec un poids de 21 points .

Étape 6
Utilisez l' outil Crayon (P) pour tracer une ligne droite en maintenant la touche
Maj enfoncée sur le clavier. Dupliquez ou dessinez deux jambes et placez-les sous les
hanches.

5. Comment créer des bras isométriques

Étape 1
Utilisez l' outil Rectangle arrondi pour créer une capsule blanche pour la manche de la
chemise. Faites-le pivoter légèrement à l'aide de l' outil de sélection (V) .

Étape 2
Placez la capsule sur l'épaule du personnage.
10
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 3
Dupliquez la forme et envoyez-la à l’arrière (Clic droit> Arranger> Arrière-plan) . Ensuite,
vous devrez retourner la forme (clic droit> Transformer> Refléter> Vertical) , puis la
raccourcir et la placer sur l'épaule du personnage.

Étape 4
Choisissez l' outil Crayon (P) et ajustez les paramètres de trait de manière à ce que la
couleur corresponde à la couleur de la peau du personnage:
 Poids: 11 pt
 Casquette: casquette ronde

Étape 5
Utilisez l' outil Crayon (P) pour dessiner un bras légèrement incurvé et placez-le sous le
manchon blanc de la capsule.

11
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 6
Dupliquez le bras en le copiant (Control-C) et en le collant (Control-V) .

Étape 7
Faites pivoter le bras en cliquant dessus avec le bouton droit de la souris et en
sélectionnant Transformer> Refléter> Vertical .

Étape 8
Utilisez l' outil de sélection (V) pour envoyer le bras à l'arrière et placez-le sous le second
manchon blanc.

12
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 9
Utilisez l' outil de sélection (V) pour déplacer les formes et apporter les derniers
ajustements à votre personnage isométrique.

6. Comment créer une jupe isométrique

Étape 1
Maintenant que nous avons créé notre premier personnage, nous pouvons maintenant
procéder à de légers ajustements pour créer un second personnage.
Utilisez l' outil de sélection (V) pour sélectionner le caractère entier et le dupliquer. Sur le
deuxième caractère, utilisez l' outil de sélection directe (A) pour enlever les poils.

13
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 2
Sélectionnez les deux jambes et modifiez les propriétés du trait de manière à ce que la couleur
corresponde à la couleur de peau du personnage. Réduisez légèrement le poids des jambes:
 Poids: 15 pt
 Casquette: casquette ronde

Étape 3
Pour créer la jupe, sélectionnez la forme isométrique qui constitue la hanche du
personnage. Ensuite, utilisez l' outil de sélection (V) et abaissez la forme pour augmenter et
ajuster la longueur.

14
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 4
Utilisez l' outil de sélection directe (A) pour ajuster les widgets de coins dynamiques afin
que les coins redeviennent bien nets. Cela facilitera l'ajustement de la forme de la jupe en
rapprochant les points d'ancrage inférieurs.
Une fois que vous êtes satisfait de la forme générale de la jupe, vous pouvez à nouveau
utiliser l’ outil de sélection directe (A) pour arrondir les coins à l’aide des widgets de coin
dynamique .

7. Comment créer des cheveux isométriques

Étape 1
Pour créer les cheveux du deuxième personnage, utilisez l' outil Ellipse (L) et créez un
cercle parfait. Utilisez l' outil de sélection (V) pour le placer au bon endroit et l'envoyer à
l'arrière (Clic droit> Organiser> Envoyer à l'arrière-plan) derrière la tête.
Ensuite, créez un cercle plus petit et placez-le derrière l'oreille. Maintenez la touche Maj du
clavier enfoncée tout en utilisant l' outil Ellipse pour créer une forme de cercle parfaite.

15
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 2
Créez un autre cercle et placez-le devant le front du personnage. Utilisez l' outil de sélection
directe (V) pour réduire la hauteur et apportez les modifications nécessaires à la forme.

8. Comment créer le coffre

Étape 1
Utilisez l' outil Ellipse (L) pour créer une petite forme ronde et blanche et placez-le au-
dessus de la poitrine du personnage.

Étape 2
16
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Dupliquez la forme et placez-le de l'autre côté de la poitrine.

Étape 3
Regroupez les deux formes (Contrôle-G) et dupliquez le nouveau groupe. Vous pouvez le
faire en le copiant (Control-C) et en le collant à sa place (Control-Shift-V) . Cela va coller le
nouveau groupe sur le groupe précédent. Nous appellerons ce nouveau groupe le «groupe
d'ombres».
Choisissez une couleur légèrement plus sombre pour l'ombre et appliquez-la au nouveau
groupe à l'aide de l' outil Pipette (I) . Pour ce faire, assurez-vous que le groupe de formes est
sélectionné, puis utilisez l’outil Pipette pour cliquer sur la couleur de votre choix.

Étape 4
Déplacez le groupe d'ombres derrière les deux formes circulaires blanches et utilisez les
touches de direction du clavier pour le déplacer progressivement, de sorte qu'une petite ombre
mince apparaisse.
Vous devrez peut-être également sélectionner le groupe tête et cou et l'envoyer de nouveau à
l'avant s'il est couvert.

17
 Section: IMAQ S3
Module : MQ7 Illustrator Enseignantes : Mahrane.m

Étape 5
Supprimez toute zone d'ombre en recouvrant d'une forme (cela peut être fait avec le Outil de
stylo). Sélectionnez à la fois la forme de l'ombre et la nouvelle forme (en rouge) et utilisez
les Mode Minus Front pour supprimer l’ombre en excès.

Étape 6
Placez l'ombre sous l'ellipse blanche.

Impressionnant! Vous avez fini!

Toutes nos félicitations! Vous avez terminé avec succès ce tutoriel. N'hésitez pas à partager
vos propres créations ci-dessous! J'espère que vous avez trouvé ce tutoriel utile et que vous
avez appris de nombreux nouveaux trucs et astuces que vous pouvez utiliser pour vos futures
illustrations. À la prochaine!

18