Articles

Illustrator – Créer une grille isométrique avec l’outil grille

Dans ce tutoriel, je vais expliquer comment j’ai configuré une grille isométrique dans illustrator pour travailler sur des illustrations comme celle-ci:

La grille finale est de 400×400, il y a une autre grille de 100×100 sur le dessus. La grille 100×100 est utile pour les éléments plus gros, la grille 400×400 est idéale pour travailler sur les détails. Voici un gros plan :

L’outil grille

Vous pouvez trouver l’outil grille dans le panneau d’outils sous l’outil ligne. Cliquez longuement sur l’outil ligne pour sélectionner « outil grille rectangulaire ».

Cliquez ensuite n’importe où sur le document pour ouvrir une boîte de dialogue qui vous permettra d’entrer les valeurs souhaitées pour votre grille. Vous ne choisissez pas le nombre de colonnes mais le nombre de diviseurs. Donc, pour une grille de 10 colonnes par 10 lignes, vous devez entrer 9 et 9. C’est important à comprendre si vous voulez que les grilles s’alignent.

Dessinons maintenant une grille 400×400 et une grille 100×100 de même taille. Ainsi, le premier a 399 diviseurs, le second 99 diviseurs. J’utilise un trait noir de 1 px pour mes grilles. Cela ressemble à ceci :

Ensuite, avec le panneau aligner, alignez les deux grilles au centre de l’illustration. Maintenant que vous maintenez la touche maj enfoncée, faites pivoter les objets de 45°. Sélectionnez ensuite l’outil d’échelle et appuyez sur Entrée, mettez-le à l’échelle horizontalement de 100% et verticalement de 50%. La valeur verticale dépend du type de perspective souhaité. Tu devrais voir ça :

Pour une vraie grille isométrique (où un cube est un hexagone parfait), vous devez mettre à l’échelle 60% verticalement pour que les lignes diagonales de 45 ° degrés soient à 30 °.

Ensuite, mettez la grille à l’échelle pour qu’elle dépasse les limites du plan de travail, la valeur dépend de la taille que vous avez dessinée les grilles plus tôt :

Et maintenant pour la touche finale: réglez l’opacité à 20%. Voilà, votre grille est prête, vous pouvez maintenant créer un calque en dessous et commencer à dessiner.

J’espère que cela vous aidera, vous pouvez trouver mon travail sur dribbble et instagram.