Quando si progettano i layout o si regola semplicemente la barra di navigazione, è necessario assicurarsi che la spaziatura tra le varie sezioni sia uniforme. Se non si riesce a determinare la distanza esatta facendo clic e trascinando, è possibile utilizzare alcuni strumenti e guide di Adobe Illustrator.

Probabilmente avete già provato ad allineare gli oggetti, un buon punto di partenza! Ma ricordate che l'allineamento non modifica la distanza spaziale, ma solo la posizione. Ci siete quasi, dovete solo trovare altre opzioni nel pannello Allinea.

In questa esercitazione, imparerete tre modi per posizionare uniformemente gli oggetti spaziali in Adobe Illustrator. Vi mostrerò come creare un layout come questo utilizzando i tre metodi.

Nota: le schermate di questa esercitazione sono tratte da Adobe Illustrator CC 2022 versione Mac. Windows o altre versioni possono avere un aspetto diverso.

Metodo 1: Allineare il pannello

È possibile allineare e distanziare gli oggetti in modo uniforme con un paio di clic utilizzando il pannello Allinea. Se si desidera una distanza esatta tra gli oggetti, c'è un passaggio essenziale da non perdere: scegliere un oggetto chiave come riferimento. Prima di entrare nel merito, iniziamo ad aggiungere oggetti al documento.

Fase 1: Utilizzare il Tipo Strumento (T) Per aggiungere testo al documento, si può provare a spaziarli e allinearli a occhio con l'aiuto della guida intelligente.

La distanza sembra abbastanza uniforme, ma cerchiamo di essere professionali e di assicurarci che siano effettivamente distanziati in modo uniforme.

Fase 2: Selezionare tutti i testi, il Allineare dovrebbe essere visualizzato sotto Proprietà Se non si riesce a trovarlo, è possibile aprire il pannello dal menu in alto. Finestra > Allineare .

Cliccare Altre opzioni (i tre punti) per espandere il pannello.

Si vedranno due Distribuire la spaziatura nella parte inferiore del pannello.

Fase 3: Selezionare Spazio di distribuzione orizzontale .

Ho duplicato il testo per mostrare la differenza. I testi all'interno del rettangolo di selezione sono uniformemente distanziati.

Suggerimento rapido: se si ha già in mente un valore esatto di distanza, è possibile inserire la distanza, ma prima è necessario scegliere un oggetto chiave.

Ad esempio, se si sceglie Circa come oggetto chiave.

Scegliere Allineamento all'oggetto chiave sul pannello Allinea.

Si noterà che uno degli oggetti (il testo) è evidenziato. È possibile cambiare l'oggetto chiave facendo clic sull'oggetto che si desidera impostare come oggetto chiave. Quindi ora fare clic su Circa .

Inserire lo spazio desiderato tra gli oggetti, ad esempio 50px, e fare clic su Distribuisci spazio orizzontale.

Ricordate questi 3 pulsanti 😉

Ora la distanza tra gli oggetti è di 50px.

Ora che la barra di navigazione è stata creata, passiamo al sottomenu.

Metodo 2: ripetere il passo

Questo metodo funziona solo quando si distanziano oggetti identici. Se l'oggetto non è lo stesso, provare altri metodi. Creeremo gli stessi sfondi di sottomenu (rettangoli), in modo da poter utilizzare questo metodo.

Fase 1: Utilizzare il Strumento Rettangolo (M) per disegnare un rettangolo, che può essere allineato con il testo in alto.

Nota: quando si allineano gli oggetti in verticale, è possibile modificare la spaziatura in orizzontale.

Fase 2: Tenere il Opzione ( Alt per gli utenti Windows) e Turno fare clic e trascinare il rettangolo a destra sotto il secondo testo.

Fase 3: Ripetere l'ultimo passaggio (duplicato) utilizzando la scorciatoia da tastiera Comando + D ( Ctrl + D È possibile utilizzare la scorciatoia più volte fino a ottenere uno sfondo rettangolare per ogni categoria.

Questo metodo funziona meglio quando si vuole creare un motivo uniformemente distanziato con la stessa forma.

Aggiungiamo le voci del sottomenu. Utilizzerò il testo Lorem Ipsum come esempio e vi mostrerò come farlo utilizzando la griglia come guida.

Metodo 3: Utilizzare la griglia

Se non si hanno molti oggetti da allineare, è possibile spaziarli in modo uniforme seguendo le griglie e le guide. In realtà, se il vostro Guida intelligente è attivato, quando si trascinano gli oggetti viene mostrata la distanza tra gli oggetti, ma usiamo le griglie per essere sicuri.

Fase 1: Dopo aver aggiunto il testo al documento, andare al menu di testa e selezionare Vista > Mostra griglia per mostrare la griglia.

Si dovrebbero vedere le griglie nel documento, ma non si vedono le griglie sopra i rettangoli. Abbassare l'opacità del rettangolo.

Eseguire lo zoom prima di passare alla fase successiva.

Fase 2: Decidete la distanza che desiderate tra i testi. Ad esempio, se volete che lo spazio sia pari a due righe della griglia, spostate il testo a due righe dal testo precedente.

Una volta terminato il posizionamento del testo, riportare l'opacità del rettangolo al 100%.

È possibile selezionare tutti i testi e duplicarli (provando a utilizzare il metodo 2) nella colonna della categoria successiva. È possibile modificare il contenuto del testo in un secondo momento, qui stiamo solo creando il layout.

È possibile disattivare la griglia per vedere come si presenta.

Si può sempre ricontrollare che siano allineati correttamente e distanziati in modo uniforme, tornando alla sezione Allineare pannello.

Conclusione

È possibile utilizzare tutti i metodi sopra descritti per uniformare gli oggetti spaziali e, a seconda di ciò che si sta cercando di realizzare, alcuni metodi potrebbero essere più convenienti di altri.

Se gli oggetti sono già pronti, il metodo del pannello Allinea dovrebbe essere il metodo più rapido. Se si cerca di creare oggetti identici a distanza regolare, il metodo di ripetizione dei passi funziona abbastanza bene.

Per quanto riguarda la griglia, è sempre una buona abitudine usarla, ma è vero che quando ci sono più oggetti, spostarli uno per uno può essere una seccatura.