Vai al tutorial
lil cactus

Come usare guide, griglia ed effetto calamita in Lil Cactus

Principiante7 minutiAggiornato il

Risposta rapida

In Lil Cactus, scegli Visualizza poi Righelli per mostrare le misure e Visualizza poi Nuova guida… per inserire una guida in una posizione esatta in pixel. Attiva Visualizza poi Effetto calamita e scegli gli elementi di aggancio in Visualizza poi Allinea con. Per una fila di oggetti, seleziona i loro livelli e usa Livello poi Allinea poi Bordi superiori, poi Livello poi Distribuisci poi Spaziatura orizzontale uniforme.

Il design per il caffè prima e dopo l’allineamento dei tre campioni di colore in una fila con spazi uguali
I tre campioni condividono lo stesso bordo superiore, con 150 px tra l’uno e l’altro. La foto e il titolo restano al loro posto. Ogni campione misura 120 × 80 px, a x = 140, 410 e 680 px e y = 500 px. Trascina la maniglia per confrontare.
Tempo
7 minuti
Livello
Principiante
Ti serve
Un design con gli oggetti su livelli separati
Funziona con
Immagini e progetti con livelli, compresi livelli di testo e di forma
Apri l’esempio in Lil CactusUsa una tua foto

Gratis, senza registrazione. La tua foto resta sul tuo computer.

Le guide sono linee che posizioni per segnare un bordo o un margine. La griglia è un motivo ripetuto su tutta l’area di lavoro. L’effetto calamita aiuta un oggetto in movimento ad agganciarsi a un riferimento scelto quando lo trascini lì vicino.

Usa i tre livelli di forma dell’esempio per creare una fila ordinata di colori sotto il titolo.

Allineare una fila di colori in sette passaggi

  1. Mostra i righelli

    Apri il progetto di esercitazione da questa pagina. Scegli Visualizza poi Righelli. Le misure compaiono lungo i lati superiore e sinistro dell’area di lavoro.

    Il menu Visualizza con Righelli cerchiato
    Un segno di spunta accanto a Righelli indica che sono visibili.
    I righelli superiore e sinistro intorno alla parte in alto a sinistra del design per il caffè
    I righelli indicano le coordinate del documento in pixel.
  2. Inserisci una guida verticale a 140 px

    Scegli Visualizza poi Nuova guida… In Orientamento scegli Verticale, nel campo Posizione inserisci 140 px e fai clic su Crea. Sarà il bordo sinistro del campione marrone.

    Puoi anche trascinare da un righello verso l’immagine per inserire una guida a occhio; Nuova guida… serve per una posizione esatta.

    Il menu Visualizza con Nuova guida cerchiato
    Nuova guida inserisce una linea in base alla sua posizione numerica.
    La finestra Nuova guida con Verticale, Posizione 140 px e Crea cerchiati
    Una guida verticale misura la sua posizione dal bordo sinistro dell’immagine.
  3. Inserisci una guida orizzontale a 500 px

    Scegli di nuovo Visualizza poi Nuova guida… Seleziona Orizzontale, nel campo Posizione inserisci 500 px e fai clic su Crea. Questa linea stabilisce il bordo superiore della fila.

    La finestra Nuova guida con Orizzontale, Posizione 500 px e Crea cerchiati
    Una guida orizzontale misura la sua posizione dal bordo superiore.
  4. Mostra la griglia e scegli a cosa agganciare

    Attiva Visualizza poi Mostra poi Griglia per vedere la griglia ripetuta. Attiva Visualizza poi Effetto calamita, poi controlla Visualizza poi Allinea con: per questo esercizio Guide deve essere selezionato e Griglia no.

    Mostrare la griglia e agganciarsi a essa sono scelte separate. Qui sono le guide a determinare la posizione.

    Il sottomenu Visualizza › Mostra con Griglia cerchiato
    Mostra › Griglia controlla il motivo visibile.
    Il menu Visualizza con Effetto calamita selezionato e cerchiato
    Effetto calamita è l’interruttore principale dell’aggancio.
    Il sottomenu Visualizza › Allinea con, con Guide selezionato e Griglia non selezionato, entrambi cerchiati
    Usa le guide come riferimento e lascia disattivato l’aggancio alla griglia.
  5. Aggancia il campione marrone alle guide

    Fai clic con il pulsante destro del mouse (o tieni premuto) sul primo pulsante in alto nella barra degli strumenti e scegli Sposta. Fai clic su Brown swatch nel pannello Livelli. Afferra il rettangolo marrone vicino al bordo inferiore, lontano dalla guida. Trascinalo un po’ verso destra e verso il basso finché il suo angolo superiore sinistro non raggiunge l’incrocio delle guide. Rilascia quando i bordi sinistro e superiore si agganciano alle linee.

    Il primo pulsante della barra degli strumenti accanto al suo menu a comparsa aperto, con quel pulsante e Sposta cerchiati
    Scegli Sposta dal menu a comparsa del primo pulsante della barra degli strumenti.
    Il pannello Livelli con Brown swatch selezionato e cerchiato
    Seleziona il livello prima di spostarne il rettangolo.
    Il rettangolo marrone con il bordo sinistro sulla guida verticale e il bordo superiore sulla guida orizzontale
    Dettaglio al 100%: l’angolo superiore sinistro è a (140, 500) px.
  6. Allinea i tre bordi superiori

    Nel pannello Livelli, fai clic su Brown swatch, poi tieni premuto Maiusc e fai clic su Rust swatch. Devono risultare selezionate tutte e tre le righe dei campioni. Scegli Livello poi Allinea poi Bordi superiori. Le forme color crema e ruggine salgono fino al bordo superiore della forma marrone.

    Suggerimento Lascia fuori dalla selezione i livelli Text e Background.

    Il pannello Livelli con Brown swatch, Cream swatch e Rust swatch selezionati e cerchiati
    Il clic con Maiusc seleziona l’intervallo continuo dei tre livelli dei campioni.
    Il sottomenu Livello › Allinea con Bordi superiori cerchiato
    Con più livelli selezionati, Bordi superiori usa il loro bordo più alto.
  7. Rendi uguali gli spazi

    Lascia selezionati i tre livelli. Scegli Livello poi Distribuisci poi Spaziatura orizzontale uniforme. Le forme esterne restano ferme e quella centrale si sposta per creare spazi uguali.

    Il sottomenu Livello › Distribuisci con Spaziatura orizzontale uniforme cerchiato
    La distribuzione richiede almeno tre livelli selezionati.

Nascondere, bloccare o rimuovere le guide

Visualizza poi Mostra poi Guide nasconde le guide senza eliminarle. Per rimuoverle, scegli Visualizza poi Cancella guide (prima disattiva Visualizza poi Blocca guide se è selezionato); Modifica poi Annulla le fa ricomparire.

Cosa fare dopo

Guide, griglia ed effetto calamita: domande e risposte

Le guide o la griglia compaiono nell’immagine esportata?

No. In Lil Cactus righelli, guide e griglia sono sovrapposizioni dell’area di lavoro. Non compaiono in un PNG o JPEG esportato.

Perché l’aggancio alla griglia salta alcune linee visibili della griglia?

In Lil Cactus l’aggancio alla griglia usa una propria spaziatura, che cambia con lo zoom e può essere più larga della griglia che vedi; aumenta lo zoom per renderla più fitta. Per usarlo attiva Visualizza › Effetto calamita e Visualizza › Allinea con › Griglia, e usa le guide quando ti serve un bordo esatto.

Perché Nuova guida non è disponibile?

In Lil Cactus, Visualizza › Blocca guide impedisce di creare o modificare le guide. Disattivalo per usare Visualizza › Nuova guida…

Perché Spaziatura orizzontale uniforme non è disponibile?

In Lil Cactus, per Livello › Distribuisci › Spaziatura orizzontale uniforme seleziona almeno tre livelli. Ogni oggetto deve trovarsi su un livello separato e spostabile.

Cosa succede se allineo un solo livello?

In Lil Cactus un solo livello selezionato si allinea ai limiti del documento. Con due o più livelli selezionati, l’allineamento usa i limiti di quei livelli.

Le guide vengono salvate con il design?

Sì. In Lil Cactus, File › Salva con nome › Progetto Lil Cactus… conserva le guide e i livelli modificabili. Un PNG o JPEG su un unico livello contiene l’immagine, senza guide modificabili.