Introduction

Bienvenue dans un autre tutoriel ! Comme vous l'avez peut-être remarqué, Clip Studio Paint a récemment été mis à jour vers la version 2.0 ! Avec cela, toute une série de nouvelles fonctionnalités ont été supprimées.

 

L'une des fonctionnalités qui m'a le plus enthousiasmé était la fonctionnalité Aligner/Distribuer, et aujourd'hui nous verrons comment cela fonctionne et quand il peut être avantageux de l'utiliser !

 

Comme d'habitude, veuillez trouver une version vidéo du tutoriel ci-dessous :

Fonctionnement de l'alignement et de la distribution

Tout d'abord, si vous ne voyez pas encore la fenêtre, vous pouvez l'ouvrir à partir de l'option de menu Fenêtre > Aligner/Distribuer.

Ensuite, regardons ce que font tous ces boutons.

Vous pouvez passer la souris sur chaque bouton et obtenir une bonne description de ce qu'il représente.

 

Tout d'abord, vous pouvez sélectionner les fonctions Aligner et Distribuer. Vous pouvez aligner les bords gauches, le centre horizontal, les bords droits, les bords supérieurs, le centre vertical ou les bords inférieurs. De même, vous pouvez distribuer des éléments de la même manière.

 

Le fonctionnement de ces fonctionnalités dépend de la "Base d'alignement" que vous avez choisie. Ce paramètre détermine dans quel espace les éléments seront alignés ou distribués.

 

La première option est "Objet d'alignement". Cela signifie que les objets sont alignés dans l'espace actuellement occupé par eux. Une chose que vous devez garder à l'esprit avec cette option uniquement est que l'espace occupé par les objets est rafraîchi CHAQUE fois que la position des objets change. Ainsi, par exemple, si les quatre objets sont situés dans chaque coin de votre canevas et que vous alignez leur bord supérieur, la prochaine fois que vous voudrez les disposer, une zone beaucoup plus étroite plutôt que l'ensemble du canevas sera utilisée pour calculer le alignement.

La prochaine étape est "Toile". Les objets sont alignés dans l'ensemble de votre canevas.

 

Avec la "Zone de sélection", les objets sont alignés dans une sélection que vous avez effectuée.

 

« Guide » fait référence aux directives que vous avez peut-être créées. (Vous pouvez créer des repères soit en utilisant l'outil Règle, soit en activant l'option "Barre de règle" dans le menu Affichage et en faisant glisser et en déposant une règle depuis la barre.) Si plusieurs repères sont présents, un seul objet ou calque s'alignera toujours à la ligne directrice la plus proche, alors que dans le cas de plusieurs objets ou calques, ils s'aligneront sur la ligne directrice dont le plus grand nombre d'objets est le plus proche.

 

Enfin, "Auto" choisit automatiquement l'option précédente la plus logique en fonction de votre sélection. Si vous avez sélectionné plusieurs calques, "Objet d'alignement" est choisi. Si vous avez une sélection active, "Zone de sélection" est choisi. Si vous avez des guides actifs, "Guide" est choisi. Si aucune de ces options ne s'applique, "Canevas" est choisi.

Il existe également une option "Répartir uniformément" qui garantit qu'il y a toujours exactement le même espace entre les éléments ! Si vous alignez des objets de taille similaire, vous ne remarquerez peut-être pas une grande différence (ou pas du tout) par rapport à l'utilisation des fonctionnalités de "distribution horizontale/verticale du centre".

 

Si les objets sont dimensionnés différemment, cependant, vous commencerez à voir une différence. Lors d'une répartition uniforme, l'espace est calculé en fonction des bords des objets.

Lors de la distribution du centre horizontal, l'espace est calculé en fonction du centre horizontal des objets.

 

Enfin, il existe deux options de basculement.

 

Vous pouvez choisir "Aligner sur les pixels du texte", ce qui signifie que si vous avez un cadre de texte tiré vers le haut, le cadre sera ignoré et seul le texte réel sera utilisé. Cela peut être une option subtile, mais faites attention au cadre entourant le texte ici et à la façon dont il se différencie lorsque l'option est activée ou désactivée.

