Outil de sélection Partie 2 : Maîtriser la barre de contrôle et le panneau de transformation

Introduction

Cette suite de notre série sur les outils de sélection se penche sur la barre de contrôle et son compagnon le plus précis, le panneau de transformation. Vous apprendrez à appliquer des modifications numériques et exactes pour la taille, la rotation, la position, l'inclinaison et la visibilité afin que vos logos, icônes et mises en page se mettent en place en toute confiance.

Vue d'ensemble de la barre de contrôle

La barre de contrôle (côté droit sur le bureau, en bas sur les téléphones) s'adapte à l'outil actif. Avec l'outil de sélection actif, vous verrez :

Transformation : taille exacte, angles, position, inclinaison, visibilité.
Objet : ordre des calques, groupe/dégroupement, retournement, masque de clip.
Aligner : aligner sur le canevas ou sur un objet cible.
Arrange : espacement linéaire ou disposition en grille.

Les panneaux communs (disponibles dans tous les outils) comprennent Booléen, Trait, Ombre, Couches, Réglages, Document et Exportation.

Panneau de transformation : Contrôles de précision

Utilisez le panneau Transformation pour effectuer des éditions numériques précises sur votre sélection:

Verrouillage (cadenas) : Lorsqu'il est verrouillé, la modification de la Largeur met à jour la Hauteur proportionnellement (et vice versa). Déverrouillez pour définir librement chaque dimension.
Largeur et hauteur : Saisissez des valeurs exactes pour un dimensionnement au pixel près. Combinez avec le verrou pour une mise à l'échelle proportionnelle.
Rotation : L'encre vectorielle traite l'angle stocké de l'objet comme étant nul au moment de la chute. Utilisez le champ pour fléchir ou appliquer un delta exact (par exemple, entrez 90 pour effectuer une rotation de 90°). Le champ revient à 0 par la suite, comme prévu.
Position (X, Y) : Coordonnées relatives au document. Définissez X=0 pour vous aligner sur le bord gauche, Y=0 pour vous aligner sur le bord supérieur. Les flèches contrôlent l'inclinaison par incréments de 10 pixels.
Skew : Appliquer l'inclinaison horizontale/verticale à l'aide de flèches d'incrémentation. Comme pour la rotation, l'inclinaison est appliquée sous forme de delta (elle n'est pas suivie en permanence comme un angle réel).
Visibilité : réglez l'opacité de 0 (caché) à 1 (entièrement visible) pour des flux de travail de mise au point et de révélation rapides.

Recettes rapides

Mettre un logo à l'échelle proportionnellement : Verrouillez le cadenas → définissez la Largeur exacte (par exemple, 512) → la hauteur se met à jour automatiquement.
Rotation par une valeur exacte : dans Rotation, entrez 45 (ou utilisez les flèches) → la rotation s'applique ; le champ est réinitialisé à 0 (comportement attendu).
Accrocher aux bords de la toile : Définissez X=0 pour le bord gauche, Y=0 pour le bord supérieur. Combinez avec le panneau Align pour le centrage final.
Créer un effet italique subtil : Appliquez de petits incréments de Skew (par exemple, quelques taps) pour incliner le texte ou les formes de manière cohérente.
Mise au point sur un calque : définissez temporairement la Visibilité des objets voisins sur 0,2-0,4 pendant que vous ajustez l'élément héros, puis rétablissez-la sur 1.

Conseils et astuces

La remise à zéro de la rotation est intentionnelle : traitez le champ comme une commande de "rotation par". Vous avez besoin d'une précision de pivot ? Définissez d'abord une Anchor (menu d'action de l'outil de sélection), puis effectuez une rotation.
Grilles parfaites au pixel près : Utilisez les incréments de Position (10 px) pour mettre rapidement les lignes/colonnes en place ; terminez avec Arrange → Grille.
Les proportions dérivent? Assurez-vous que le padlock est engagé, ou utilisez l'action Constrain de l'outil de sélection pendant que vous faites glisser.
L'inclinaison pour la perspective : Une légère inclinaison + des deltas de rotation mineurs peuvent simuler la perspective sur des cartes ou des badges d'interface utilisateur plats sans effets complexes.

Exercice en 2 minutes

Dessinez un rectangle. Dans Transform, verrouillez les proportions et définissez L=320. Entrez 15 dans Rotation.
Sélectionnez X=0, Y=0 pour l'ancrage en haut à gauche, puis appuyez deux fois sur les flèches X/Y pour décaler de 20 px.
Appliquez deux taps de Skew horizontal pour une inclinaison subtile, puis réglez Visibility sur 0.8 pour prévisualiser sur une mise en page chargée.

Concevoir avec des chiffres, pas des devinettes

Associez le panneau Transformation aux fonctions Sélection cible, Alignement et Ancrage de l'outil de sélection pour créer des systèmes propres et reproductibles. Prêt à l'essayer sur un projet réel ? Ouvrez Vector Ink et composez votre prochain logo ou votre prochaine présentation d'interface utilisateur avec un contrôle numérique précis.