Guide étape par étape pour créer une illustration isométrique!

31 104

CountChocula

CountChocula

Bonjour à tous, je m'appelle Sasha ! Dans ce tutoriel, je vais expliquer comment faire 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 d'explication étape par étape que vous pourrez consulter. Prendre plaisir!

Étapes pour faire un dessin isométrique

Étape 1 : Comprendre l'art isométrique

 

Étape 2 : Commencer un dessin, de la recherche au brouillon

 

Étape 3: d'une esquisse approximative à 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 en 3 dimensions d'un objet, sur une surface en 2 dimensions. La particularité d'un dessin isométrique est qu'il est une représentation d'un objet, qui n'est affecté par aucune déformation.

UN DESSIN ISOMETRIQUE PAR RAPPORT A 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és, ces bords finissent par se rejoindre quelque part, n'apparaissant donc pas parallèles. Ils se rencontreraient à 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 paraissent plus petites, plus elles s'éloignent !

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 ni point de fuite, ni ligne d'horizon, comme cela pourrait être plus facile !

 

UN DESSIN ISOMÉTRIQUE PAR RAPPORT À D'AUTRES TYPES DE PROJECTIONS AXONOMÉTRIQUES

Attendez, nous distinguons un dessin isométrique d'un dessin avec perspective linéaire, mais tout dessin sans perspective n'est pas forcément isométrique. Le dessin isométrique appartient à une catégorie plus large, il appartient à la catégorie 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! Autrement dit, 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, le 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, tous les bords d'une forme isométrique doivent être inclinés du même angle, un angle de 30 degrés, comme indiqué dans le dessin ci-dessous. Ce type de dessin est souvent utilisé par les ingénieurs et parfois les architectes. Ils sont aussi souvent utilisés par les illustrateurs ! À mon avis, ils sont 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 au brouillon

Cette étape est souvent négligée, mais c'est en fait une étape cruciale ! J'ai été bref car le didacticiel est axé sur la création d'une illustration isométrique.

Au cours de cette étape, ne vous embêtez pas à essayer de le faire paraître isométrique, soyez aussi libre que possible !

 

La première chose que vous voulez avoir est une idée. Quelle histoire veux-tu raconter à travers ton dessin ?

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

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

  • Quelle est l'ambiance ? Heureux, effrayant, mystérieux…?

  • 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 faire passer ?

 

Une fois que vous savez ce que vous voulez dire, la prochaine étape pour commencer à dessiner, tout ce qui vous passe par la tête ! Certaines personnes aiment faire cela en même temps que la première étape, c'est à vous de décider. À ce stade, ne portez pas trop de jugement sur votre travail, considérez-le comme une phase de brainstorming. Vous pouvez commencer à réfléchir à la composition de votre dessin.

Certaines des questions que vous voudrez peut-être vous poser sont les suivantes:

  • Où est le point focal du dessin, le centre de l'attention ?

  • Quelle composition raconte le mieux l'histoire ?

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

 

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

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

  • A 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 peut finir par être très différent !) L'idée est d'avoir une esquisse de votre composition finale, avec ou sans couleurs, à vous de voir ! Le croquis approximatif, bien qu'il ne doive pas être isométrique, doit toujours garder l'idée à l'esprit. Par exemple, n'en faites pas un tir extrêmement bas, essayez plutôt de viser un tir haut, montrant 3 côtés des objets.

Étape 3 : D'une esquisse à un dessin isométrique

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

  • Les lignes doivent être parallèles l'une à l'autre

  • Les bords doivent être inclinés à un angle de 30 degrés

  • Les trois faces doivent avoir un raccourcissement égal

 

Il existe un certain nombre de méthodes que vous pouvez utiliser dans la peinture Clip Studio pour créer un dessin isométrique. Après avoir parcouru un peu, j'ai trouvé un didacticiel déjà existant sur la façon de créer un dessin isométrique dans Clip Studio Paint, que j'ai joint dans un lien ci-dessous. Steele a partagé une excellente méthode d'approche des dessins isométriques que je recommanderais totalement de regarder.

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 !

Tout d'abord, je vous recommande d'allumer la grille. Cela aide à visualiser les choses! Vous pouvez le faire de cette façon :