Vous pouvez également choisir "Aligner sur les chemins vectoriels", ce qui signifie que les points vectoriels réels sont alignés plutôt que la forme réelle. Regardons ce dessin - vous pouvez voir que si je choisis l'option de base d'alignement "Toile" avec "Aligner sur les chemins vectoriels" activé, le bord du dessin est coupé. En effet, les chemins vectoriels sont alignés sur le bord du canevas, plutôt que sur la forme de la ligne tracée par le chemin vectoriel.

Lors de l'affichage des chemins vectoriels d'une sélection, il devient clair que les chemins étaient alignés sur le bord du canevas :

Trois cas d'utilisation

Alors maintenant, vous savez comment fonctionne la fonctionnalité !

 

Mais pourquoi étais-je excité à ce sujet? Quels sont les cas d'utilisation pour cela ?

 

Voici trois raisons pour lesquelles j'étais excité à ce sujet:

#1 : C'est génial pour réorganiser les panneaux de bandes dessinées !

Disons que je veux réorganiser une page de bande dessinée dans un format de défilement Webtoon. Je commence par copier tous les panneaux d'un fichier de la taille d'une page dans un fichier de la taille d'un webtoon. Auparavant, je devais déplacer chaque panneau individuellement après les avoir tous copiés.

Cependant, je peux maintenant simplement sélectionner tous les panneaux, utiliser la base d'alignement "Toile", aligner les centres horizontaux de tous les panneaux, puis répartir leur espacement vertical uniformément sur la toile.

Bien sûr, il peut être bon de changer l'espacement entre les panneaux pour des raisons dramatiques (plus à ce sujet dans mes autres tutoriels "Créer des bandes dessinées pour l'impression et le Webtoon" et "8 techniques pour les transitions de scène dans les Webtoons"). Cependant, la nouvelle fonctionnalité est toujours un énorme gain de temps quand il s'agit de ce genre de tâche !

#2 : C'est super pour créer des line-ups de personnages !

Dans cet exemple, je veux transformer cette affiche en une composition de personnages que je peux utiliser comme référence.

Je fusionne les calques de tous les caractères, puis les copie dans un nouveau document. Maintenant, je distribue leurs centres horizontaux et j'aligne leurs bords inférieurs. Bien sûr, quelques petits ajustements concernant le positionnement restent à faire, mais 90% du travail a déjà été fait pour moi en quelques clics !

Ensuite, je veux créer un style d'arrière-plan de police. Je crée un calque de ligne unique, puis le copie plusieurs fois. Je déplace la dernière ligne à la hauteur souhaitée. Ensuite, à l'aide de la base d'alignement "Objet d'alignement", je répartis uniformément l'espacement vertical. Enfin, je crée également un texte indiquant le nom de chaque personnage. Pour m'assurer que tout est placé à la même hauteur, j'utilise l'outil "Aligner le centre vertical". Je l'aligne également au centre de chaque caractère en sélectionnant le texte et le caractère correspondant, et en utilisant l'option "Aligner le centre horizontal".

#3 : C'est super pour exporter des icônes !

J'ai décidé d'utiliser toutes ces illustrations ici sous forme d'icônes. Pour ce faire, je devrais m'assurer que les images sont toutes de taille égale. Avec la nouvelle fonctionnalité Aligner, nous pouvons le faire extrêmement rapidement. Je sélectionne tous les calques et dossiers, puis j'aligne tout au centre de la toile à la fois horizontalement et verticalement. Ensuite, je peux utiliser la fonction "Modifier la taille du canevas" pour recadrer grossièrement le canevas en un carré pair contenant tous les éléments. Une fois cela fait, j'aligne à nouveau le tout au centre de la toile.

