Bonjour à toutes et à tous, je m'appelle Sasha ! Dans ce tutoriel, je vais vous montrer comment réaliser un dessin isométrique dans Clip Studio Paint, du début à la fin, en utilisant une méthode très simple ! J'ai inclus une vidéo ainsi qu'un guide explicatif étape par étape pour que vous puissiez y jeter un œil. Amusez-vous !

Étapes pour réaliser un dessin isométrique

Étape 1 : Comprendre l'art isométrique

 

Étape 2 : Commencer un dessin, de la recherche aux croquis préliminaires

 

Étape 3 : D'un croquis préliminaire à un dessin isométrique

 

Étape 4 : D'un croquis isométrique à une peinture finale

 

Étape 1 : Comprendre l'art isométrique

Un dessin isométrique est une représentation tridimensionnelle d'un objet sur une surface bidimensionnelle. La particularité d'un dessin isométrique est qu'il s'agit d'une représentation d'un objet qui n'est affectée par aucune distorsion.

UN DESSIN ISOMÉTRIQUE EN COMPARAISON À UN DESSIN EN PERSPECTIVE

Lorsque nous regardons les choses à travers une lentille, cela déforme la réalité. Nous savons tous qu'une caractéristique déterminante d'un cube est que ses deux arêtes sont parallèles. Cependant, si je devais prendre une photo d'un cube, je remarquerais que, prolongées, ces arêtes finissent par se rencontrer quelque part, ne semblant donc pas parallèles. Elles se rencontreraient en un point, que nous appelons, un point de fuite. Notre œil fonctionne de la même manière qu'un objectif d'appareil photo, c'est pourquoi les choses apparaissent plus petites, plus elles sont éloignées !

Un dessin en perspective peut avoir jusqu'à 6 points de fuite ; plus il y a de points de fuite, plus il est déformé. Il va sans dire qu'un dessin isométrique n'inclurait aucun point de fuite, ni ligne d'horizon, n'est-ce pas beaucoup plus simple !

 

UN DESSIN ISOMÉTRIQUE EN COMPARAISON À D'AUTRES TYPES DE PROJECTIONS AXONOMÉTRIQUES

Attendez, nous avons distingué un dessin isométrique d'un dessin en perspective linéaire, mais tout dessin sans perspective n'est pas nécessairement isométrique. Le dessin isométrique appartient à une catégorie plus large, celle des projections axonométriques. Ne vous laissez pas tromper par ce mot compliqué ! C'est en fait un concept très simple. Une projection axonométrique est toute représentation où les lignes entre l'objet et le plan de l'image sont parallèles ! En d'autres termes, c'est une projection avec un point de fuite réglé à l'infini !

 

 

Il existe trois types de projection axonométrique : la projection dimétrique, la plus souvent utilisée dans les jeux vidéo, la projection trimétrique et la projection isométrique. La particularité de la projection isométrique est que les trois axes, x, y et z, sont également raccourcis. Pour que tous les axes soient également raccourcis, toutes les arêtes d'une forme isométrique doivent être inclinées au même angle, un angle de 30 degrés, comme le montre le dessin ci-dessous. Ce type de dessin est souvent utilisé par les ingénieurs et parfois par les architectes. Ils sont également souvent utilisés par les illustrateurs ! À mon avis, c'est une excellente touche si vous voulez donner à votre dessin un aspect futuriste !

 

Passons maintenant à la partie dessin !

Étape 2 : Commencer un dessin, de la recherche aux croquis préliminaires

Cette étape est souvent négligée, mais elle est en fait cruciale ! Je l'ai gardée brève car le tutoriel est axé sur la réalisation d'une illustration isométrique.

Pendant cette étape, ne vous souciez pas d'essayer de la rendre isométrique, soyez aussi libre que possible !

 

La première chose que vous voulez avoir, c'est une idée. Quelle histoire voulez-vous raconter à travers votre dessin ?

Si vous manquez d'inspiration, vous pouvez parcourir des sites web de photographie, regarder des photos sur les réseaux sociaux, regarder des captures d'écran de films (filmgrab.com), vous pouvez même vous promener, faire défiler de vieilles photos, lire des poèmes, vraiment tout peut être une source d'inspiration !

Certaines des questions que vous devriez vous poser sont les suivantes :

• Quelle est l'ambiance ? Joyeuse, effrayante, mystérieuse… ?

• Quelle est la période de l'année ?

• Quelle est l'heure de la journée ?

• Qui sont les personnages ?

• Quel message voulez-vous transmettre ?

 

Une fois que vous savez ce que vous voulez dire, l'étape suivante consiste à commencer à esquisser tout ce qui vous passe par la tête ! Certaines personnes aiment le faire en même temps que la première étape, c'est à vous de voir. À ce stade, vous ne devriez pas trop juger votre travail, considérez cela comme une phase de brainstorming. Vous pouvez commencer à réfléchir à la composition de votre dessin.

Certaines des questions que vous pourriez vous poser sont les suivantes :

