Bonjour à tous ! Dans ce tutoriel, je vais vous montrer comment créer un design de monde de style diorama dans Clip Studio Paint, ainsi que certains des outils et fonctionnalités les plus utiles pour accélérer votre flux de travail.

Téléchargez la grille et la règle isométriques depuis Clip Studio Assets. Cliquez sur le lien ci-dessous ou tapez ces codes dans la barre de recherche 1741219 et 1918439 .

Après le téléchargement, accédez au panneau Matériaux et faites glisser la grille isométrique sur votre toile.

Maintenez Ctrl ou utilisez l'outil Objet pour ajuster la taille de la grille.

Pour rendre la grille moins distrayante, modifiez la couleur de la couche et réduisez son opacité.

.

 

 

Faites glisser la règle isométrique sur votre toile.

Puisqu'il n'y a pas de points de fuite et que toutes les lignes de chaque axe sont parallèles, vous pouvez déplacer la règle en dehors de la toile pour une meilleure visibilité – cela n'affectera pas votre dessin.

Activez la fonction d'aimantation. Cela garantira que vos lignes s'aimantent parfaitement à la règle isométrique.

4 astuces pour dessiner efficacement en vue isométrique

Je recommande fortement de dessiner sur une couche vectorielle car elle vous permet d'utiliser des fonctionnalités exclusives qui accélèrent votre flux de travail.

1. Utilisez les sous-outils "Ligne droite" et "Courbe"

Contrairement à l'outil Plume ou à d'autres outils de pinceau, qui créent plusieurs points de contrôle lorsque vous dessinez, le sous-outil Ligne droite et Courbe ne crée que deux points de contrôle d'une extrémité à l'autre. Cela facilite l'ajustement de la longueur et de la direction de la ligne.

2. Utilisez la gomme vectorielle

Au lieu d'utiliser la gomme normale, la gomme vectorielle peut vous faire gagner beaucoup de temps en supprimant facilement les lignes indésirables.

Par exemple, si vous dessinez quelque chose et que vous devez effacer des lignes en excès, vous pouvez activer la gomme vectorielle et choisir "Effacer jusqu'à l'intersection" pour nettoyer rapidement les lignes.

Si vous souhaitez effacer une ligne entière, passez à "Effacer toute la ligne" et supprimez-la sans affecter les autres lignes.

3. Dupliquez les lignes existantes pour créer des lignes parallèles.

En dessin isométrique, les lignes ne convergent pas vers un point de fuite. Cela signifie que tant que vous dessinez un objet symétrique, les lignes de chaque côté seront toujours parallèles.

Au lieu de redessiner la même ligne à plusieurs reprises, vous pouvez simplement

-Maintenez Ctrl et sélectionnez la ligne que vous souhaitez dupliquer

-Appuyez sur C et V pour copier-coller

-Continuez à maintenir Ctrl et faites glisser la ligne dupliquée vers la position souhaitée.

Cette technique est incroyablement pratique en dessin isométrique

 

 

4. Activez "Aimantation aux points de contrôle"

Avec la dernière mise à jour de Clip Studio Paint 4.0, vous pouvez activer "Aimantation aux points de contrôle" en allant dans Affichage > Aimantation et en cochant l'option.

Si vous maintenez Ctrl ou utilisez l'outil Objet pour sélectionner une ligne, vous pouvez aimanter l'un des points de contrôle aux autres points de contrôle d'une autre ligne.

Avec cette fonction activée et en l'utilisant, vous pouvez connecter les lignes de manière transparente d'une extrémité à l'autre, ce qui facilite la création de lignes claires et précises.

Conception de l'espace

Si vous souhaitez d'abord expérimenter avec des croquis préliminaires, vous pouvez toujours désactiver la fonction d'aimantation et dessiner sur une nouvelle couche de rastérisation ou sur une toile séparée.

Il existe plusieurs façons de dessiner une pièce de diorama isométrique, mais j'aimerais les décomposer en 4 étapes. La première étape est la conception de l'espace, ce qui signifie concevoir le plan du sol et des murs avant de dessiner le contenu.

Lors de la conception d'un plan de sol, évitez d'utiliser une simple boîte ou un plan carré, car c'est le design le plus ennuyeux que vous puissiez créer.

Pour rendre le design intéressant, je vais partager 5 astuces pour créer un espace captivant.

Nous commencerons par un plan de sol carré, puis nous ajouterons des variations pour le rendre visuellement attrayant.

Activez l'aimantation et utilisez l'outil Ligne droite pour dessiner.

Astuce 1. Addition et soustraction

Vous pouvez ajouter ou soustraire des polygones de différentes tailles pour créer des variations.

Astuce 2. Vous pouvez en fait dessiner dans n'importe quelle direction

Toutes les lignes ne doivent pas nécessairement suivre la grille de perspective. Vous pouvez dessiner des lignes dans n'importe quelle direction pour modifier l'angle du plan de sol.

