Strumento di selezione Parte 2: Padroneggiare la barra di controllo e il pannello Trasforma

Introduzione

Questa continuazione della nostra serie dedicata agli strumenti di selezione approfondisce la barra di controllo e il suo compagno più preciso: il pannello Trasforma. Imparerete come applicare modifiche numeriche ed esatte a dimensioni, rotazione, posizione, inclinazione e visibilità, in modo che i vostri loghi, icone e layout si adattino perfettamente al posto giusto.

Panoramica della barra di controllo

La barra di controllo (sul lato destro nella versione desktop, in basso nella versione mobile) si adatta allo strumento attivo. Con lo strumento di selezione attivo, vedrete:

Trasforma: dimensioni esatte, regolazione dell'angolo, posizione, inclinazione, visibilità.
Oggetto: ordine dei livelli, raggruppa/separazione, capovolgi, maschera di ritaglio.
Allinea: allinea alla tela o a un oggetto di destinazione.
Disponi: spaziatura lineare o layout a griglia.

I pannelli comuni (disponibili in tutti gli strumenti) includono Booleano, Tratto, Ombra, Livelli, Impostazioni, Documento ed Esporta.

Pannello Trasforma: controlli di precisione

Utilizza il pannello Trasforma per apportare modifiche numeriche esatte alla selezione:

Blocca (lucchetto): quando è bloccato, modificando la Larghezza si aggiorna proporzionalmente l'Altezza (e viceversa). Sblocca per impostare liberamente ciascuna dimensione.
Larghezza e altezza: digita i valori esatti per ottenere dimensioni perfette al pixel. Combina con il blocco per il ridimensionamento proporzionale.
Rotazione: Vector Ink tratta l'angolo memorizzato dell'oggetto come azzerato al rilascio. Utilizza il campo per spostare leggermente o applicare un delta esatto (ad esempio, inserisci 90 per ruotare di 90°). Il campo torna successivamente a 0 per impostazione predefinita.
Posizione (X, Y): coordinate relative al documento. Impostare X=0 per agganciare al bordo sinistro, Y=0 al bordo superiore. Le frecce consentono di spostare l'oggetto con incrementi di 10 pixel.
Inclinazione: applica un'inclinazione orizzontale/verticale tramite le frecce di incremento. Come la rotazione, l'inclinazione viene applicata come delta (non tracciata in modo permanente come angolo live).
Visibilità: imposta l'opacità da 0 (nascosto) a 1 (completamente visibile) per mettere rapidamente a fuoco e rivelare i flussi di lavoro.

Ricette rapide

Ridimensiona un logo in modo proporzionale: blocca il lucchetto → imposta la Larghezza esatta (ad esempio, 512) → l'Altezza si aggiorna automaticamente.
Ruotare di un valore esatto: in Rotazione, inserire 45 (o utilizzare le frecce) → la rotazione viene applicata; il campo si reimposta su 0 (comportamento previsto).
Aggancia ai bordi della tela: imposta X=0 per il bordo sinistro, Y=0 per quello superiore. Combina con il pannello Allinea per il centraggio finale.
Crea un leggero effetto corsivo: applica piccoli incrementi di Inclinazione (ad esempio, alcuni tocchi) per inclinare il testo o le forme in modo uniforme.
Modifica mirata di un livello: imposta temporaneamente la Visibilità degli oggetti vicini su 0,2-0,4 mentre modifichi l'elemento principale, quindi ripristina il valore 1.

Suggerimenti e trucchi professionali

L'azzeramento della rotazione è intenzionale: tratta il campo come un controllo "ruota di". Hai bisogno di precisione nel punto di rotazione? Imposta prima un Ancoraggio (menu azioni dello strumento di selezione), quindi ruota.
Griglie pixel perfette: usa gli incrementi di Posizione (spostamenti di 10 px) per posizionare rapidamente righe/colonne; termina con Disponi → Griglia.
Proporzioni instabili? Assicurati che il lucchetto sia attivato oppure utilizza l'azione Limita dello strumento di selezione mentre trascini.
Inclinazione per la prospettiva: una leggera inclinazione + piccole rotazioni possono simulare la prospettiva su schede UI piatte o badge senza effetti complessi.

Esercizio di 2 minuti

Disegna un rettangolo. In Trasforma, blocca le proporzioni e imposta W=320. Inserisci 15 in Rotazione.
Imposta X=0, Y=0 per agganciare in alto a sinistra, quindi sposta due volte le frecce X/Y per compensare di 20 px.
Applica due tocchi di Inclinazione orizzontale per ottenere una leggera inclinazione, quindi imposta Visibilità su 0,8 per visualizzare l'anteprima su un layout complesso.

Progettare con i numeri, non con supposizioni

Abbina il pannello Trasforma alle funzioni Selezione target, Allinea e Ancoraggio dello strumento Selezione per creare sistemi puliti e ripetibili. Sei pronto a provarlo su un progetto reale? Apri Vector Ink e crea il tuo prossimo logo o layout dell'interfaccia utente con un controllo numerico preciso.Related