Come lavorare con gli strati in Pixelmator

Pixelmator è un'applicazione di modifica delle immagini facile da usare, veloce e potente per il Mac. In questo tutorial, approfondiremo il concetto di livelli creando un collage composto da quattro immagini. Iniziamo!


Foto usate

Le seguenti foto sono state utilizzate in questo tutorial ma puoi seguire le foto che ti piacciono.

  • Escursione in Norvegia
  • Strada in Norvegia
  • Ghiacciaio in Norvegia
  • Pecore in Norvegia

1. Aggiungi immagini

Passo 1

Apri la prima immagine che vuoi usare nel tuo collage (File> Apri ... ). È possibile aggiungere nuove immagini al documento corrente trascinandole direttamente dal desktop o una finestra di ricerca nella finestra del documento o nella tavolozza dei livelli.

Passo 2

Quando guardiamo il Tavolozza dei livelli vediamo che l'immagine appena aggiunta viene posizionata su un nuovo livello sopra il livello di sfondo originale. Utilizzare il Sposta strumento per spostare l'immagine in alto ai lati. Noterai che l'immagine scompare al di fuori dei bordi della nostra immagine di sfondo. La dimensione del nostro documento, chiamata anche dimensione della tela, non è abbastanza grande da mettere queste due immagini una accanto all'altra.


2. Cambia la dimensione della tela

Supponendo di voler posizionare la nostra immagine superiore sul lato destro accanto alla nostra immagine originale, abbiamo bisogno di sapere quanto spazio extra dobbiamo aggiungere al lato destro della nostra attuale tela. Possiamo farlo misurando la larghezza della nostra seconda immagine e aggiungendola alle dimensioni della tela.

Passo 1

Apri il vista menu e scegliere Mostra barra informazioni. Una barra aggiuntiva appare nella parte superiore della finestra del documento. Quando selezioniamo l'immagine in alto con lo strumento di spostamento, possiamo vedere la dimensione dell'immagine in Barra informazioni. Nel nostro caso questo è 796 x 754 pixel.

Passo 2

Vai al Immagine menu e scegliere Dimensioni della tela… Scegliere Parente nel Dimensioni della tela menu che appare. In questo modo è più facile inserire la quantità di pixel che vogliamo aggiungere alla tela, invece di calcolare noi stessi quanto deve essere la dimensione totale della tela. Inserisci il Larghezza della nostra seconda immagine (796 pixel). Lasceremo il Altezza a 0 dal momento che non vogliamo cambiare l'altezza della nostra tela. Per assicurarti che la tela si espanda solo sul lato destro, dovremo fare clic sul quadrato a sinistra nella figura in basso Dimensioni della tela menu. In questo modo, indichiamo dove sarà la nostra immagine esistente sulla nuova tela. Le tue impostazioni per Dimensioni della tela menu dovrebbe apparire come quelli nell'immagine qui sotto. Clicca su ok per confermare le impostazioni.

Passaggio 3

Ora possiamo usare il Sposta strumento per spostare la nostra seconda immagine sul posto. Notare il motivo a scacchi grigio e bianco sul lato inferiore destro del nostro documento. Ecco come Pixelmator ci mostra quale parte del nostro documento è trasparente.


3. Ridimensiona le immagini

Oltre a regolare la tela per assicurarci che le immagini si adattino al collage, possiamo anche regolare l'immagine stessa.

Passo 1

Aggiungi una terza immagine al documento trascinandola e rilasciandola direttamente dal desktop o da una finestra di ricerca, nella finestra del documento o nella tavolozza dei livelli.

Seleziona il Sposta strumento dal Tavolozza degli strumenti. Le maniglie bianche appariranno attorno all'immagine appena aggiunta. Regola la dimensione dell'immagine spostando le maniglie e sposta l'immagine in posizione.


4. Maschera le immagini

Passo 1

Aggiungi la quarta immagine al documento trascinandola e rilasciandola direttamente dal desktop o da una finestra di ricerca, nella finestra del documento o nella palette dei livelli. La nostra quarta immagine è un'immagine con le pecore.

Passo 2

Vogliamo spingere questa immagine tra le due immagini sul lato destro, e vogliamo inserirla sotto l'immagine della strada. Per infilare l'immagine sotto l'immagine della strada dovremo andare al Tavolozza dei livelli e trascina e rilascia il livello con l'immagine della strada sulla parte superiore del livello con l'immagine della pecora. Quando rilasciamo il pulsante del mouse l'immagine con la strada si trova sopra tutti gli altri livelli e una parte del lato sinistro dell'immagine con la pecora è stata nascosta alla vista.

Mancia: Puoi anche nascondere parti di un'immagine effettuando una selezione e cancellandola o usando le maschere. Dovresti usare maschere ogni volta che è possibile, tuttavia, poiché non è distruttivo.

Passaggio 3

Assicurati che il livello con l'immagine della pecora sia selezionato e Control-clic su di esso. Quindi scegli Aggiungi maschera dal menu a discesa. Questo aggiungerà un'ulteriore miniatura bianca al livello.

Passaggio 4

