Introduction et version vidéo

Ce tutoriel expliquera comment utiliser les nouveaux outils d'alignement et de distribution ajoutés dans Clip Studio Paint version 2.0 - puis utiliser le résultat dans un dessin en perspective !

 

Voici l'astuce en vidéo. Si vous préférez le texte, vous le trouverez ci-dessous !

J'ai travaillé sur cette illustration en perspective à 3 points de fuite représentant un ensemble de gratte-ciel, et je vais vous montrer comment ajouter facilement des fenêtres comme celles-ci !

Créer un fichier pour la grille de fenêtres

Pour commencer, je vais créer un nouveau fichier de 1200 pixels de large sur 2400 pixels de haut.

Le nouveau fichier aura un calque raster par défaut, mais je vais le supprimer en le sélectionnant et en appuyant sur l'icône de la corbeille.

 

Ensuite, je vais créer un nouveau calque vectoriel. Les calques vectoriels sont indiqués par l'icône en forme de cube sur le calque.

 

Les calques vectoriels sont excellents pour le lineart car vous pouvez les redimensionner sans vous soucier de perdre en qualité d'image !

Étant donné que ma scène est une vue plongeante, je n'ai pas besoin de fenêtres détaillées, de simples rectangles feront l'affaire.

Allez à l'outil Figure et sélectionnez le sous-outil Rectangle.

 

Remarque : Comme pour tous les outils, l'icône de l'outil Figure peut être différente selon le sous-outil sélectionné.

En utilisant une taille de pinceau de 4, je vais dessiner un petit rectangle pour représenter une fenêtre.

Dupliquer des objets vectoriels sur le même calque

Allez à l'outil Opération et assurez-vous que le sous-outil Objet est le sous-outil actuel.

 

Sélectionnez l'objet vectoriel. Notez que vous devez cliquer directement sur la ligne. Vous saurez que l'objet vectoriel est sélectionné lorsqu'il aura à la fois une boîte bleue autour et une sélection orange sur le rectangle lui-même.

Allez dans le menu Édition et sélectionnez Copier. Ensuite, allez dans le menu Édition et sélectionnez Coller. Cela dupliquera la fenêtre sur ce même calque vectoriel, par-dessus l'originale.

 

Remarque : Ctrl C (⌘Cmd C sur Mac) est le raccourci pour Copier, et Ctrl V (⌘Cmd V sur Mac) est le raccourci pour Coller.

À l'aide du sous-outil Objet, faites glisser la fenêtre nouvellement créée sur le côté. Ne vous inquiétez pas de l'alignement, nous y viendrons dans un instant.

 

