Introduction

Bonjour à tous, je suis Steele.

 

Quand on pense à la façon de dessiner un objet en 3D, on pense au dessin en perspective, n'est-ce pas ?

Mais il existe une autre méthode appelée ''Dessin isométrique'' qui est une excellente méthode pour dessiner quelque chose en 3D, et plus tard nous allons parler de ce qu'est le dessin isométrique et des avantages de cette méthode.

 

Et dans ce tutoriel, je vais vous partager plusieurs astuces sur la façon d'utiliser certaines règles et d'autres fonctionnalités de Clip Studio Paint qui peuvent encore plus améliorer votre flux de travail !

Qu'est-ce que le dessin isométrique ?

Le terme "isométrique" vient du grec ίσο μέτρο "íso métro" signifiant "mesure égale", reflétant que l'échelle le long de chaque axe de la projection est la même.

 

Un dessin isométrique est une représentation 3D d'un objet tel qu'un bâtiment, une pièce ou un design, souvent utilisé par les artistes et les designers pour représenter des formes 3D sur un plan d'image 2D. Dans cette méthode, l'objet apparaît comme s'il était vu d'en haut, les axes étant définis à partir de ce point d'angle. Les dessins isométriques commencent par une ligne verticale le long de laquelle deux points sont définis. Un angle de 30 degrés est pris de tous les côtés afin de donner un aspect 3D.

Parce que tous les bords d'un objet isométrique sont inclinés sous le même angle, ils sont également raccourcis. Cela vous permet de prendre des mesures de chaque côté d'un objet en utilisant la même échelle.

Les gens ont tendance à confondre le dessin isométrique et le dessin en perspective. L'isométrie et la perspective sont deux choses différentes.

Les dessins isométriques et les dessins en perspective à 1 point utilisent la géométrie et les mathématiques pour présenter des représentations 3D sur des surfaces 2D. Et maintenant, je vais vous parler de la différence entre ces deux méthodes.

Normalement, nos yeux voient les objets en perspective. Il existe trois types de projections en perspective : la perspective à 1, 2 et 3 points.

 

Les dessins en perspective à 1 point imitent ce que l'œil humain perçoit, de sorte que les objets apparaissent plus petits à mesure qu'ils s'éloignent du spectateur. Cet effet est généralement obtenu en utilisant des points de fuite. Vous tracez votre première ligne verticale où vous le souhaitez, puis vous étendez simplement les lignes diagonales jusqu'aux points de fuite. Le prisme rectangulaire ci-dessous est dans cette perspective/projection. C'est un parallélogramme mais il semble rétrécir lentement.

 

 

Une vue isométrique est une vue dans laquelle l'image n'a pas de point de fuite. Ceci est en contraste avec un dessin en perspective, qui peut avoir plusieurs points de fuite. Un point de fuite est l'endroit où les lignes parallèles convergent. Quelle que soit la distance de l'objet, l'échelle restera la même. Cela rend un dessin isométrique plus utile pour représenter la précision, mais ne donne pas une image très artistique ou la façon dont nous, les humains, percevons normalement le monde qui nous entoure.

 

L'avantage de dessiner de cette manière est qu'un objet peut être librement tourné, repositionné et réorienté sans être redessiné. Il n'y a pas non plus de changement dans le sens de l'échelle lorsqu'un objet est déplacé vers l'avant ou vers l'arrière. Avec d'autres techniques de dessin comme la perspective, il n'est pas possible de réutiliser des éléments déjà dessinés. Ils devront être redessinés à partir de zéro.

 

Un dessin isométrique n'utilise pas la perspective dans son rendu. Les dessins isométriques sont plus utiles pour les dessins fonctionnels qui sont utilisés pour expliquer comment quelque chose fonctionne, tandis que les dessins en perspective sont généralement utilisés pour donner une idée plus sensorielle d'un objet ou d'un espace.

Les dessins isométriques sont très utiles pour les artistes et les designers - en particulier les architectes, les designers industriels et d'intérieur, et les ingénieurs, car ils sont idéaux pour visualiser des pièces, des produits et des infrastructures. C'est un excellent moyen de tester rapidement différentes idées de design.

 

Une vue isométrique permet aux artistes de créer un objet 3D sans calculer des calculs complexes, des raccourcissements et différents angles de vue de la caméra. C'est peut-être pourquoi le dessin isométrique est également largement utilisé dans les jeux vidéo et dans l'illustration moderne.

Préparation des outils

Avant d'aborder les sujets principaux, nous avons besoin d'outils qui vous permettront de dessiner en vue isométrique plus facilement. Nous allons donc d'abord préparer les outils importants que nous utiliserons pour notre dessin isométrique.

 

Les principaux outils que nous allons utiliser pour le dessin isométrique sont au nombre de deux : la règle d'accrochage isométrique et la grille isométrique.

Avec ces outils et d'autres fonctionnalités de Clip Studio Paint, notre travail en dessin isométrique sera beaucoup plus facile.

Et je vais vous partager comment créer une règle d'accrochage isométrique avec une règle de perspective et des astuces sur la façon dont j'utilise une grille isométrique dans mon flux de travail.

1. Tout d'abord, j'ai créé un carré avec [Figure] > [Dessin direct] > [Rectangle] en maintenant la touche Maj enfoncée pour que leurs échelles soient égales.

2. Ensuite, appuyez sur [Ctrl+T] pour [Transformation libre] l'objet que j'ai créé.

3. Maintenez la touche Maj enfoncée et cliquez en dehors du carré si vous remarquez que le curseur a changé, puis je continue à faire pivoter l'objet jusqu'à ce qu'un côté du coin fasse face au sol. Et appuyez sur la touche [Entrée] ou cliquez sur [OK] pour confirmer le changement.