C'est là que la duplication devient utile, car vous devez désactiver l'aimantation à la règle pour dessiner dans une direction.

Pour dessiner une ligne parallèle dans la même direction, maintenez Ctrl, cliquez sur la ligne, appuyez sur C et V pour la dupliquer, puis faites glisser la ligne dupliquée à la position souhaitée.

Ensuite, vous pouvez maintenir Ctrl pour sélectionner la ligne et faire glisser la poignée pour manipuler la longueur. Cela ne fonctionne que si vous utilisez le sous-outil ligne droite pour dessiner, car il n'a que 2 points d'une extrémité à l'autre.

Astuce 3. Différentes formes géométriques

Ne vous limitez pas aux polygones à quatre côtés comme les carrés ou les rectangles.

Expérimentez avec différentes formes géométriques.

Par exemple, ici j'ai ajouté une forme heptagonale.

Vous pouvez également envisager d'utiliser des cercles ou d'autres polygones pour rompre la monotonie.

Astuce 4. Courbes

Vous pouvez essayer des lignes courbes dans la conception d'espace. Je n'ajoute qu'une seule ligne courbe dans ma conception d'espace de pièce isométrique. Si vous dessinez d'autres sujets comme une conception de monde naturel ou une pièce de monstre fantastique, vous pouvez expérimenter avec plus de lignes courbes.

Astuce 5. Ascension et Descension

Vous pouvez ajouter différents niveaux à votre plan de sol. Dans mon exemple, j'ai ajouté un loft avec un escalier et aussi un petit escalier à l'entrée de la porte.

Une fois le plan de sol terminé, tracez des lignes verticales droites à partir des points d'intersection, en les prolongeant vers le haut pour créer le plan mural.

Tout comme pour le plan de sol, vous pouvez appliquer les 5 astuces pour rendre la conception murale intéressante. Par exemple, j'ai donné au mur une forme triangulaire.

Quelle conception d'espace est la plus intéressante maintenant ?

Votre conception d'espace n'a pas besoin d'être aussi complexe que la mienne, mais elle devrait au moins éviter d'être un simple plan de boîte car c'est trop ennuyeux et manque de créativité.

Essayez d'utiliser l'une des cinq astuces que j'ai partagées pour ajouter de la variation et rendre votre conception d'espace plus intéressante.

 

 

Ces cinq astuces de conception sont universellement applicables à tout type de décor de monde – qu'il s'agisse d'une pièce, d'un couloir, d'un environnement naturel ou d'un décor de science-fiction. Tant qu'il s'agit de

conception d'espace, vous pouvez intégrer ces 5 astuces pour créer des résultats visuellement attrayants.

Agencement 2D

Une fois la conception de l'espace terminée, créez une nouvelle couche vectorielle pour commencer à dessiner l'agencement 2D du mobilier et de l'équipement dans l'espace.

Un agencement 2D est essentiellement une vue en plan des objets, montrant leur apparence lorsqu'ils sont vus directement d'en haut.

Exemple de dessin d'une vue en plan

Les meubles de base comme une porte, une armoire, une penderie, une fenêtre, un lit, un bureau, une table sont assez simples et faciles à dessiner puisqu'ils sont principalement de formes rectangulaires.

 

 

Rotation dans l'agencement

Tout comme dans la conception d'un plan de sol, tous les meubles n'ont pas besoin d'être strictement alignés avec la grille isométrique lors du dessin de votre agencement. Faire pivoter quelques meubles peut améliorer l'intérêt visuel et créer une composition plus dynamique.

-Si vous trouvez la grille restrictive, vous pouvez la masquer temporairement pour plus de flexibilité.

-Désactivez les fonctions d'aimantation si vous souhaitez dessiner une vue en plan sous un angle différent.

-Vous pouvez toujours dupliquer des lignes existantes pour créer rapidement des lignes parallèles.

-Vous pouvez également étiqueter chaque meuble sur une nouvelle couche si vous oubliez à quoi sert la vue en plan.

Dans cet exemple, je fais pivoter la vue en plan du PC, de l'armoire et du débarras sous un angle différent.

Une fois l'agencement 2D terminé, nous pouvons vérifier la conception générale et les proportions. Dans mon cas, j'échange la porte et l'escalier avec l'armoire car je n'aime pas la position.

Forme géométrique simple

Une fois l'agencement global dessiné, nous pouvons maintenant extruder la géométrie 2D vers le haut pour ajouter de la profondeur et les transformer en formes géométriques simples.

Tracez des lignes verticales à partir de chaque point d'intersection pour ajouter de la profondeur, les convertissant en formes de base comme des cubes, des rectangles, des cônes et des cylindres.

Nous pouvons également faire de même pour le plan de sol et le plan mural.