Maintenant, je peux basculer la visibilité de chaque calque et tout exporter à une taille uniforme. Vous pouvez également utiliser "Spécifier la taille de sortie" dans la fenêtre "Paramètres d'exportation" pour correspondre à toutes les exigences de taille d'image que vos icônes peuvent avoir.

Trucs et astuces

Avant de terminer cette vidéo, je tiens à souligner quelques trucs et astuces ! Les outils peuvent sembler assez simples, mais il y a quelques points que vous devez garder à l'esprit.

Utilisation de rectangles comme lignes directrices

Bien que vous ne puissiez pas aligner/distribuer les guides eux-mêmes, vous pouvez créer des rectangles et les distribuer, puis aligner vos objets réels sur ces rectangles, en les utilisant comme vous utiliseriez un guide.

Utilisation du bon ordre

En particulier lors de l'utilisation de la méthode du guide rectangle, il peut être important de garder à l'esprit le bon ordre d'utilisation de la fonction Aligner ! Ce que je veux dire par là, c'est que si vous voulez aligner des objets sur le rectangle avec la base "Objet d'alignement" et les fonctionnalités "Aligner sur le centre vertical/horizontal", mais que vos objets sont partout, la forme d'alignement sera calculée en fonction sur ça plutôt que sur le rectangle ! Alors, alignez d'abord tout sur le bord du rectangle, plutôt que sur le centre. Choisissez le bord du rectangle dont l'objet est le plus éloigné. Maintenant, à moins que des objets ne soient plus larges que le rectangle, le centre de la base "Objet d'alignement" sera le rectangle, et vous pouvez vous aligner sur le centre, sans que le rectangle lui-même ne soit déplacé !

Une erreur courante

N'oubliez pas que s'il reste de petits éléments à peine perceptibles sur votre calque, ils seront inclus lors du calcul des valeurs d'alignement/distribution. Si quelque chose ne va pas, assurez-vous qu'aucune instance de ce type n'est présente sur votre couche.

Dossiers vs Calques

Une chose à garder à l'esprit lors de l'alignement des objets est que si vous sélectionnez plusieurs calques dans un dossier, ces calques seront organisés, plutôt que le dossier lui-même. Uniquement si vous sélectionnez activement le dossier sans sélectionner les calques qu'il contient, tous les calques du dossier restent regroupés lors de l'utilisation de la fonction d'alignement/distribution.

Plusieurs objets vectoriels sur un seul calque

Il convient de noter que la fonction Aligner/Distribuer fonctionne avec plusieurs lignes vectorielles sur un seul calque. Cela peut être utile dans les cas où vous avez des dessins à une seule ligne que vous souhaitez réorganiser, comme quelque chose comme ça...

... mais cela peut aussi être un obstacle si vous avez des dessins multilignes que vous souhaitez réorganiser, comme ceci :

Cependant, dans ce dernier cas, extrayez simplement les éléments que vous souhaitez séparer en différents calques (par exemple, en utilisant l'outil "Objet", en cliquant et en faisant glisser pour sélectionner des lignes spécifiques, puis en les coupant, en créant un nouveau calque Vecteur et en collant Là-bas). Si vous faites cela, puis sélectionnez les calques, vous pouvez toujours utiliser la fonction Aligner/Distribuer comme prévu.

Alignement d'objets 3D

Une chose que vous vous demandez peut-être - est-ce que cela fonctionne avec des objets 3D ? Malheureusement, ce n'est pas le cas (pour le moment, en tout cas). Cependant, vous pouvez toujours utiliser des calques normaux et les aligner/distribuer selon vos souhaits, créant ainsi une référence pour l'espacement des objets 3D !

Merci!

C'est à peu près tout ce que je pouvais penser à dire sur la merveilleuse nouvelle fonctionnalité Aligner/Distribuer. Pourquoi avez-vous utilisé l'outil ? Cette vidéo vous a-t-elle donné de nouvelles idées sur la façon de l'utiliser ? Faites-moi savoir dans les commentaires! Et comme toujours - si vous avez des questions, n'hésitez pas à les poser et je me ferai un plaisir de vous répondre !