Pour modifier ses paramètres, allez simplement dans Fichier - Préférence _Règle/Unités

Assurez-vous ensuite que votre calque de dessin brut 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 à la forme dominante de votre dessin, ce sera la base pour construire notre dessin. Dans mon exemple, c'est la maison.

Une fois que vous avez tout mis en place, nous pouvons commencer à construire !

Il y a essentiellement quatre ÉTAPES :

  • La première consiste à configurer votre polygone,

  • à côté pour placer vos règles parallèles

  • puis de tracer les formes à l'aide des règles que vous avez placées

  • et la dernière étape consiste à tracer les lignes visibles de votre structure avec l'outil pinceau, pour rendre le croquis très facile à lire.

Rien de plus simple !

Ouvrons l’outil Polygone dans le menu [outil de 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 tous les bords de notre cube ont la même longueur !

 

 

Lorsque vous êtes prêt, placez la forme du polygone sur un nouveau calque, pour l'adapter à la forme de votre forme dominante. Naturellement, cela ne correspondra pas exactement à la forme car nous pourrions changer la perspective. J'ai appelé cette couche, Base.

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

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

A chaque couche, nous allons affecter 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 définir le pas de l'angle à 30 dans les [propriétés de l'outil parallèle]. De cette façon, la règle s'enclenchera à un angle de 30 degrés, ce qui la rendra très précise pour que les angles mesurent 30 degrés.

Une fois que vous avez placé vos 3 règles, il ne vous reste plus qu'à faire des allers-retours entre ces calques pour construire les formes structurelles de votre dessin avec l'outil plume/pinceau/crayon. Il est utile d'avoir une couleur spécifique attribuée à chaque axe. Par exemple, pour toutes les lignes verticales, accédez à l'axe Z du calque et tracez toutes les lignes verticales. Parce que l'outil de 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 souligné en noir sur un nouveau calque toutes les lignes visibles importantes de mon dessin. J'ai utilisé la fonction Shift hold puis lâcher, pour tracer des lignes droites avec l'outil plume.

Et voilà ! En suivant ces étapes, vous devriez avoir la structure de votre jeu de dessins isométriques et être prêt à passer à 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 la couche brute pour l'utiliser comme référence lors de la peinture.

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

Je pense que la peinture sans ligne correspond très bien à l'esthétique d'un dessin isométrique, ainsi qu'à 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 à n'importe quel type de peinture que vous voulez.

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

 

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

 

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

 

  • L'outil Clip to the layer Below (Lifesaver !), situé au-dessus du menu des calques

 

  • Et enfin l'outil de verrouillage des pixels transparents !

 

  • Et j'utilise aussi 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 écrasant.

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

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

Ensuite, choisissez la couleur que vous voulez qu'il soit. (Gardez à l'esprit que vous pouvez très facilement le changer plus tard)

 

 

Enfin, appuyez sur alt+del pour remplir la forme !.

Voilà votre première forme ! Vous pouvez maintenant 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 consiste à utiliser l'outil Découper pour superposer en dessous !

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-del pour changer de couleur.

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

Une fois que c'est terminé 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 couleur, n'oubliez pas de placer chaque forme de couleur sur son propre calque. Si vous voulez voir le processus plus en détail, n'hésitez pas à aller regarder la vidéo timelapse que j'ai réalisée !

Simultanément, vous voudrez peut-être appliquer des effets à votre peinture. Vous pouvez facilement le faire en jouant avec différents pinceaux et leur texture, ainsi qu'en essayant différents modes pour vos calques de peinture, de Multiplier à, ajouter et superposer.

Voici à quoi ressemblait ma peinture après avoir ajouté des détails et quelques effets :

Et enfin, la dernière étape complètement facultative consiste à ajouter des filtres pour modifier les couleurs. Celui que j'utilise souvent est la balance des couleurs et la teinte/saturation et le contraste. Ces filtres se trouvent dans la barre de menu supérieure [Layer] - [New correction Layer]

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

Mot de l'auteur

Merci d'avoir lu ce tuto, j'ai pris beaucoup de plaisir à le faire ! J'espère que vous pourrez en tirer quelques leçons, et j'espère que vous ferez tous de beaux dessins.

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

 

Si vous avez vous-même des conseils 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!

 

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel