Guide, griglia e righelli

Gli aiuti all'allineamento ti permettono di posizionare gli oggetti con precisione e di tenere i design di stampa entro margini sicuri. Le guide intelligenti funzionano automaticamente mentre trascini; la griglia e le guide di stampa si attivano quando servono.

Panoramica rapida

1. Trascina un oggetto e le guide intelligenti appaiono da sole, agganciandolo ad altri oggetti, ai loro centri e al centro della tela.
2. Tieni premuto Alt con un oggetto selezionato per vedere le distanze in pixel dai bordi della tela, o da un oggetto sotto il puntatore.
3. Attiva la griglia di pixel dal menu a ingranaggio, dal menu del clic destro sulla tela o dalla sua scorciatoia da tastiera, per sovrapporre le linee di coordinate e i righelli sui bordi.
4. Attiva le guide di stampa su un elemento di stampa (una card o un CV) per mostrare l'area di abbondanza e la zona di sicurezza.
5. Usa i pulsanti di allineamento nel pannello delle proprietà per una precisione con un clic, senza dover trascinare.

Riferimento dettagliato

Guide intelligenti

Le guide intelligenti sono sempre attive e non richiedono alcun interruttore. Mentre trascini un oggetto, l'editor confronta il suo bordo sinistro, il bordo destro, il centro orizzontale, il bordo superiore, il bordo inferiore e il centro verticale con ogni altro oggetto dell'elemento, oltre che con i bordi e il centro della tela.

Comportamento	Descrizione
Aggancio ai bordi	Appare una guida quando un bordo dell'oggetto trascinato si allinea al bordo di un altro oggetto
Aggancio ai centri	Appare una guida quando i centri orizzontali o verticali coincidono
Aggancio alla tela	Le linee del centro orizzontale e verticale della tela sono punti di aggancio (i bordi esterni della tela no)
Spaziatura uguale	Con tre o più oggetti presenti, le guide appaiono anche quando gli spazi tra gli oggetti diventano uguali, così puoi distribuirli a occhio mentre trascini
Soglia di aggancio	Circa 5 px: quando un punto di aggancio si trova a questa distanza da un bersaglio, l'oggetto scatta all'allineamento esatto

Le guide sono disegnate come sottili linee tratteggiate e scompaiono non appena non c'è più alcun allineamento attivo o il trascinamento termina.

Alt per le misure

Seleziona un oggetto e tieni premuto Alt per vedere la distanza in pixel dall'oggetto a ciascun bordo della tela, mostrata come piccole etichette a pillola. Mentre tieni Alt premuto, sposta il puntatore su un altro oggetto e la lettura passa allo spazio tra i due oggetti (oppure, se si sovrappongono, allo scostamento tra i loro centri). Non serve trascinare: la misura appare non appena premi Alt su un oggetto selezionato e sparisce quando rilasci Alt. Usala quando ti serve uno spazio esatto e non solo l'allineamento.

I pulsanti di allineamento

Per allineare senza trascinare, usa i pulsanti nel pannello delle proprietà. Con un solo oggetto selezionato, i sei pulsanti di allineamento si trovano sulla barra Properties e agganciano l'oggetto alla tela. Con più oggetti selezionati, i pulsanti di allineamento e i due pulsanti di distribuzione passano nella scheda Layout e agiscono sugli oggetti l'uno rispetto all'altro.

Pulsante	Richiede	Azione
Allinea a sinistra / centra in orizzontale / allinea a destra	1 o più selezionati	Allineamento orizzontale: alla tela con un oggetto, oppure tra loro con più oggetti
Allinea in alto / centra in verticale / allinea in basso	1 o più selezionati	Allineamento verticale
Distribuisci in orizzontale	3 o più selezionati	Spaziatura orizzontale uniforme
Distribuisci in verticale	3 o più selezionati	Spaziatura verticale uniforme

Con più oggetti selezionati, l'allineamento è relativo agli oggetti più esterni della selezione. I pulsanti di distribuzione restano disattivati finché non sono selezionati insieme almeno tre oggetti.

Griglia di pixel e righelli

Attivando la griglia si disegnano anche i righelli: etichette numeriche di coordinate lungo i bordi superiore e sinistro. Non c'è un interruttore separato per i righelli, i due arrivano insieme.

Proprietà	Valore
Linee secondarie	Ogni 25 px
Linee principali	Ogni 100 px
Etichette dei righelli	La coordinata in pixel è stampata a ogni linea principale (100, 200, 300 e così via) lungo i bordi superiore e sinistro
Aspetto	Linee di sovrapposizione tenui, con le linee principali un po' più visibili di quelle secondarie
Livello	Disegnate sopra lo sfondo ma dietro ogni oggetto
Nelle esportazioni	Mai incluse, è una sovrapposizione solo a schermo