• Où se trouve le centre d'intérêt du dessin, le point d'attention ?

• Quelle composition raconte le mieux l'histoire ?

• Quels types de formes transmettent le mieux cette émotion ?

 

Simultanément, vous voudrez peut-être trouver des références pour faciliter les choses.

Vous voudrez peut-être regarder à quoi ressemblent certaines choses spécifiques pour faciliter le dessin :

• À quoi ressemble une petite maison européenne ?

• Quels types d'arbres et de plantes poussent dans ce climat spécifique ?

• Quel genre de vêtements porterait un jardinier européen ?

• Quelle palette de couleurs est courante en été ?

 

À la fin de cette étape, vous devriez avoir une idée de ce à quoi vous voulez que votre dessin final ressemble. (Je pense qu'il est important de noter que votre dessin pourrait finalement être très différent !) L'idée est d'avoir un croquis préliminaire de votre composition finale, avec ou sans couleurs, c'est à vous de voir ! Le croquis préliminaire, bien qu'il n'ait pas besoin d'être isométrique, doit toujours garder l'idée de l'isométrie à l'esprit. Par exemple, ne faites pas un plan très bas, essayez plutôt de viser un plan élevé, montrant 3 côtés des objets.

Étape 3 : D'un croquis préliminaire à un dessin isométrique

Pour rappel, voici les choses à garder à l'esprit lors de la réalisation d'un dessin isométrique :

• Les lignes doivent être parallèles les unes aux autres

• Les arêtes doivent être inclinées à un angle de 30 degrés

• Les trois faces doivent avoir un raccourcissement égal

 

Il existe plusieurs méthodes que vous pouvez utiliser dans Clip Studio Paint pour réaliser un dessin isométrique. Après avoir fait quelques recherches, j'ai trouvé un tutoriel déjà existant sur la façon de réaliser un dessin isométrique dans Clip Studio Paint, que j'ai lié ci-dessous. Steele a partagé une excellente méthode pour aborder les dessins isométriques que je vous recommande vivement de consulter.

La méthode que j'utilise est un peu différente et pourrait mieux vous convenir si vous cherchez quelque chose d'un peu plus simple !

Avant toute chose, je vous recommande d'activer la grille. Cela aide à visualiser les choses ! Vous pouvez le faire de cette manière :

Pour modifier ses paramètres, il suffit d'aller dans Fichier – Préférences _Règle\/Unités

Ensuite, assurez-vous que votre calque de dessin préliminaire est activé, avec une faible opacité, tout en haut de votre hiérarchie de calques. Cela rend le processus 100 fois plus facile !

Ensuite, réfléchissez à ce que pourrait être la forme dominante de votre dessin, ce sera la base pour construire notre dessin. Dans mon exemple, c'est la maison.

Une fois que tout est configuré, nous pouvons commencer à construire !

Il y a essentiellement Quatre ÉTAPES :

• La première consiste à configurer votre polygone,

• ensuite à placer vos règles parallèles

• puis à tracer les formes en utilisant les règles que vous avez placées

• et la dernière étape consiste à délimiter les lignes visibles de votre structure avec l'outil Pinceau, pour rendre l'esquisse très facile à lire.

Impossible de faire plus simple !

Ouvrons l'outil Polygone dans le menu [Outil Forme]. Dans les [Propriétés de l'outil], assurez-vous que le type d'aspect est défini de sorte que la Largeur soit égale à la Hauteur. Cela garantira que toutes les arêtes de notre cube ont la même longueur !

 

 

Lorsque vous êtes prêt, placez la forme polygonale sur un nouveau calque, pour qu'elle corresponde à la forme dominante. Naturellement, elle ne correspondra pas exactement à la forme, car nous pourrions être en train de modifier la perspective. J'ai appelé ce calque, Base.

Maintenant, la raison pour laquelle l'outil polygone est si merveilleux pour réaliser des dessins isométriques est qu'une forme polygonale avec des arêtes toutes de même longueur est un cube tridimensionnel parfait qui respecte toutes les conditions d'une projection isométrique !

Pour l'étape suivante, nous allons créer 3 nouveaux calques. Un pour chaque axe : Z, X et Y. Il peut être utile d'associer chacun d'eux à une couleur différente.

À chaque calque, nous assignerons un outil Règle parallèle correspondant à l'axe. L'outil [Règle parallèle] se trouve sous [Outil Règle] – [Outil Spécial] – [Ligne parallèle]. Une autre chose pratique à faire est de régler le pas de l'angle à 30 dans les [Propriétés de l'outil parallèle]. Ainsi, la règle s'alignera à un angle de 30 degrés, ce qui la rendra très précise pour mesurer des angles de 30 degrés.

Une fois que vous avez placé vos 3 règles, il ne vous reste plus qu'à alterner entre ces calques pour construire les formes structurelles de votre dessin avec l'outil stylo\/pinceau\/crayon. Il est utile d'assigner une couleur spécifique à chaque axe. Par exemple, pour toutes les lignes verticales, allez sur le calque de l'axe Z et dessinez toutes les lignes verticales. Comme l'outil Règle parallèle est activé, ce processus est super facile !

