Introduction

Peut-être avez-vous entendu parler du terme « illustration isométrique » dans les récentes tendances de design plat. Elle utilise la projection isométrique pour dessiner, qui est un type de projection axonométrique. Et il existe en fait deux autres types de projection axonométrique en dehors de la projection isométrique. Ce sont la projection dimétrique et la projection trimétrique.

 

La projection axonométrique est un type de projection parallèle. Dans cette projection, les lignes parallèles restent parallèles car il n'y a pas de point de fuite. Cela peut être utile à des fins techniques, mais cela donne également un aspect déformé au dessin.

En regardant l'illustration ci-dessus, vous pouvez voir la différence entre les types de projection axonométrique dans le rapport de raccourcissement des côtés du cube. La différence est causée par la mise à l'échelle de l'objet sur les axes x, y, z. En projection isométrique, tous les côtés apparaissent également raccourcis car la mise à l'échelle est la même. En projection dimétrique, la mise à l'échelle de l'objet sur un axe (dans cet exemple, l'axe z) est différente de la mise à l'échelle sur les deux autres axes (dans cet exemple, les axes x et y), ce qui fait que le cube ici a deux côtés visibles également raccourcis. Alors que, en projection trimétrique, la mise à l'échelle sur les axes x, y, z est différente l'une de l'autre, ce qui fait que tous les côtés visibles du cube ici sont différemment raccourcis les uns des autres.

 

Pour ce tutoriel, je vais dessiner une petite librairie en utilisant la projection dimétrique plutôt que la projection isométrique ou trimétrique, comme illustré au tout début de cet article. Je l'utilise parce que j'ai pensé que cela pourrait être une expérience de dessin amusante et intéressante à réaliser. Alors, commençons !

Préparation

Créez un nouveau document. Activez « Grille » et aussi « Accrocher à la grille » dans le menu « Affichage » pour que le dessin s'aligne sur la grille. Définissez également l'« Espacement » sur 100px et le « Nombre de divisions » sur 5 dans les « Paramètres de la grille... ». Si vous avez besoin de plus de détails, définissez le « Nombre de divisions » sur 10. Si vous avez besoin de détails encore plus fins, définissez l'« Espacement » sur 50px et le « Nombre de divisions » sur 10.

Tout d'abord, je dessine la vue de face, la vue de droite et le motif du toit de la librairie à l'aide des outils « Ligne droite » et « Rectangle » du sous-outil « Figure » avec une taille de pinceau de 3.

Pour dessiner des lignes inclinées, activez « Incrément d'angle » et définissez l'angle dont vous avez besoin dans la fenêtre « Propriété de l'outil ». Je désactive d'abord l'accrochage à la grille avant de les dessiner.

Je dessine également les vues latérales de la fenêtre, du cadre de fenêtre et de l'étagère d'affichage des livres. Pour la porte, je ne dessine que la poignée et la partie intérieure car la partie extérieure ne sera pas visible sur le dessin. De plus, je ne dessine pas le toit sur la vue latérale de la librairie car je le dessinerai à main levée plus tard.

Je sépare les éléments (murs, portes, toits, etc.) chacun sur un calque différent pour faciliter leur assemblage ultérieur. Je place également les calques dans deux dossiers de calques différents (dossiers avant et latéral).

 

Voici les vues terminées sans la grille activée.

Transformation et assemblage

La projection dimétrique que je vais utiliser ici est une projection à 42°⁄7° comme illustré ci-dessous.

Pour créer l'effet de raccourcissement, j'utilise les transformations d'échelle et d'inclinaison. Sélectionnez le dossier de calques qui va être raccourci et appuyez sur Ctrl+T. Désactivez ensuite « Modifier l'épaisseur du vecteur » dans les propriétés de l'outil.

 

Pour la vue de face, mettez-la à l'échelle de 93 x 94 (L x H), puis passez en mode « Inclinaison » et inclinez-la de 7° verticalement. Regardez l'angle de rotation pour faciliter le processus d'inclinaison.

Pour la vue de côté, mettez-la à l'échelle de 35 x 94 et inclinez-la de -42° verticalement.

Après cela, je les assemble côte à côte.

Je duplique également la plupart des éléments et les assemble comme ceci.

Pour dessiner les détails, je crée trois règles parallèles avec des angles différents sur un nouveau calque raster. Pour les créer, cliquez sur l'outil règle et choisissez « Règle spéciale »→« Ligne parallèle ». Ensuite, activez « Incrément d'angle » dans la fenêtre « Propriété de l'outil » et définissez-le à l'angle nécessaire (7°, 138° (180°-42°) et 30°). Créez les règles dans la direction indiquée sur l'image.

Avant de dessiner les détails, j'active « Accrocher à la règle spéciale » dans le menu « Affichage » et je définis les règles sur « Afficher sur tous les calques » dans la fenêtre « Calque ». Après cela, je dessine les détails de chaque élément à l'aide du « Marqueur » (avec une taille de pinceau de 3) sur un nouveau calque vectoriel et de la règle parallèle qui est parallèle à la direction du dessin. Pour basculer entre les règles, utilisez le raccourci Ctrl+4.

Après avoir dessiné tous les détails, vous pouvez fusionner tous les calques vectoriels en un seul calque (faites une sauvegarde d'abord si nécessaire) à l'exception du calque de texte. Ensuite, je supprime toutes les lignes qui se chevauchent à l'aide de la gomme « Vecteur ».

Ensuite, j'ajuste le motif du toit à l'aide de la « Transformation libre » (Ctrl+Maj+T).

Le lineart est maintenant terminé.

Coloration et Finition

Je colorie le dessin à plat en premier.

Ensuite, je modifie l'épaisseur du trait du lineart original à 4 à l'aide de « Corriger la taille du trait » dans le sous-outil « Corriger la ligne ».

Après cela, je duplique le calque de lineart, puis je change son épaisseur de trait à 5 et je le pixellise. Ensuite, je floute le calque dupliqué à l'aide du « Flou gaussien » (« Filtre »→« Flou gaussien ») avec une intensité de 10 pour créer des ombres douces pour la librairie.

Ensuite, je sélectionne l'extérieur du calque de lineart original et efface le calque de lineart flouté. Puis j'ajuste l'opacité du calque à 60%.

Je peins les lumières et les ombres sur différents calques raster au-dessus de la couleur plate. Pour les lumières, j'utilise une couleur jaunâtre claire (et blanc-jaune pour les reflets de bord) avec le mode de calque réglé sur Incrustation et une opacité de 23%. Pour les ombres, j'utilise une couleur gris-bleuâtre avec le mode de calque réglé sur Produit et une opacité de 86%.

Peignez tous les détails (j'utilise le « Marqueur » avec le mode de fusion réglé sur Normal et l'« Aérographe doux », tous deux avec diverses tailles de pinceau et opacités). Pour les fenêtres, j'utilise l'outil de dégradé « Premier plan vers transparent » sur un autre calque avec « Écrêter sur le calque inférieur » activé.

Je peins des plantes et des fleurs décoratives pour égayer le bâtiment. Je peins également une base simple sous la librairie. Maintenant, le dessin est terminé.

J'espère que ce tutoriel vous sera utile. Merci de votre lecture !