La griglia rispetta lo zoom: le linee mantengono la loro spaziatura reale in pixel nello spazio della tela, quindi ingrandendo appare più spazio tra di esse. La griglia è solo un riferimento visivo. Gli oggetti non vengono attratti magneticamente alle linee: l'aggancio è gestito dalle guide intelligenti rispetto agli altri oggetti e al centro della tela, non dalla griglia. La griglia parte spenta ogni volta che apri un design, quindi riattivala quando ti serve.

Puoi attivare la griglia in tre modi: la voce Toggle Grid del menu a ingranaggio (impostazioni), la voce Toggle Grid del menu del clic destro sulla tela, oppure la scorciatoia da tastiera qui sotto.

Guide di stampa: abbondanza e zona di sicurezza

Su un elemento di stampa, apri il menu a ingranaggio e scegli Toggle Print Guides per vedere due confini extra accanto ai bordi dell'elemento:

Guida	Distanza dal bordo	Mostrata come	Scopo
Abbondanza	21 px	Una linea tratteggiata rossa	La linea di taglio. Estendi gli sfondi e le grafiche a tutto bordo oltre questa linea, così piccole variazioni di taglio non lasciano un bordo bianco.
Zona di sicurezza	35 px	Una linea tratteggiata verde	Il confine garantito visibile. Tieni testi, loghi e tutto ciò che non deve essere tagliato all'interno di questa linea.

I mirini centrali segnano il centro dell'elemento, e ogni rettangolo porta una piccola etichetta BLEED o SAFE ZONE. Il contenuto tra la linea di abbondanza e quella di sicurezza può sopravvivere al taglio ma non è garantito, quindi tratta la zona di sicurezza come il vero bordo per qualunque elemento importante. Le guide di abbondanza e zona di sicurezza sono sovrapposizioni solo a schermo, mai parte di un'esportazione, e si ricalcolano automaticamente se la dimensione o l'orientamento dell'elemento cambia.

Le guide di stampa si applicano solo ai prodotti di stampa, attualmente la card e il CV. Se provi ad attivarle su un altro tipo di elemento, l'editor mostra un breve avviso che segnala che le guide di abbondanza sono riservate ai prodotti di stampa e l'interruttore resta spento.

Passo dopo passo

Attivare la griglia e sistemare una riga ordinata

1. Apri il menu a ingranaggio (impostazioni) e scegli Toggle Grid, oppure premi la scorciatoia della griglia. Appaiono linee tenui insieme alle etichette di coordinate lungo i bordi superiore e sinistro.
2. Usa le etichette per valutare la spaziatura: le linee principali cadono ogni 100 px, quelle secondarie ogni 25 px.
3. Trascina gli oggetti al loro posto. La griglia è un riferimento visivo e, mentre trascini, le guide intelligenti agganciano ogni oggetto ai vicini e al centro della tela per un allineamento esatto.
4. Rispegni la griglia dallo stesso menu quando il layout è pronto. In ogni caso non appare mai in un'esportazione.

Allineare una riga di oggetti con le guide intelligenti

1. Disponi tre o più oggetti più o meno in linea. Non serve alcun interruttore, le guide intelligenti sono sempre attive.
2. Trascina lentamente un oggetto verso gli altri. Una linea tratteggiata compare quando il suo bordo sinistro, destro o il centro si allinea a un altro oggetto, e l'oggetto scatta su quella linea entro circa 5 px.
3. Continua a trascinare finché non compaiono due linee tratteggiate sopra i vicini più esterni: è la guida di spaziatura uguale, e l'oggetto si posiziona in uno spazio uniforme.
4. Rilascia. Le guide svaniscono non appena il trascinamento termina.

Impostare l'abbondanza di stampa prima di disegnare una card

1. Verifica che l'elemento sia un prodotto di stampa (una card o un CV). Su qualsiasi altro tipo di elemento l'interruttore delle guide di stampa non si attiva.
2. Apri il menu a ingranaggio e scegli Toggle Print Guides. Appaiono un rettangolo tratteggiato rosso (la linea di abbondanza e di taglio) e un rettangolo tratteggiato verde (la zona di sicurezza), con i mirini centrali.
3. Estendi ogni sfondo o grafica a tutto bordo oltre la linea rossa, così un lieve taglio non lascia mai una striscia bianca.
4. Tieni testi, loghi e tutto ciò che non deve essere tagliato dentro la linea verde. Il contenuto tra le due linee può sopravvivere o meno al taglio.