Selezioniamo il strumento per selezione di un'area rettangolare dal Tavolozza degli strumenti e fai una selezione attorno alla parte dell'immagine che vogliamo rimuovere. Per aiutarci a determinare quale parte dell'immagine vogliamo nascondere, possiamo abbassarla Opacity Slider nel Tavolozza dei livelli. Ciò renderà l'immagine leggermente trasparente in modo che possiamo vedere le immagini negli strati sottostanti.

Passaggio 5

Apri il Modifica menu e scegliere Riempire… Imposta il colore a nero a come mostrato nell'immagine qui sotto. Clicca su ok quando fatto.

La parte che avevamo selezionato viene nascosta dal documento. E quando guardiamo il Tavolozza dei livelli vediamo che un rettangolo nero è apparso nella miniatura della maschera. Nero su una maschera di livello significa che l'area sarà nascosta, bianca significa che l'area sarà visibile. Il bordo blu attorno alla miniatura della maschera significa che stiamo lavorando sulla maschera. Fare clic sulla miniatura dell'immagine nel livello per passare a lavorare sull'immagine stessa.

Passaggio 6

Tra la miniatura dell'immagine e la miniatura della maschera c'è un'icona sotto forma di link. Quando spostiamo l'immagine sullo strato intorno, la maschera seguirà sempre. La maschera e l'immagine sono collegate tra loro.

Clicca sul Icona di collegamento rimuoverlo. Seleziona la miniatura dell'immagine e spostala. Quindi fare lo stesso con la maschera selezionando la miniatura della maschera e spostandola.

Passaggio 7

Utilizzare il Sposta strumento per posizionare l'immagine finale con la maschera tra le altre due immagini sul lato destro del nostro collage. Per velocizzare le cose, puoi attivare Auto selezione dal menu che appare dopo aver cliccato su Icona dell'ingranaggio nel Barra delle opzioni degli strumenti. Per allineare tutte le immagini in modo più preciso è possibile attivare il Griglia dal Visualizza menu.


5. Nome e livelli di gruppo

Abbiamo finito con un sacco di strati. Per essere sicuri che le cose non diventino troppo caotiche, possiamo dare un nome più adatto a ogni livello e livello di gruppo.

Passo 1

Fare doppio clic sul nome di un livello e assegnare ad ogni livello un nome che descriva il contenuto di quel particolare livello.

Passo 2

Seleziona ciascun livello nel Tavolozza dei livelli tenendo premuto il tasto Cambio chiave o Comando tasto mentre fai clic su ciascun livello. Poi Premuto il tasto Control su uno dei livelli selezionati e scegliere Gruppo. Pixelmator crea una sorta di cartella nella palette dei livelli contenente i livelli selezionati. Possiamo nominare il gruppo Fotografie, per esempio, per mostrare che il gruppo contiene le foto usate nel collage.


6. Crea bordi

Il nostro collage è quasi finito. Per rendere il collage un po 'più interessante, possiamo creare bordi attorno all'intero collage e ad ogni immagine.

Passo 1

Seleziona il Strumento Penna dal Tavolozza degli strumenti. Nel Barra delle opzioni degli strumenti, impostare il Riempire a Nessuno, Ictus a un colore bianco e usare a Larghezza di 10 pixel. Ovviamente è possibile utilizzare altre impostazioni a seconda delle dimensioni e del contenuto del collage. Infine disegna linee bianche sui bordi tra le immagini.

Noterai che ogni volta, dopo aver tracciato una linea, il Sposta strumento si attiva Ciò rende più semplice spostare la linea in posizione più precisa. Se vuoi mantenere tutte le linee su un livello, assicurati di impostare il Strumento Penna a Aggiungi modalità.

Passo 2

Lo strato su cui abbiamo appena disegnato i nostri bordi non è un livello normale come gli strati su cui abbiamo incollato le nostre immagini. I bordi sono disegnati su a Strato di forma. I livelli di forma possono contenere solo disegni vettoriali.

Premuto il tasto Control sul Strato di forma nel Tavolozza dei livelli. Clicca su Converti in pixel. Il livello Shape è ora convertito in un normale livello bitmap.

Passaggio 3

stampa Comando-A sulla tua tastiera. Questo selezionerà l'intero livello. Dal Modifica menu, scegliere Ictus… . Nella palette Traccia, scegliamo le stesse impostazioni utilizzate per i bordi già creati. Quindi nel nostro caso, un tratto bianco con a Larghezza di 10. Assicurati di impostare il Posizione dell'ictus a Dentro prima di premere ok.


Congratulazioni!

Facendo questo collage abbiamo coperto alcuni degli elementi essenziali per lavorare con i livelli. Abbiamo visto come gli oggetti sui livelli si sovrappongono in base all'ordine in cui i livelli sono impilati. Abbiamo allineato gli oggetti su diversi livelli e abbiamo usato una maschera di livello per nascondere parti di un oggetto. Abbiamo anche visto come possiamo spostare un oggetto e una maschera di livello separatamente l'uno dall'altro. Infine, abbiamo raggruppato e denominato i livelli e abbiamo visto che Pixelmator supporta tre diversi tipi di livelli.