4. Après cela, j'appuie à nouveau sur [Ctrl+T] pour [Transformation libre] l'objet. Ensuite, allez dans le menu [Propriété de l'outil], décochez Conserver les proportions et modifiez le rapport d'échelle de la Hauteur de 100 à 60, puis appuyez sur [OK] pour confirmer.

vous pouvez voir que tous les angles de l'objet seront de 30 degrés, ce sont les angles utilisés dans le dessin isométrique.

5. J'utiliserai [Figure] > [Créer une règle] > [Règle de perspective] avec un réglage par défaut, je créerai 2 lignes selon l'objet que j'ai créé entre les deux côtés, comme l'image ci-dessous.

afin de rendre ces lignes parfaitement parallèles entre elles, au cas où j'utiliserais [Règle de perspective], puis je changerais le Processus en Infiniser. Après cela, cliquez sur l'une de ces deux lignes pour les rendre parfaitement parallèles l'une à l'autre.

6. J'ai répété la même étape de l'autre côté.

7. Ensuite, j'ai créé une règle pour une ligne verticale. Maintenez la touche Maj enfoncée pour rendre ces lignes verticales et placez-les où vous le souhaitez.

 

La règle d'accrochage isométrique est maintenant terminée !

Avant de tester la règle que j'ai créée, assurez-vous d'avoir déjà activé l'accrochage de la règle. Pour que la règle prenne effet sur la ligne, vous devez d'abord activer ces règles d'accrochage.

 

Le moyen le plus rapide est de regarder en haut de la barre de commandes à droite.

1. À gauche se trouve [Accrocher à la règle] La touche de raccourci est [Ctrl+1] cet accrochage fonctionne avec [Règle linéaire], [Règle courbe], [Règle de figure] et [Stylo règle].

 

2. Au milieu [Accrocher à la règle spéciale] La touche de raccourci est [Ctrl+2] cet accrochage fonctionne avec [Règle spéciale], [Règle de perspective] et [Règle symétrique].

 

3. À droite se trouve [Accrocher à la grille] La touche de raccourci est [Ctrl+3] pour la grille que nous créons.

 

Tout au long de mon flux de travail, je désactive et active souvent l'accrochage, ce qui peut parfois ralentir mon travail. Au lieu de cliquer dessus dans la barre de commandes, j'ai tendance à utiliser une touche de raccourci, cela me permet de passer beaucoup plus facilement entre le dessin libre et le dessin avec accrochage.

Après avoir activé l'accrochage, j'ai testé les lignes sur la règle pour voir si cela fonctionnait correctement ou non.

Vous pouvez également modifier la couleur de votre règle en fonction de vos préférences, telles que la règle, la grille, etc., dans les paramètres de préférences.

Pour ceux qui trouvent que créer une règle isométrique est trop difficile, ne vous inquiétez pas, j'en ai déjà créé une pour vous !

Vous pouvez télécharger une règle isométrique et une grille isométrique que j'ai créées dans Clip Studio Assets à partir du lien ci-dessous.

Ce catalogue de matériaux contient également une grille isométrique. Vous vous demandez donc pourquoi nous aurions encore besoin d'une grille isométrique alors que nous avons déjà une règle d'accrochage isométrique, n'est-ce pas ? Mais lorsque je désactive la règle d'accrochage, je dois dessiner à main levée sans rien pour guider ma ligne. On peut donc dire que cette grille isométrique sera très utile lorsque j'aurai besoin de travailler à main levée, comme pour l'esquisse.

 

Je vais donc vous partager comment j'utilise cette grille isométrique dans mon flux de travail.

Après avoir fait glisser une grille isométrique du dossier Matériaux vers le canevas. La couche d'une règle isométrique apparaîtra.

 

vous pouvez réduire l'opacité de la couche pour la rendre moins visible, je réduis souvent l'opacité à environ 20%-40% selon ce sur quoi je travaille à ce moment-là.

et je n'aime pas que ma grille isométrique soit de couleur noire parce que j'utilise la couleur noire pour les croquis et les lignes de mes œuvres et je ne veux pas me confondre avec la même couleur entre le line art et la grille.

 

Pour changer la couleur du calque, vous devez aller dans [Propriété du calque] > [Effet] > [Couleur du calque]. Dans les réglages par défaut de Clip Studio Paint, ce sera une couleur bleue. Vous pouvez changer la couleur selon vos préférences, cliquez sur la flèche à côté de la boîte de couleur bleue pour changer la couleur ou choisissez votre couleur et cliquez sur la boîte de couleur bleue.

Parfois, la grille est trop grande ou trop petite. Vous pouvez utiliser [Opération] > [Objet], cliquez sur la Grille Isométrique et faites-la pivoter ou redimensionnez-la selon vos préférences.

C'est tout pour la préparation des outils. Après avoir appris à utiliser ces outils, le dessin isométrique sera beaucoup plus facile qu'avant.

Comment dessiner une maison isométrique

Dans ce sujet, je vais dessiner une maison simple de style médiéval à l'aide de la règle et de la grille isométriques que j'ai créées. Je vais également partager quelques astuces sur l'utilisation de Clip Studio Paint qui facilitent grandement mon flux de travail.

 

Tout d'abord, je dessine une structure simple pour voir à quoi ressemblera mon bâtiment de la manière la plus simple possible. Ainsi, au lieu de me lancer directement dans le dessin de mon bâtiment en vue isométrique, je dessine simplement la vue de face et la vue de gauche du bâtiment. Cette technique me donne suffisamment d'informations sur les différentes faces du bâtiment en 2D (car dessiner un objet en 2D est beaucoup plus facile qu'en 3D) avant de les assembler.

 

(Rappelez-vous que cette technique est facultative, vous pouvez simplement vous lancer et dessiner ou esquisser en vue isométrique. Cette technique que je m'apprête à présenter est juste pour vous faire connaître une autre façon de créer un dessin isométrique.)

Ensuite, je croque ma maison très grossièrement pour voir à quoi ressemblera mon bâtiment de différents côtés.

Le bâtiment est très simple puisque sa forme principale est un rectangle. Après les croquis, vous pouvez dire à quoi ressemblera ce bâtiment car nous avons déjà donné beaucoup d'informations aux différents côtés.

 

ne les laissez pas sur le même calque, gardez-les simplement sur des calques différents car lorsque j'utilise [Ctrl+T] pour [Transformation libre] le calque, je peux les transformer un par un.

Après m'être assuré que tout est prêt, j'installe ma grille isométrique. Prêt à assembler ma maison de la vue 2D à la vue isométrique 3D.

 

Et j'ai également défini une échelle pour ma maison de chaque côté du bâtiment. Cela me permet de déterminer où assembler ma maison sur la grille isométrique que je viens de créer.

 

Donc, la taille de mon bâtiment est (4+1x5x5) 1 boîte équivaudra à 1 boîte dans la grille isométrique.

Ensuite, je trace une ligne rouge en fonction de la taille de mon bâtiment. Ces lignes m'aideront à voir à quoi ressemblera mon bâtiment dans la grille isométrique.

Ensuite, je prépare ma maison à assembler, je commencerai par la vue de face.

1. Cliquez sur le calque de la vue de face de la maison et utilisez le raccourci [Ctrl+Maj+T] pour [Transformation libre] l'objet.

2. Après cela, je clique sur la boîte dans le coin. Ensuite, je fais glisser chaque coin de l'objet à l'endroit où je veux qu'il soit, comme l'image GIF ci-dessous.

 

3. Faites glisser chaque coin de l'objet pour l'aligner avec la ligne rouge du bâtiment que j'ai créé. Comme l'image ci-dessus.

 

4. Répétez la même étape pour la vue latérale.

Fini !

 

Les résultats sont très mauvais pour moi car je ne maîtrise pas cette technique, alors j'ai fait un travail plutôt médiocre LOL (désolé pour ça). Mais quand même, je pense que cette technique est très efficace et facile à réaliser. Elle vous aide également à savoir comment créer un dessin isométrique d'une manière différente, qui transforme un simple dessin 2D en dessin 3D.

 

Alors, passons à la prochaine étape.

Ensuite, je continue à placer une règle isométrique sur mon canevas, prête à dessiner en vue isométrique.

Je dessine une structure et ajoute de la profondeur à ma maison avec des formes géométriques telles que des cubes et des pyramides sur le dessus de ma maison assemblée, pour voir à quoi ressemblera le bâtiment dans l'ensemble en vue isométrique. Et je trace les lignes où les portes et les fenêtres seront placées sur le bâtiment selon notre croquis.

 

Dans ce processus, la règle d'accrochage est très utile car la plupart du dessin est une ligne droite parallèle à la règle isométrique.

 

Je pense que c'est la partie la plus importante de tout le processus, où nous devons trouver la structure de l'objet que nous représentons en 3D ou en vue isométrique. Prenez donc votre temps lorsque vous dessinez la structure de votre bâtiment.

Après avoir terminé de dessiner la structure de la maison, je commence à tracer les lignes réelles sur ma maison et à masquer la maison assemblée, car je n'en ai plus besoin, mais je l'utilise toujours comme référence pour mon bâtiment. J'ai ajouté de la profondeur et donné un aspect clair à l'escalier du bâtiment.

Quand il s'agit du toit, je dois utiliser l'outil qui peut tracer une ligne parallèle aux autres, car la règle d'accrochage isométrique que j'ai créée ne peut pas tracer la ligne qui est perpendiculaire à la règle (c'est quelque chose que la règle isométrique ne peut pas faire. Donc parfois, j'ai besoin d'utiliser d'autres règles pour remplir ce rôle)

 

Alors, je vais créer une autre règle qui pourra faire ce travail pour moi.

1. Allez dans [Figure] > [Créer une règle] > [Règle spéciale] > [Propriété de l'outil], changez la règle spéciale en [Ligne parallèle].

2. Placez-la et ajustez-la sur les angles de la ligne que vous voulez dessiner. Toutes les lignes que vous tracerez lorsque cette règle spéciale est présente seront parallèles les unes aux autres.

Vous pouvez voir la règle spéciale fonctionner parfaitement. Vous pouvez changer les angles de la règle avec l'outil [Objet].

Mais lorsque le calque de la règle spéciale est présent, il désactive automatiquement ma règle d'accrochage isométrique. Pour la réactiver ou la rendre à nouveau capable d'accrochage, vous pouvez aller dans [Opération] > [Objet], cliquer sur la règle que vous souhaitez réactiver. Après cela, allez dans [Propriété de l'outil] > et assurez-vous de cocher ''Accrocher la règle''.

 

Et maintenant votre règle est active et prête à être utilisée à nouveau.

Ensuite, je dessine la cheminée sur le toit et j'ajoute quelques lignes directrices au bas du bâtiment et de la cheminée sur le toit, en préparation d'un panneau de pierre lors du prochain processus.

Je continue à dessiner un panneau de pierre à partir des lignes directrices que j'ai tracées auparavant à main levée, sans règle isométrique. J'essaie de les faire petites et grandes, car un panneau de pierre est composé de pierres de tailles et de formes différentes.

Après avoir terminé de dessiner cette partie, j'ai fixé la ligne autour d'un panneau de pierre pour qu'elle corresponde à la roche sur le bord, dans l'intention d'ajouter de la profondeur à ma maison.

En ce qui concerne la partie principale du bâtiment, je dessine une ossature en bois autour du bâtiment. J'ai ajouté le cadre des fenêtres et la base de la porte en bois en me basant sur la structure/le croquis du bâtiment que j'ai créé. Après cela, j'ai ajouté de la profondeur à chaque ossature en bois pour lui donner un aspect plus 3D.

 

La majeure partie de cette partie, j'ai utilisé l'isométrie pour dessiner ces ossatures en bois et ces fenêtres.

 

Après avoir ajouté les ossatures en bois et les fenêtres, je masque le calque de structure puisque ma maison a maintenant une forme claire. Je commence à ajouter des contreventements en bois qui relient chaque ossature (souvent vus dans les styles de bâtiments médiévaux). Ces ossatures et ces contreventements donnent un aspect médiéval à mon bâtiment.

 

Dans ce processus, j'ai utilisé la [Règle linéaire] pour guider ma ligne et ma main libre pour dessiner ces contreventements.

Après avoir terminé la partie principale du bâtiment, les tuiles de toit sont la seule chose qu'il me reste à dessiner dans le processus.

 

Je dois m'assurer que mes tuiles de toit sont parallèles les unes aux autres, puis je dessine quelques lignes directrices avec la règle isométrique pour me préparer à l'étape suivante.

J'ai continué à ajouter des détails au toit, en les dessinant un par un. Ce processus est un peu le même que pour le panneau de pierre. Essayer de dessiner à main levée est très lent, en utilisant les lignes que j'ai créées et l'isométrie pour guider mes yeux. J'ai aussi tendance à dessiner la forme indépendante de chaque tuile de toit, évitant l'aspect ennuyeux.

 

Après avoir terminé toutes les parties du bâtiment, j'essaie de corriger et d'ajouter quelques petits détails à mon bâtiment.

J'ai supprimé ou masqué le calque dont je n'ai plus besoin. Ensuite, je veux remplir mon bâtiment de couleur, ce qui m'aidera à peindre les ombres dans le processus suivant. J'ai donc choisi cette technique pour remplir ma maison.

 

1. Tout d'abord, je sélectionne le calque de la maison ou mon calque de line art.

2. Je définis ce calque comme [Calque de référence] (Après cela, vous pouvez voir le même logo apparaître devant le calque).

3. Je sélectionne [Sélection automatique] > [Se référer uniquement au calque d'édition] > [Propriété de l'outil] Je coche ''Référence multiple'' > et je choisis ''Calque de référence'' (Ce réglage, où que vous utilisiez cet outil, tout sera basé sur le calque de référence)

4. Une fois le réglage en place, j'ai créé un [Nouveau calque] pour être mon calque de couleur.

5. J'ai utilisé [Se référer uniquement au calque d'édition] > cliqué à l'extérieur du bâtiment et la zone de sélection apparaîtra sur le canevas.

6. Vous pouvez voir le mini-menu qui apparaît en bas de la sélection. Je clique sur [Inverser la zone sélectionnée] et vous pouvez voir la zone sélectionnée s'inverser vers l'espace à l'intérieur du bâtiment.

7. Après cela, je choisis la couleur que je veux pour ma couleur de base. > Ensuite, je clique sur [Remplir] dans le mini-menu pour remplir la zone avec ma couleur choisie.

 

Terminé !

 

Cette technique est très rapide et très efficace pour remplir une zone ou un objet, ce que j'utilise beaucoup dans mon flux de travail.

Ensuite, j'ajouterai une ombre au bâtiment, et je vais également vous partager une astuce sur la façon dont je crée une ombre portée dans le dessin 3D.

Comment dessiner une ombre portée

Dans ce sujet, je vais parler des ombres propres et des ombres portées et vous montrer comment j'utilise la règle de perspective dans Clip Studio Paint pour trouver l'ombre portée de mon objet en vue 3D.

Cette technique fonctionne très bien avec la vue en perspective et la vue isométrique.

Je vais donc parler de la différence entre l'ombre propre et l'ombre portée.

 

L'ombre portée est l'obscurité qui résulte du fait qu'un objet bloque la lumière d'atteindre un autre objet.

La lumière provenant d'autres sources modifiera l'apparence de l'ombre.

Souvent, l'ombre plus éloignée de l'objet sera moins sombre et moins nette. Dans cette image, remarquez que la lumière réfléchie par le pichet éclaire une partie de l'ombre provenant du bloc devant lui.

La forme de l'ombre portée est importante, car elle peut donner à votre spectateur des indices sur la forme de l'objet.

 

L'ombre propre est la partie sombre d'un objet qui ne reçoit pas de lumière. L'avant d'un pichet, par exemple, réfléchit la lumière vers le spectateur et l'arrière est à l'ombre. Le pichet projette une ombre sur le sol et le mur. Les ombres propres peuvent informer le spectateur sur la forme de l'objet dans la scène, tandis que les ombres portées impliquent la forme de l'objet et la direction de la lumière.

 

Cette méthode a été utilisée par une perspective à 2 points. Ensuite, nous parlerons de cette méthode en vue 2D pour mieux comprendre son fonctionnement.

 

1. [Source lumineuse] est le premier point de fuite dans cette perspective. Chaque ligne lumineuse sera produite par ce point de fuite.

 

2. [Direction de la lumière / Point de fuite de l'ombre] est le second point de fuite dans cette perspective. Cette lumière nous indiquera la direction de la lumière et l'apparence de l'ombre.

 

3. [Angle de lumière] est la lumière ou la ligne produite par la source lumineuse. L'angle de lumière ira vers l'extérieur et par-dessus les coins supérieurs de la forme jusqu'au sol. Et là où les lignes des angles de lumière et des directions de lumière se croisent, cela marquera une forme réelle d'ombre portée projetée sur le sol.

Après avoir appris comment cette méthode fonctionne, je vais l'essayer dans une vue isométrique 3D réelle.

 

Tout d'abord, je vais dans [Calque] > [Règle - Cadre] > [Créer une règle de perspective].

Après avoir cliqué dessus, un mini menu apparaîtra. Ensuite, choisissez [Perspective à 2 points] > et cliquez sur ''OK''.

Cela créera un nouveau calque et une perspective à 2 points apparaîtra sur le canevas.

 

Tout d'abord, nous devons savoir comment fonctionne la perspective en dehors de la création d'une ligne qui suit le point de fuite. J'utiliserai l'outil [Opération] > [Objet] pour vous montrer comment changer cette règle de perspective à 2 points en une perspective à 2 points que nous utiliserons pour prédire l'ombre portée.

 

Je vais expliquer ce que ces points font à la règle de perspective et comment les utiliser pour personnaliser la règle.

1. Déplacer la position du point de fuite en fonction de la ligne d'horizon.

2. Déplacer la ligne directrice du point de fuite.

3. Déplacer la ligne d'horizon de la règle.

4. Faire pivoter la ligne d'horizon de la règle.

5. Faire pivoter la ligne directrice du point de fuite.

Une meilleure façon de comprendre comment cette règle fonctionne est de simplement essayer de jouer avec elle et de tester de différentes manières.

J'ai créé un carré sur le canevas et mis ma grille isométrique en place.

 

Je continue à personnaliser la règle, j'appuie sur [Maj] et fais pivoter la ligne d'horizon pour en faire une ligne verticale.

Et je la déplace vers le côté gauche de mon objet.

Après avoir défini le point de fuite et ma règle de perspective en place. J'ai ajouté de la couleur à la ligne pour vous faire savoir d'où proviendront la source lumineuse et la direction de la lumière, prêt à exécuter le prochain processus.

Ensuite, je continue d'ajouter la ligne d'angle de lumière qui est produite par la source lumineuse vers l'extérieur et au-dessus de chaque coin de l'objet.

Vous pouvez également ajouter la ligne directrice à la règle, au lieu de tracer la ligne une par une.

Vous pouvez aller dans [Règle de perspective] > changer le processus en [Ajouter un guide].

Placez-les sur chaque coin de l'objet et ajustez-les en fonction de votre référence.

Cet outil est en effet très utile car nous n'avons pas besoin de tracer une ligne à partir de zéro, vous pouvez simplement placer un guide sur le coin et il suivra automatiquement le point de fuite de la règle.

 

Mais comme je veux partager la méthode avec tous ceux qui travaillent sur papier et avec d'autres logiciels qui n'ont pas les fonctionnalités comme Clip Studio Paint, je continuerai à faire comme la méthode originale.

Je continue à tracer des lignes de direction de lumière vers l'objet, en passant par chaque coin.

Après avoir déjà les lignes d'angle de lumière et les lignes de direction de lumière, je dois trouver où se trouve le point d'intersection. Ensuite, je continue à marquer chaque point d'intersection sur le sol pour prédire la forme de l'ombre portée.

 

 

Ensuite, lorsque j'ai déjà localisé où se trouvera l'ombre portée, j'ai rempli ces zones de couleur gris foncé sur le sol. Et j'ai ajouté l'ombre propre à mon carré.

 

Terminé ! Tout semble si facile, n'est-ce pas ? Oui, ça l'est, parce que l'objet de l'ombre portée est si simple qu'il ne sera pas trop difficile à prédire puisque l'objet est un simple carré. Mais pour un objet complexe, c'est une autre histoire pour moi, plus l'objet est complexe, plus l'ombre le sera. Alors soyez prudent lorsque vous utilisez cette technique.

Après avoir déjà l'ombre portée du premier objet. Vous pouvez essayer de tester comment les autres objets interagissent avec la même source lumineuse et à quoi ressemblera leur ombre portée.

Je pense qu'il est temps d'utiliser cela dans mon travail actuel. Ensuite, j'ai créé une perspective à 2 points et fait pivoter la ligne d'horizon et l'ai placée à l'extérieur de mon canevas sur la droite. Et après cela, j'ai ajusté 2 de mes points de fuite de ma règle qui seront la source lumineuse et la direction de la lumière dans le prochain processus.

Assurez-vous que votre règle est bien en place. Ensuite, je vais continuer à dessiner la structure de mon bâtiment car mon ancien croquis de structure est trop désordonné.

 

Dans ce processus, j'utiliserai la [Ligne droite] pour dessiner ma structure.

Je maintiens la touche [Maj] enfoncée et dessine la maison en formes simples comme le premier croquis. J'ai besoin de cette forme simple pour voir la structure réelle du bâtiment car je vais dessiner la ligne à chaque coin du bâtiment pour trouver une ombre portée. Vous devez garder à l'esprit que, quand il s'agit de cette partie, si quelque chose ne va pas avec ce processus, alors votre processus suivant et suivant sera également faux.

Quand j'ai déjà la structure de mon bâtiment, je trace les lignes d'angles de lumière qui proviennent de la source lumineuse. Je trace la ligne à chaque coin que je pense que ces lignes m'aideront à trouver une ombre portée sur le sol.

Après cela, je trace la ligne de direction de la lumière en essayant de trouver le point d'intersection.

Vous pouvez voir beaucoup de ces lignes sur mon bâtiment en ce moment. Même dans cette maison aux formes simples, cela me déroutera toujours. Essayez d'être très lent, corrigez la ligne qui est placée dans le mauvais coin ou non.

 

 

Ensuite, j'ai à la fois les lignes d'angle de lumière et les lignes de direction de lumière. Je commence à trouver les points d'intersection sur le sol. Et après avoir trouvé où se trouvent ces points d'intersection, je commence à relier les points d'intersection ensemble pour créer une forme d'ombre portée sur le sol.

 

Mais soyez prudent, si votre structure est fausse, votre ligne sera fausse aussi. Lorsque quelque chose ne va pas dans votre flux de travail, essayez de trouver la cause du problème et corrigez-le immédiatement.

J'ai rempli cette zone de couleur gris foncé, et masqué le calque de structure et la règle de perspective dont je n'ai plus besoin. Et j'ai ajusté quelques formes sur l'ombre portée afin de les faire correspondre à l'aspect du bâtiment réel.

Ensuite, je crée un nouveau calque au-dessus de ma couleur de base. Et je règle les paramètres du calque sur [Masquer sur le calque inférieur]. Je m'apprête à ajouter l'ombre propre au bâtiment avec ce calque.

J'ai ajouté l'ombre propre à la partie de ma maison qui n'était pas en contact avec la lumière.

Et j'ai également ajouté des détails à l'ossature en bois et aux contreforts qui se cachaient de la ligne, donnant au bâtiment un aspect très 3D.

 

Après avoir ajouté l'ombre à toutes les parties cachées du bâtiment, j'utiliserai [Aérographe] > [Doux] pour rendre certaines parties de mon bâtiment plus sombres avec cet aérographe.

J'ai créé 2 nouveaux calques au-dessus des calques ''ombre propre'' et ''ombre portée'' et j'ai réglé les paramètres de ces deux calques sur [Masquer sur le calque inférieur].

Une fois les réglages du calque terminés, je commence à peindre les parties les plus sombres du bâtiment ou les parties très profondes cachées de la lumière avec une couleur plus foncée que la couleur de l'ombre propre.

Ensuite, j'ai remarqué que le bord de mon ombre portée était trop dur pour l'ombre portée. La forme de l'ombre portée devient plus nette en fonction de la distance entre l'objet et l'ombre portée.

Mais dans mon cas, je pense qu'il est bon d'ajouter un bord doux car l'ombre portée n'est ni trop proche du bâtiment ni trop éloignée.

 

Ensuite, j'ai sélectionné le calque de l'ombre portée de base et je suis allé dans [Filtre] > [Flou] > [Flou gaussien] et j'ai cliqué dessus.

Le mini-menu de la fenêtre apparaîtra, cela me permet d'ajuster le niveau de flou que je souhaite pour mon calque sélectionné. Et n'oubliez pas de cocher [Aperçu] en bas à droite, pour prévisualiser l'effet du flou sur la forme de notre calque sélectionné. J'ai donc essayé de jouer avec les réglages et j'ai trouvé que 30 était mon choix parfait, alors je clique sur [OK] pour confirmer le changement.

Fait ! J'ai terminé d'ajouter l'ombre propre et l'ombre portée à ma pièce.

test

Dessiner un bâtiment complexe

Après avoir appris ce qu'est le dessin isométrique et comment dessiner une maison de base en vue isométrique, ainsi que comment prédire l'ombre portée en vue 3D. Maintenant, je vais vous montrer comment dessiner un bâtiment plus détaillé et plus complexe que la maison de base.

En fait, le processus de création de ce bâtiment est le même qu'avant, la seule différence est que je dois travailler davantage sur le bâtiment que je vais créer.

 

Au lieu de dessiner la vue de face ou de côté comme la première, je me lance directement dans le croquis parce que je sais que seules les vues de face et de côté ne me donnent pas suffisamment d'informations pour voir à quoi ressemblera mon bâtiment (vous pouvez toujours utiliser cette méthode mais c'est un peu déroutant s'il y a beaucoup de formes différentes dans un seul bâtiment).

 

J'ai mis en place ma règle isométrique et ma grille isométrique et j'ai commencé à esquisser sur le canevas.

Puisque c'est un croquis pour voir l'aspect réel du bâtiment. Je désactive la règle isométrique et je dessine à main levée avec la seule aide de la grille isométrique qui m'aide à guider ma ligne.

 

 

Une fois satisfait du résultat, je passe à la recherche d'une structure claire pour mon bâtiment.

Non seulement j'ai créé un [Nouveau calque] pour mes lignes de structure, mais j'ai également créé un [Nouveau dossier de calques] pour cela,

éTant donné que la structure de mon bâtiment a ses propres formes indépendantes, elles méritent leur propre calque.

J'ai réduit l'[Opacité] de ma maison à environ 25%, en préparation du prochain processus.

 

Les outils que j'utiliserai dans ce processus sont [Dessin direct] > [Ligne droite].

J'ai utilisé la [Ligne droite] et, avec l'aide de la règle isométrique, j'ai créé la structure du bâtiment principal avec la ligne rouge.

 

Pour certaines parties du bâtiment que ma règle isométrique ne peut pas gérer, comme un toit, j'appuie sur la touche [Maj] et je fais glisser la ligne jusqu'à la destination souhaitée. Cette technique et cet outil me facilitent grandement le travail.

 

Une fois que j'ai terminé le bâtiment principal, je commence à dessiner d'autres parties du bâtiment en utilisant un calque séparé.

Dans ce calque, je vais utiliser une couleur bleue pour dessiner l'autre partie du bâtiment.

Après avoir terminé de dessiner la structure du bâtiment, je vais vous montrer comment créer un cercle en vue isométrique à l'aide des fonctionnalités de Clip Studio Paint. En effet, certaines parties de mon bâtiment nécessitent l'utilisation d'un cercle pour dessiner la structure de cette partie.

 

La première méthode que je vais vous montrer est la [Règle de figure] qui crée des figures telles que Rectangle, Ellipse, Polygone que votre ligne suivra cette figure.

Je vais donc vous montrer comment j'ai utilisé cet outil dans mon flux de travail.

 

Tout d'abord, j'ai sélectionné [Règle de figure] > [Propriété de l'outil] > et j'ai choisi ''Ellipse'' dans les réglages de la figure.

Après cela, j'appuie sur la touche [Maj] pour que l'échelle de mon cercle soit égale et je trace la [Règle de figure] sur le canevas.

Lorsque vous avez déjà un cercle sur le canevas, je passe à l'outil [Objet] > j'utilise l'outil objet et je clique sur le cercle sur le canevas > [Propriété de l'outil] > je change le ''mode'' en [Transformation libre].

après avoir changé le mode en transformation libre, vous pourrez ajuster comme le fait normalement la transformation libre. J'ai cliqué sur le cercle que j'ai créé, et j'ai fait glisser chaque coin du cercle pour qu'il corresponde à une grille que j'ai créée avec la règle isométrique.

 

Fait ! Maintenant, j'ai un cercle en vue isométrique ! L'avantage de la règle de figure est qu'elle vous permet de contrôler la pression des lignes au sein de la figure, ce qui convient pour être utilisé dans le processus de Line art.

Une autre méthode consiste simplement à utiliser [Ellipse] et à dessiner sur la grille.

Cette méthode est très rapide et efficace, mais manque d'intérêt car elle crée la ligne sans la pression ou la taille de la ligne, ce qui convient à l'esquisse ou au processus de structure.

Je continue à dessiner le reste de la structure du bâtiment avec des formes géométriques de couleur violette.

 

Vous pouvez voir sur le bâtiment que j'ai utilisé [Ellipse] pour dessiner le cercle qui sera la structure principale de cette partie.

Une fois la partie structure terminée, j'ai créé un nouveau calque et dessiné le line art sur le bâtiment en me basant sur le dossier de structure. Je commence par le bâtiment principal et les petites fenêtres.

Quand il s'agit de la partie line art, je ne peux plus utiliser la [Ligne droite] pour créer la ligne que la règle isométrique ne peut pas faire, car j'ai besoin de créer une ligne douce ou d'ajouter de la pression à la ligne.

 

Donc je vais passer de l'utilisation de la [Ligne droite] à la [Règle linéaire].

J'ai utilisé plusieurs règles linéaires pour dessiner le cône de mon bâtiment, puis je dessine la ligne sur la règle pour contrôler la pression de ma ligne. Comme cette image GIF ci-dessous.

 

Et je continuerai à utiliser cet outil avec le reste des parties que la règle isométrique ne peut pas faire.

Après avoir terminé l'autre partie du bâtiment. Vous remarquerez la ligne qui est toujours visible derrière le nouveau bâtiment. Et j'utiliserai un [Masque de calque] pour masquer ces lignes au lieu de les supprimer définitivement.

J'ai sélectionné le calque du bâtiment principal > cliqué sur [Créer un masque de calque] et vous verrez la boîte apparaître à côté du calque du bâtiment principal > assurez-vous d'avoir sélectionné cette boîte blanche afin de modifier le calque de masque.

Après m'être assuré que vous avez sélectionné le calque de masque > j'ai utilisé la [Gomme] pour effacer les parties que je veux masquer. Vous remarquerez que la vignette du calque changera.

 

J'ai tendance à utiliser beaucoup cette méthode lorsqu'il s'agit de croquis ou de line art. Au lieu de supprimer la ligne que vous ne voulez pas, vous pouvez simplement la masquer avec un masque de calque.

Ensuite, je crée un nouveau calque et j'ajoute quelques croquis ou lignes directrices qui m'aideront à ajouter des détails à l'avenir, comme des fenêtres, des tuiles de toit, des panneaux de pierre. L'un avec une couleur rouge et l'autre avec une couleur violette.

L'une de mes parties préférées de tout le processus est le dessin d'un panneau de pierre ! Je dessine ces pierres très lentement et je m'assure qu'elles auront leurs propres formes indépendantes pour donner un aspect plus réaliste au panneau de pierre. Et j'ai tendance à tracer une ligne sombre sur le côté qui fait face au sol et à rendre le côté qui fait face au haut plus lumineux. Pendant cette partie, je dessine la pierre à main levée avec l'aide de l'isométrie et du guide, ce qui rend le processus beaucoup plus facile.

Après avoir terminé le panneau de pierre, je continue à dessiner les tuiles de toit sur le dessus avec une ligne violette que j'ai créée, guidant ma ligne une par une. J'ai décidé de dessiner d'abord les tuiles de toit sur le bâtiment principal afin de voir à quoi ressemblera mon toit.

Après avoir terminé le bâtiment principal, je continue à dessiner les tuiles de toit sur le reste du bâtiment à main levée.

Après avoir terminé de dessiner les tuiles de toit, j'ai masqué la ligne directrice des tuiles de toit et je passe à la partie suivante.

Ensuite, j'ai dessiné des fenêtres de toit sur le dessus du bâtiment avec une ligne rose.

Après avoir été satisfait du croquis, je continue à dessiner la ligne réelle des fenêtres de toit.

La majeure partie de cette partie, j'ai utilisé la règle isométrique pour dessiner le châssis des fenêtres et y ajouter de la profondeur.

Je continue à dessiner les fenêtres sur le reste du bâtiment. Mais cette fois, je vais utiliser la [Règle symétrique] pour dessiner mes fenêtres sur la tour et sur le petit bâtiment.

Cette règle symétrique reflétera la ligne de l'autre côté de la règle, ce qui convient pour dessiner quelque chose comme des fenêtres de face.

 

pour placer la règle sur le canevas, j'appuie sur la touche [Maj] afin de la rendre droite et verticale > et je continue facilement la fenêtre avec l'aide de la règle symétrique.

Après cela, je copie le calque de la fenêtre avec [Ctrl+C] > et je le colle [Ctrl+V] pour créer une copie de la fenêtre au-dessus du calque. Ensuite, j'ai utilisé le raccourci [Ctrl+Maj+T] pour [Transformation libre] l'objet.

Et je fais glisser le coin avec la souris vers le côté droit, comme l'image GIF ci-dessous.

J'ai répété la même étape que pour le côté gauche du petit bâtiment.

et je répète cette méthode aussi pour les fenêtres de la tour.

Après avoir terminé d'ajouter les fenêtres au bâtiment, j'ai ajouté une ossature en bois au bâtiment principal. J'ai également ajouté une enseigne en bois et d'autres détails au bâtiment.

Je dessine la première fenêtre à l'aide de la règle isométrique sur le côté gauche du plan.

Après avoir donné suffisamment de détails à la fenêtre, je les copie et les colle dans l'espace vide du bâtiment.

Je pense que j'ai terminé avec la partie line art, alors je vais continuer à ajouter uniquement une ombre propre au bâtiment. Puisque ce bâtiment est plus compliqué que le premier bâtiment, j'ai décidé de ne pas le faire (c'est trop difficile).

comme pour le premier bâtiment,

 

1. Tout d'abord, je sélectionne le calque de la maison ou mon calque de line art.

2. Je définis ce calque comme [Calque de référence] (Après cela, vous pouvez voir le même logo apparaître devant le calque).

3. Je sélectionne [Sélection automatique] > [Se référer uniquement au calque d'édition] > [Propriété de l'outil] Je coche ''Référence multiple'' > et je choisis ''Calque de référence'' (Ce réglage, où que vous utilisiez cet outil, tout sera basé sur le calque de référence)

4. Une fois le réglage en place, j'ai créé un [Nouveau calque] pour être mon calque de couleur.

5. J'ai utilisé [Se référer uniquement au calque d'édition] > cliqué à l'extérieur du bâtiment et la zone de sélection apparaîtra sur le canevas.

6. Vous pouvez voir le mini-menu qui apparaît en bas de la sélection. Je clique sur [Inverser la zone sélectionnée] et vous pouvez voir la zone sélectionnée s'inverser vers l'espace à l'intérieur du bâtiment.

7. Après cela, je choisis la couleur que je veux pour ma couleur de base. > Ensuite, je clique sur [Remplir] dans le mini-menu pour remplir la zone avec ma couleur choisie.

J'ai créé un [Nouveau calque] et défini le paramètre de calque sur [Masquer sur le calque inférieur] au-dessus du calque de couleur de base, en préparation du processus suivant.

Après cela, j'ai peint la couleur plus foncée sur le bâtiment. Dans ce processus d'ajout d'ombre, j'essaie d'imaginer d'où viendra la direction de la lumière et à quoi ressemblera l'ombre propre.

Le plus souvent, j'ai peint la majeure partie dont je suis sûr qu'elle sera couverte d'ombre.

Ensuite, je crée un [Nouveau calque] afin d'ajouter des détails à mon bâtiment tels que des panneaux de pierre, des ossatures en bois.

J'ai continué à peindre ces parties sur le reste du bâtiment. Vous pouvez voir la différence avant cela, ce processus donne un aspect significatif à mon bâtiment.

Même si j'ai masqué le calque de Line art, vous pouvez toujours deviner à quoi ressemblera la forme du bâtiment. Grâce à l'ombre propre.

Enfin, je suis arrivé au processus final. Après avoir ajouté de l'ombre à toutes les parties cachées du bâtiment, j'utiliserai [Aérographe] > [Doux] pour rendre certaines parties de mon bâtiment plus sombres avec cet aérographe.

J'ai créé un nouveau calque au-dessus du calque ''ombre propre'' et j'ai réglé les paramètres de ce calque sur [Masquer sur le calque inférieur].

Une fois les réglages du calque terminés, je commence à peindre les parties les plus sombres du bâtiment ou les parties très profondes cachées de la lumière avec une couleur plus foncée que la couleur de l'ombre propre.

 

Vous pouvez voir le changement dans cette image GIF ci-dessous.

Mot de l'auteur

Merci beaucoup d'avoir lu ce tutoriel ! Quand je travaillais sur ce tutoriel, je ne m'attendais pas à ce qu'il soit aussi long lol, merci d'avoir pris le temps de lire mon tutoriel !

J'espère que ce tutoriel vous aide à comprendre comment fonctionne un dessin isométrique.

 

Si vous avez des questions, n'hésitez pas à laisser un commentaire ci-dessous, à bientôt pour le prochain tutoriel !