Évitez d'ajouter trop de détails à ce stade – gardez tout simple et direct.

 

La clé est d'établir d'abord les bonnes proportions avant d'affiner les détails à l'étape suivante.

 

 

Comment dessiner un escalier avec un espacement égal et précis ?

Pour dessiner des marches d'escalier avec un espacement égal et précis, quelques calculs sont nécessaires.

-Créez une nouvelle couche vectorielle

-Dessinez un cadre latéral en prolongeant un point depuis une extrémité de la surface supérieure et une extrémité de la surface inférieure.

- Comme mentionné précédemment, vous pouvez simplement dupliquer des lignes existantes pour créer des lignes parallèles et faire glisser la ligne dupliquée de l'autre côté de la dimension.

 

 

Ensuite, divisez le carré en deux plusieurs fois. Plus vous le divisez, plus vous créez de marches.

-Dans mon cas, j'ai divisé le carré en deux six fois pour former 16 carrés plus petits dans la partie supérieure droite du carré entier.

Dans un dessin isométrique, nous n'avons pas besoin de diviser le carré entier. Puisqu'il n'y a pas de raccourci dans les dessins isométriques, nous n'avons qu'à bien placer les premières marches, puis nous pouvons simplement les dupliquer pour le reste.

 

 

C'est le tracé de l'escalier.

-Réduisez l'opacité du guide et revenez à la couche vectorielle de dessin.

-Tracez une ligne à partir de chaque point d'intersection et dupliquez le tracé de l'escalier de l'autre côté.

-Une fois les premières marches correctement placées, supprimez la couche de guide.

-Ensuite, dupliquez simplement le tracé de l'escalier pour compléter le reste.

La plupart des meubles, tels que les armoires, les bureaux, les portes, les fenêtres, les escaliers, les moniteurs et les garde-corps, sont simples à dessiner car ce sont déjà des formes géométriques simples en eux-mêmes.

 

 

Une fois que nous avons transformé l'agencement en formes géométriques simples, nous pouvons vérifier la conception générale, les proportions et l'échelle.

 

 

Affinement

Une fois que nous avons complété toutes les formes géométriques de base, nous avons établi une base solide pour l'affinage. Nous pouvons dessiner plus librement à ce stade.

-Désactivez la fonction d'aimantation et la gomme vectorielle

- Utilisez l'outil stylo et l'outil gomme pour dessiner plus librement.

Ajoutez plus de détails sur les formes géométriques simples existantes

Adoucissez les bords durs

-Pour les meubles plus doux comme le canapé et le lit, nous pouvons adoucir les bords durs

Conception de surface

Nous pouvons ajouter des éléments de design, tels que des motifs de carrelage, au plan mural et au plan de sol.

Dans ce cas, je n'ai ajouté que quelques lignes pour le plan mural et le plan de sol.

Ajout de l'épaisseur des lignes

Une fois le dessin terminé, nous pouvons ajouter de l'épaisseur aux lignes.

-Sélectionnez l'icône "Corriger la ligne" située en bas

-Sélectionnez "Ajuster l'épaisseur de ligne"

-Choisissez "Épaissir" pour accentuer la silhouette du dessin.

-Choisissez "Affiner" pour affiner les détails des lignes.

Parfois, nous ne voulons affecter qu'une partie de la ligne.

Par exemple, dans mon cas, je ne veux pas que la ligne à l'intérieur de la silhouette soit affectée.

-Sélectionnez le point de contrôle de l'outil Corriger la ligne

-Sélectionnez "Diviser la ligne"

-Divisez la portion de la ligne que vous ne souhaitez pas affecter.

Re-sélectionnez "Ajuster l'épaisseur de ligne" pour continuer à épaissir la silhouette.

-Choisissez "Affiner" pour affiner les lignes de détail intérieures de l'objet.

Continuez pour le reste

L'importance de la conception de l'espace et de l'agencement 2D

Lequel de ces designs trouvez-vous le plus attrayant visuellement ?

C'est définitivement le second, n'est-ce pas ?

C'est pourquoi une conception d'espace intéressante et un agencement 2D bien pensé sont cruciaux pour créer tout design de monde. Si votre conception d'espace n'est qu'un simple plan carré avec un agencement fixé au même angle, votre dessin de pièce isométrique semblera ennuyeux, monotone, voire répétitif, quel que soit le nombre de détails que vous ajoutez.

Conclusion

Je vous ai déjà guidé à travers l'ensemble du processus et partagé tous les outils et fonctions essentiels dont vous avez besoin pour créer votre design de pièce isométrique de style diorama.

J'espère que ce tutoriel vous a été utile et que vous pourrez appliquer ces techniques à votre propre travail. Merci d'avoir regardé, et passez une excellente journée !

Pour une meilleure compréhension, consultez ma vidéo YouTube où je dessine l'ensemble du processus et explique chaque étape au fur et à mesure. Merci