Voici à quoi ressemblait la structure de mon dessin :

Avec l'outil Pinceau, j'ai ensuite tracé en noir sur un nouveau calque toutes les lignes visibles importantes de mon dessin. J'ai utilisé la fonction Maj + maintenir, puis relâcher, pour faire des lignes droites avec l'outil stylo.

Et voilà ! En suivant ces étapes, vous devriez avoir la structure de votre dessin isométrique prête pour l'étape suivante, la peinture. Comme vous pouvez le voir, la structure de mon dessin n'inclut aucun détail, j'ai gardé les détails sur le calque préliminaire pour les utiliser comme référence pendant la peinture.

Étape 4 : D'un croquis isométrique à une peinture finale

Je pense que peindre sans contour s'accorde très bien avec l'esthétique d'un dessin isométrique, tout comme l'utilisation de formes géométriques, c'est pourquoi j'ai décidé d'adopter cette approche. Mon processus de coloration est très simple et vous pouvez l'appliquer à tout type de peinture que vous souhaitez.

Les outils que j'utilise le plus sont les suivants :

 

• L'outil de sélection Polyligne, trouvé dans le menu Outil sous [Zone de sélection] - [Polyligne]. C'est un outil très polyvalent et il vous permet de corriger vos erreurs si facilement !

 

• L'outil Pot de peinture trouvé dans le menu. Son raccourci est G, mais j'aime utiliser le raccourci Alt+Suppr. Il fait la même chose mais je trouve que c'est un peu plus propre.

 

• L'outil Écrêter au calque inférieur (une bouée de sauvetage !), trouvé au-dessus du menu des calques

 

• Et enfin l'outil Verrouiller les pixels transparents !

 

• Et j'utilise également l'outil Pinceau pour les textures.

 

La première étape de la coloration consiste à bloquer toutes les couleurs principales pour toutes les formes principales, chacune dans un calque différent. Réglez l'opacité du calque de structure à un niveau bas, vous voulez qu'il soit là pour référence mais vous ne voulez pas qu'il soit accablant.

Commencez par créer un nouveau calque de couleur et nommez-le en fonction de l'objet que vous peignez.

Ensuite, en utilisant l'outil polyligne, sélectionnez les contours de l'objet que vous peignez.

Ensuite, choisissez la couleur que vous souhaitez. (Gardez à l'esprit que vous pouvez très facilement la changer plus tard)

 

 

Enfin, appuyez sur Alt+Suppr pour remplir la forme !

Voilà votre première forme ! Maintenant, vous pouvez faire la même chose pour chacune de vos formes !

Pour les formes qui se chevauchent, au lieu de sélectionner précisément autour de la forme précédente, un moyen de gagner du temps est d'utiliser l'outil Écrêter au calque inférieur !

Une autre astuce pour changer de couleur très rapidement est de sélectionner une forme, d'appuyer sur l'outil verrouiller les pixels transparents et d'utiliser le raccourci Alt+Suppr pour changer de couleur.

À la fin de cette phase, vous devriez avoir quelque chose comme ça :

Une fois cela fait et que vous êtes satisfait de la couleur, vous pouvez suivre le même processus mais en appliquant les détails. Pour simplifier le changement de couleurs plus tard, n'oubliez pas de placer chaque forme colorée sur son propre calque. Si vous voulez voir le processus plus en détail, n'hésitez pas à regarder la vidéo en timelapse que j'ai réalisée !

Simultanément, vous voudrez peut-être appliquer des effets à votre peinture. Vous pouvez facilement le faire en expérimentant avec différents pinceaux et leurs textures, ainsi qu'en essayant différents modes pour vos calques de peinture, de Multiplication à Ajout et Incrustation.

Voici à quoi ressemblait ma peinture après l'ajout de détails et de quelques effets :

Et enfin, la dernière étape, entièrement facultative, consiste à ajouter des filtres pour modifier les couleurs. Ceux que j'utilise souvent sont Balance des couleurs, Teinte/Saturation et Contraste. Ces filtres se trouvent dans la barre de menu supérieure [Calque] – [Nouveau calque de correction].

C'est tout ! Voici à quoi ressemble ma peinture isométrique finale avant et après les filtres d'effet.

Mot de l'auteur

Merci d'avoir lu ce tutoriel, j'ai eu beaucoup de plaisir à le réaliser ! J'espère que vous avez pu y apprendre quelques astuces, et j'espère que vous ferez tous de magnifiques dessins.

Clip Studio Paint est un logiciel tellement convivial et si facile à utiliser, je vous encourage à l'expérimenter.

 

Si vous avez des astuces ou des questions, n'hésitez pas à me laisser un message dans les commentaires ci-dessous.

Et j'adorerais voir vos dessins isométriques !

Merci encore !