Leggere il righello e posizionare un oggetto con precisione

1. Attiva la griglia così le etichette dei righelli superiore e sinistro sono visibili.
2. Individua dalle etichette la coordinata a cui punti, ad esempio x 200, y 100.
3. Seleziona l'oggetto e tieni premuto Alt per confermare le sue distanze live dai bordi della tela.
4. Per un posizionamento esatto, apri la scheda Layout del pannello delle proprietà e digita direttamente i valori X e Y. Vedi Sposta, ridimensiona e trasforma.

Attività comuni

• Spaziatura uniforme senza trascinare: seleziona insieme tre o più oggetti, poi usa Distribuisci (orizzontale o verticale) nella scheda Layout.
• Centrare un oggetto sull'elemento: trascinalo finché non appaiono entrambe le guide del centro verticale e orizzontale, oppure selezionalo e usa il centra-allinea sulla barra Properties.
• Controllare velocemente un singolo spazio: seleziona un oggetto, tieni premuto Alt e passa sopra l'altro, l'etichetta a pillola indica lo spazio esatto in pixel.
• Disegnare grafiche a tutto bordo in sicurezza: attiva le guide di stampa e porta gli sfondi fino alla linea rossa di abbondanza tenendo il testo dentro la linea verde di sicurezza.

Scorciatoie da tastiera

Scorciatoia	Azione
Ctrl/Cmd + '	Attiva o disattiva la griglia di pixel e i righelli
Alt (tieni premuto, oggetto selezionato)	Mostra le distanze in pixel dai bordi della tela o da un oggetto sotto il puntatore

Le guide di stampa e le guide intelligenti non hanno scorciatoia da tastiera. Le guide di stampa si attivano dal menu a ingranaggio, e le guide intelligenti sono sempre attive.

Consigli

Abbondanza e zona di sicurezza

L'abbondanza è il margine extra che viene rifilato dopo la stampa. Tutto ciò che non deve essere tagliato, come un testo o un logo, deve restare dentro la zona di sicurezza.

La spaziatura uguale compare da sola

Quando hai tre o più oggetti più o meno in fila, trascinane uno e osserva le guide di spaziatura uguale. Sono il modo più veloce per valutare a occhio un layout uniforme senza passare a Distribuisci.

Risoluzione dei problemi

• Le guide intelligenti non si agganciano. Vengono saltate quando l'aggancio è disattivato. Quell'interruttore si trova nella barra degli strumenti della scena a tela infinita, come interruttore di aggancio intelligente (vedi Scene e riquadri); su un elemento normale, le guide sono sempre attive. Le guide inoltre non appaiono mentre ridimensioni un oggetto, ma solo mentre lo sposti.
• Con un solo oggetto non appare nessuna guida. Le guide intelligenti hanno bisogno di qualcosa a cui allinearsi. Con un solo oggetto sull'elemento, l'unico bersaglio è il centro della tela, quindi trascinalo verso il centro o aggiungi un altro oggetto per ottenere le guide dei bordi e dei centri.
• L'aggancio sembra impreciso a zoom molto basso. La soglia di 5 px è misurata in pixel della tela, non in pixel dello schermo. A uno zoom molto piccolo, 5 pixel della tela sono una distanza minima sullo schermo, quindi l'aggancio può risultare difficile da cogliere. Ingrandisci per un controllo più fine.
• Le guide di stampa non si attivano. Si applicano solo ai prodotti di stampa (una card o un CV). Su qualsiasi altro tipo di elemento l'interruttore mostra un breve avviso e resta spento.
• La griglia è sparita dopo aver ridimensionato l'elemento. La griglia, i righelli e le guide di stampa si ricostruiscono tutti quando le dimensioni o l'orientamento dell'elemento cambiano, ma la griglia deve essere attiva per essere ridisegnata. Riattivala se era spenta durante la modifica.
• Nessuna di queste sovrapposizioni appare in un file scaricato. È previsto: la griglia, i righelli, le guide intelligenti, le etichette di distanza e le guide di stampa sono tutte solo a schermo ed escluse da ogni esportazione.

Correlati

• Sposta, ridimensiona e trasforma per allineare, distribuire e posizionare con precisione
• Nozioni di base sulla tela per zoom, panoramica e il resto della navigazione della tela
• Dimensioni dell'artboard per le dimensioni di stampa che usano abbondanza e zona di sicurezza
• Pannello delle proprietà per i pulsanti di allineamento e lo sfondo dell'elemento