Une création bien rangée paraît plus professionnelle, et les clients lui font davantage confiance. Ce guide vous montre comment aligner des éléments, les espacer uniformément, ordonner une rangée ou une colonne, et retourner un seul élément dans le Design Studio. Il s’adresse à toute personne qui construit ou modifie un modèle de produit et veut un placement net et délibéré plutôt qu’à l’œil.
Aligner des éléments
L’alignement place au moins deux éléments le long d’un bord ou d’un centre commun. Choisissez l’une des six options : aligner à gauche, centrer horizontalement, aligner à droite, aligner en haut, centrer verticalement ou aligner en bas.
Vous accédez aux contrôles d’alignement à trois endroits : le panneau Propriétés dans la barre latérale, la liste Aligner dans la barre d’outils flottante au-dessus du canevas, et le menu du clic droit sur le canevas. Ils font tous la même chose : utilisez celui qui est le plus proche.
Sélectionner au moins deux éléments
Cliquez sur le premier élément. Puis cliquez avec Maj sur chacun des autres que vous voulez inclure. Vous pouvez aussi tracer un cadre de sélection sur le canevas pour en saisir plusieurs d’un coup. L’alignement nécessite au moins deux éléments sélectionnés.
Ouvrir les contrôles d'alignement
Dès que deux éléments ou plus sont sélectionnés, les contrôles d’alignement apparaissent dans le panneau Propriétés. Ils se trouvent aussi derrière la liste Aligner de la barre d’outils flottante, et dans le menu du clic droit sur le canevas.
Choisir un bord ou un centre
Choisissez aligner à gauche, à droite, en haut ou en bas pour caler les éléments sur ce bord commun. Choisissez centrer horizontalement ou centrer verticalement pour les aligner sur un centre commun. Les éléments se placent d’un coup.
Répartir et ranger
La répartition étale les éléments pour que les écarts entre eux soient égaux. C’est utile quand vous avez placé plusieurs éléments approximativement et voulez un espacement net et uniforme.
Il y a deux façons de répartir :
- Égaliser les écarts. Cela nécessite au moins trois éléments. Les deux éléments extrêmes restent en place et tout ce qui est entre eux est espacé pour que chaque écart soit identique. Dans le menu du clic droit, ce sont Répartir horizontalement et Répartir verticalement.
- Définir un espacement exact. Cliquez sur le chevron à côté d’un bouton de répartition pour ouvrir la fenêtre d’espacement personnalisé. Saisissez un écart en pixels, et les éléments s’alignent avec exactement cette distance entre eux. Cela fonctionne avec au moins deux éléments : vous pouvez donc l’utiliser même quand l’égalisation n’est pas disponible.
Répartir uniformément
Sélectionnez au moins trois éléments, puis choisissez répartir horizontalement ou verticalement. Les écarts entre eux deviennent égaux.
Ou définir un écart personnalisé
Cliquez sur le chevron à côté d’un bouton de répartition. Saisissez l’espacement exact en pixels voulu, et les éléments s’espacent en conséquence.
Ranger une rangée ou une colonne
Sélectionnez les éléments et choisissez Ranger. Composerie lit votre sélection comme une rangée ou une colonne, égalise les écarts le long de cet axe principal et centre les éléments sur l’autre axe. C’est une façon de remettre une ligne d’éléments en ordre en un clic.
Pour recentrer toute votre sélection sur le canevas, utilisez Centrer sur la page dans le menu du clic droit. Elle centre la sélection sur le plan de travail sans modifier l’espacement interne.
Repères magnétiques et retournement
Quand vous faites glisser un élément sur le canevas, Composerie affiche des repères pour vous aider à le placer. Vous n’avez rien à cliquer. Les repères apparaissent d’eux-mêmes pendant le déplacement.
Vous verrez trois sortes de repères :
- Les repères de bord violets apparaissent quand un bord ou un centre s’aligne avec un autre élément. Relâchez pendant que le repère est affiché, et l’élément s’aligne par magnétisme.
- Les repères d’espacement en pointillés avec une pastille en pixels indiquent la distance entre des éléments, pour que vous puissiez égaliser les écarts à l’œil.
- Les repères de ligne de base aident à aligner le texte sur sa ligne de base typographique.
Pour retourner un seul élément, faites un clic droit dessus sur le canevas et choisissez Retourner horizontalement ou Retourner verticalement. Cela met l’élément en miroir sur place. Le retournement est disponible pour un seul élément non texte, comme une image ou une forme. Il n’apparaît ni pour du texte ni quand plusieurs éléments sont sélectionnés.
FAQ
Pourquoi les contrôles d'alignement ne s'affichent-ils pas ?
L'alignement nécessite au moins deux éléments. Sélectionnez un deuxième élément avec Maj-clic, et les contrôles apparaissent.
Pourquoi la répartition est-elle grisée ?
La répartition qui égalise les écarts nécessite au moins trois éléments. Avec deux éléments sélectionnés, utilisez plutôt le chevron pour définir un espacement exact.
Où est passée l'option de retournement ?
Le retournement ne s'affiche que pour un seul élément non texte. Il est masqué pour le texte et pour les sélections de plusieurs éléments.
L'alignement et la répartition modifient-ils la création d'un client ?
Non. Ces outils organisent les éléments de votre modèle. Ils ne verrouillent rien pour les clients. Le comportement modifiable par le client se règle séparément.
Suite
Une fois vos éléments placés où vous le voulez, organisez-les et réordonnez-les avec le panneau Calques.