Lors du glissement, il est conseillé de positionner votre curseur près de la boîte englobante bleue jusqu'à ce que l'icône de déplacement apparaisse (comme vous pouvez le voir dans l'animation ci-dessus). Ensuite, vous pouvez cliquer et déplacer l'objet. Si vous essayez de cliquer et de faire glisser directement l'objet vectoriel, vous pourriez accidentellement faire glisser l'un des points de contrôle, ce qui modifierait votre forme à la place !

Continuez à coller d'autres fenêtres jusqu'à obtenir une ligne d'au moins dix - autant de fenêtres que vous le souhaitez sur la façade de votre bâtiment.

Sélectionner plusieurs objets sur un calque vectoriel

Maintenant, sélectionnez-les tous. Il est possible de le faire en maintenant la touche Shift enfoncée et en cliquant sur chacun, mais il existe un moyen plus simple !

Dans le sous-outil Objet, cliquez sur le menu déroulant "Opération de la partie transparente". Cochez la case "Sélectionner la zone en faisant glisser", et assurez-vous que l'option en dessous est définie sur "Objets de ce calque".

Aligner et distribuer les fenêtres

Allez dans la palette Aligner/Distribuer. Si vous ne la voyez pas à l'écran, cliquez sur le menu Fenêtre et sélectionnez Aligner/Distribuer dans la liste.

Pour aligner toutes les fenêtres sur la même ligne horizontale, cliquez sur Aligner les centres verticaux.

Pour espacer les fenêtres d'une distance égale les unes des autres, cliquez sur Distribuer l'espacement horizontal.

 

Mais que faire si vous souhaitez un espacement différent entre elles ?

Par défaut, elles seront espacées uniformément entre celles de chaque extrémité.

 

Donc, si vous voulez un espacement plus large, déplacez-en une et distribuez, ou si vous voulez un espacement plus étroit, déplacez-les plus près les unes des autres.

 

Il existe plusieurs options supplémentaires pour aligner et distribuer des objets, même s'ils ont des formes et des tailles différentes. Le tutoriel officiel de Clip Studio en donne un excellent aperçu ! Voici le lien :

Je souhaite centrer cet ensemble d'objets sur la toile. Si j'essaie de cliquer sur Aligner les centres horizontaux avec chaque objet individuel sélectionné, ils se mélangent les uns sur les autres.

Vous pouvez, cependant, utiliser l'outil d'alignement sur le calque entier et il traite tout ce qui se trouve à l'intérieur du calque comme un seul objet. Cliquez sur le calque pour le sélectionner, puis cliquez sur Aligner les centres horizontaux.

 

Conseil : Cela fonctionne également avec les dossiers. Sélectionnez un dossier, et tous les calques qu'il contient peuvent être alignés comme s'ils étaient un seul objet.

Ensuite, je veux répéter cette rangée de fenêtres verticalement.

Cliquez droit sur le calque et sélectionnez Dupliquer le calque.

 

Conseil : Ou utilisez les raccourcis Copier et Coller que j'ai mentionnés précédemment (Ctrl C et Ctrl V) pour dupliquer les calques plus rapidement.

 

Répétez cela jusqu'à obtenir un grand nombre de calques, au moins 20. Les gratte-ciel sont hauts ! J'en fais 30 rangées pour celui-ci.

Maintenant, j'ai tous ces calques empilés les uns sur les autres. Cette fois, je veux les distribuer de haut en bas sur toute la toile.

 

Dans la palette Aligner/Distribuer, changez la Base d'alignement en Toile.

Sélectionnez tous les calques en cliquant sur le premier, en maintenant la touche Shift enfoncée, et en cliquant sur le dernier.

 

Ensuite, dans la palette Aligner/Distribuer, cliquez sur Distribuer l'espacement vertical.

Enfin, avec tous les calques toujours sélectionnés, faites un clic droit sur l'un d'eux et choisissez Fusionner les calques sélectionnés. Ils fusionneront tous en un seul calque vectoriel.

 

C'est le bon moment pour renommer le calque. J'ai simplement appelé le mien : "Fenêtres"

Copier le calque de fenêtres dans votre illustration

Assurez-vous que le calque est toujours sélectionné, puis allez dans le menu Édition et choisissez Copier.

Ensuite, ouvrez l'illustration à laquelle vous souhaitez ajouter les fenêtres. (Fichier -> Ouvrir)

 

Sélectionnez le calque juste en dessous de l'emplacement où vous souhaitez que le calque de fenêtres soit placé.

Allez dans le menu Édition et choisissez Coller.

Le calque vectoriel Fenêtres apparaît maintenant au-dessus du calque que j'avais sélectionné.

 

Les fenêtres semblent petites, mais comme elles sont sur un calque vectoriel, elles peuvent être redimensionnées aussi grandes ou petites que nécessaire.

Transformer la grille pour l'adapter à l'illustration

Allez dans le menu Édition, survolez Transformer, et choisissez Transformation libre.

Déplacez le calque des fenêtres vers le bâtiment.

 

Faites glisser les points de contrôle à chaque coin de la boîte englobante de sorte que les fenêtres couvrent le côté du bâtiment, en suivant les lignes de perspective existantes.

 

Ne cliquez pas encore sur OK - il y a un autre paramètre que nous voulons examiner.

Assurez-vous que "Modifier la largeur vectorielle" est coché. Comme vous pouvez le voir dans l'animation, lorsque cette option est cochée, les lignes proches deviennent plus épaisses et les lignes éloignées deviennent plus fines.

 

Vous pouvez maintenant cliquer sur OK pour confirmer la transformation.

Nettoyage et finalisation du Lineart

Comme il s'agit toujours d'un calque vectoriel, je peux également utiliser l'outil Objet pour sélectionner quelques fenêtres à supprimer à mesure qu'elles deviennent moins visibles au loin. Je clique simplement pour les sélectionner, puis j'appuie sur la touche Suppr de mon clavier.

 

Les fenêtres des gratte-ciel se présentent sous toutes les tailles et configurations. N'hésitez pas à consulter de nombreuses photos de référence pour avoir des idées !

 

Je vais créer les fenêtres pour le reste des principaux gratte-ciel de ma scène en utilisant exactement la même technique.

 

N'oubliez pas que les bâtiments plus éloignés auront moins de détails.

Et voici le résultat de mon lineart !

Conclusion

Les nouveaux outils d'alignement et de distribution sont excellents pour les dessins 2D, les designs et les motifs, mais j'ai pensé qu'il serait amusant d'explorer comment ils pourraient être utilisés également pour l'art en perspective 3D. J'espère que cette astuce vous a été utile !

 

Si vous aimez mes tutoriels, suivez-moi ici sur Clip Studio Tips ou abonnez-vous à ma chaîne YouTube. N'hésitez pas à me taguer @MsRedNebula sur Twitter ou Instagram et à me montrer toute œuvre d'art que vous avez créée en utilisant cette astuce !