✅ Crea un collage fotografico verticale con Photoshop

Come creare un collage fotografico verticale

Scopri come trasformare le tue immagini in un divertente collage fotografico verticale con Photoshop! Un tutorial passo-passo completo per Photoshop CC.

Scritto da Steve Patterson.

In questo tutorial, ti mostro quanto sia facile creare un collage fotografico verticale con Photoshop! Inizieremo creando un nuovo documento e dividendolo in sezioni verticali usando le guide di Photoshop. Quindi disegneremo le selezioni dalle guide e incolleremo le nostre immagini nelle selezioni. Ridimensioneremo e riposizioneremo le immagini usando Trasformazione libera e aggiungeremo un tratto intorno alle immagini usando gli effetti di livello. E infine, ti mostrerò un modo rapido per unificare i colori nelle tue immagini in modo che l'intero collage si fonda insieme!

Ecco come sarà il collage fotografico finale quando avremo finito. Ho usato sei immagini qui, ma questo effetto può essere facilmente personalizzato per tutte le immagini di cui hai bisogno:

Il risultato finale

Iniziamo!

Come creare un collage fotografico verticale

Per seguire questo tutorial, ti consigliamo di utilizzare l'ultima versione di Photoshop CC. Inizieremo creando un nuovo documento Photoshop e poi dividendolo in tutte le sezioni necessarie per visualizzare le nostre immagini.

Vedi anche: trasforma una foto in un collage con Photoshop!

Passaggio 1: crea un nuovo documento di Photoshop

Quando avvii Photoshop CC senza aprire un'immagine, verrai portato alla schermata principale:

La schermata principale in Photoshop CC.

Per creare un nuovo documento dalla schermata principale, fai clic sul pulsante Crea nuovo nella colonna a sinistra:

Fai clic sul pulsante "Crea nuovo".

Oppure vai al menu File nella barra dei menu e scegli Nuovo :

Andare su File> Nuovo.

Impostazione della larghezza e dell'altezza del documento

In entrambi i casi apre la finestra di dialogo Nuovo documento. Nel pannello Dettagli preimpostazione a destra, inserisci una larghezza e un'altezza per il tuo documento. Per questo tutorial, creerò un documento che è due volte più largo che alto. Imposterò Larghezza a 2000 pixel e Altezza a 1000 pixel :

Immettere Larghezza e Altezza per il documento.

Impostazione del valore di risoluzione

Il valore di risoluzione sotto Larghezza e Altezza si applica solo alla stampa. Quindi, se non stamperai il tuo collage, puoi ignorare questo valore. Ma se stai creando questo effetto per la stampa, imposta la risoluzione su 300 pixel / pollice, che è lo standard del settore per la stampa di alta qualità. Molto probabilmente avrai bisogno anche di un documento di dimensioni maggiori e dovrai impostare Larghezza e Altezza in pollici anziché pixel.

Nel mio caso, poiché non stamperò il collage, il valore di Risoluzione non ha importanza:

Ignora il valore Risoluzione se non stamperai il collage.

La scelta di un colore di sfondo

Lascia il contenuto dello sfondo impostato su Bianco e tutto il resto alle impostazioni predefinite:

Scelta del bianco per il colore di sfondo del documento.

Creazione del nuovo documento

Quindi per creare il documento e chiudere la finestra di dialogo Nuovo documento, fare clic sul pulsante Crea :

Creazione del nuovo documento.

Il nuovo documento, pieno di bianco, appare sullo schermo:

Viene visualizzato il nuovo documento.

Passaggio 2: aggiungere guide verticali

Per dividere la tela in sezioni verticali, utilizzeremo la funzione Layout nuova guida di Photoshop. Questa funzione è disponibile solo in Photoshop CC. Per selezionarlo, vai al menu Visualizza nella barra dei menu e scegli Nuovo layout guida :

Vai a Visualizza> Nuovo layout guida.

Nella finestra di dialogo Nuovo layout guida, assicurarsi che l'opzione Colonne sia selezionata (selezionata). Quindi inserisci il numero di colonne necessarie nel campo Numero . Nel mio caso, ho sei immagini da visualizzare nel collage, quindi inserirò 6 .

Lascia vuoto il campo Larghezza per consentire a Photoshop di dividere la tela in sezioni uguali. E poiché non vogliamo alcuno spazio tra le colonne, lascia vuoto anche il campo Gutter (o impostalo su 0). Inoltre non abbiamo bisogno di guide orizzontali, quindi lascia l'opzione Rows deselezionata. Quindi fare clic su OK per chiudere la finestra di dialogo:

Le impostazioni del layout della nuova guida.

E ora abbiamo le nostre guide che dividono la tela in strisce verticali:

Il documento dopo aver aggiunto le guide.

Passaggio 3: apri le tue immagini

Quindi, apri le immagini che desideri posizionare nel collage. Vai al menu File e scegli Apri :

Andare su File> Apri.

Quindi vai alla cartella che contiene le tue immagini. Per semplificare le cose, ho rinominato le mie immagini in base a dove appariranno nel collage da sinistra a destra. Quindi "1.jpg.webp" sarà la prima immagine a sinistra, "2.jpg.webp" apparirà accanto e fino a "6.jpg.webp" a destra.

Apriremo tutte le nostre immagini in Photoshop contemporaneamente. Per selezionare più immagini, tieni premuto Maiusc mentre fai clic sulle miniature. Quindi fare clic su Apri :

Maiusc-clic sulle immagini per selezionarle, quindi fare clic su Apri.

Passaggio 4: tornare al documento collage principale

Ogni immagine si apre in un documento separato e puoi passare da un documento all'altro facendo clic sulle schede nella parte superiore:

Fai clic sulle schede per alternare tra le immagini.

Torna al documento collage principale ("Untitled-1") facendo clic sulla sua scheda:

Riselezione del documento principale.

Passaggio 5: selezionare lo strumento Selezione rettangolare

A questo punto, spostare le immagini nel collage è solo una questione di ripetere gli stessi passaggi con ogni immagine. E il primo passo è disegnare una selezione attorno a una delle strisce verticali.

Seleziona lo strumento Selezione rettangolare dalla barra degli strumenti:

Selezione dello strumento Selezione rettangolare.

Passaggio 6: disegna una selezione attorno a una delle strisce verticali

Quindi traccia una selezione attorno a una delle sezioni. Dal momento che stiamo lavorando da sinistra a destra, inizierò con il primo a sinistra.

Fare clic nell'angolo in alto a sinistra della sezione, quindi tenere premuto il pulsante del mouse e trascinare in diagonale verso il basso nell'angolo in basso a destra. Il contorno della selezione dovrebbe agganciarsi alle guide su entrambi i lati, nonché alla parte superiore e inferiore del documento. Rilascia il pulsante del mouse e il contorno della selezione verrà visualizzato intorno all'intera area:

Disegnare una selezione rettangolare attorno alla prima sezione verticale del collage.

Passaggio 7: passa a una delle tue immagini

Passa all'immagine che desideri posizionare all'interno della selezione facendo clic sulla relativa scheda . Farò clic sulla scheda per la mia prima immagine, "1.jpg.webp":

Passa al documento della prima immagine.

Ed ecco l'immagine che sto usando. Ho scaricato tutte le mie immagini da Adobe Stock:

La prima immagine che verrà inserita nel collage. Credito fotografico: Adobe Stock.

Passaggio 8: selezionare e copiare l'immagine

Seleziona l'immagine andando al menu Seleziona e scegliendo Tutto, oppure premendo Ctrl + A (Win) / Comando + A (Mac):

Andando su Seleziona> Tutto.

Quindi copia l'immagine andando nel menu Modifica e scegliendo Copia, oppure premi Ctrl + C (Win) / Comando + C (Mac):

Andare su Modifica> Copia.

Passaggio 9: incolla l'immagine nella selezione

Torna al tuo documento collage principale facendo clic sulla sua scheda :

Riselezione del documento principale.

Quindi, per incollare l'immagine nella selezione, vai al menu Modifica, scegli Incolla speciale, quindi scegli Incolla in :

Andare su Modifica> Incolla speciale> Incolla in.

L'immagine, o almeno parte di essa, appare all'interno della sezione. Poiché l'immagine è troppo grande per rientrare nella stretta striscia verticale, è visibile solo una parte dell'immagine. E le probabilità sono, non è la parte che si desidera visualizzare. Impareremo come spostare e ridimensionare l'immagine in un momento:

Il risultato dopo aver incollato l'immagine nella selezione.

Correlati: Come incollare un'immagine in un'altra immagine con Photoshop

La selezione viene convertita in una maschera di livello

Ma nota che il nostro schema di selezione è ora sparito. Invece, nel pannello Livelli, vediamo che non solo Photoshop ha posizionato l'immagine sul proprio livello, ma ha anche convertito il contorno di selezione in una maschera di livello.

La parte bianca della maschera è l'area all'interno della nostra selezione, ed è l'area in cui l'immagine è visibile nel documento. E la parte nera è tutto ciò che era al di fuori della selezione. Qui è dove l'immagine è nascosta:

La selezione è stata trasformata in una maschera di livello.

Passaggio 10: ridimensiona e sposta l'immagine con Trasformazione libera

Per ridimensionare l'immagine all'interno della striscia verticale e spostare il soggetto in posizione, utilizzeremo il comando Trasformazione libera di Photoshop. Vai al menu Modifica e scegli Trasformazione libera, oppure premi Ctrl + T (Win) / Comando + T (Mac):

Vai a Modifica> Trasformazione libera.

Ciò posiziona la casella Trasformazione libera e le maniglie attorno all'immagine. Se non riesci a vedere tutte le maniglie di trasformazione perché l'immagine si estende oltre l'area visualizzabile del documento, vai al menu Visualizza e scegli Adatta allo schermo o premi Ctrl + 0 (Win) / Command + 0 (Mac) :

Andare su Visualizza> Adatta a schermo.

Quindi trascinare le maniglie per ridimensionare l'immagine all'interno della striscia verticale. A partire da Photoshop CC 2019, trascinando una maniglia si ridimensiona l'immagine in modo proporzionale, quindi non è più necessario tenere premuto Maiusc. Ma se vuoi ridimensionare l'immagine dal suo centro piuttosto che dal lato opposto o dall'angolo, tieni premuto Alt (Win) / Opzione (Mac) mentre trascini.

E per spostare il soggetto in vista, fai clic e trascina all'interno della casella Trasformazione libera:

Ridimensionare e spostare l'immagine in posizione con Trasformazione libera.

Per accettarlo e chiudere Free Transform, premi Invio (Win) / Return (Mac). Quindi ingrandire nuovamente il documento, se necessario, tenendo premuto Ctrl (Win) / Command (Mac) e premendo il segno più ( + ) sulla tastiera. E ora abbiamo inserito la nostra prima immagine nel collage:

Viene aggiunta la prima immagine.

Passaggio 11: ripetere gli stessi passaggi per aggiungere più immagini

Ora che sappiamo come posizionare un'immagine nel collage, aggiungere il resto delle nostre immagini è solo una questione di ripetere gli stessi passaggi. Ecco un breve riassunto:

Seleziona una nuova sezione del collage

Innanzitutto, utilizzare lo strumento Selezione rettangolare per disegnare una selezione attorno alla sezione verticale successiva:

Selezione della sezione successiva del collage.

Passa all'immagine successiva

Quindi passa all'immagine che desideri posizionare all'interno della selezione facendo clic sulla sua scheda :

Passa all'immagine successiva.

Ecco la seconda immagine che sto usando:

La seconda immagine Credito fotografico: Adobe Stock.

Seleziona e copia l'immagine

Seleziona l'immagine andando su Seleziona > Tutto, quindi copiala andando su Modifica > Copia :

Selezione e copia dell'immagine.

Incolla l'immagine nella selezione

Torna al tuo documento collage principale facendo clic sulla sua scheda:

Tornare al documento collage principale.

E quindi incolla l'immagine nella selezione andando su Modifica > Incolla speciale > Incolla in :

Incollare l'immagine nella nuova selezione.

L'immagine apparirà all'interno della sezione:

Il risultato dopo aver incollato la seconda immagine.

E nel pannello Livelli, vedrai che Photoshop ha posizionato l'immagine sul proprio livello e convertito il contorno di selezione in una maschera di livello:

L'immagine appare sul proprio livello con la propria maschera.

Ridimensiona e sposta l'immagine con Trasformazione libera

Vai a Modifica > Trasformazione libera o premi Ctrl + T (Win) / Comando + T (Mac), per posizionare la casella Trasformazione libera e le maniglie attorno all'immagine. E se non riesci a vedere tutte le maniglie, vai su Visualizza > Adatta allo schermo o premi Ctrl + 0 (Win) / Comando + 0 (Mac):

Vai a Modifica> Trasformazione libera.

Quindi ridimensiona l'immagine trascinando le maniglie. Tenere premuto Alt (Win) / Opzione (Mac) per ridimensionare l'immagine dal suo centro. E per spostare il soggetto in posizione, fai clic e trascina all'interno della casella Trasformazione libera. Puoi anche spostare l'immagine in posizione usando i tasti freccia sulla tastiera:

Ridimensionare e spostare il secondo con Free Transform.

Premi Invio (Win) / Return (Mac) per accettarlo e chiudere Free Transform. Quindi, se necessario, fai zoom indietro sull'immagine, tieni premuto Ctrl (Win) / Comando (Mac) e premi il segno più ( + ) sulla tastiera:

La seconda immagine è stata aggiunta al collage.

Aggiunta delle immagini rimanenti

Userò gli stessi passaggi per aggiungere rapidamente il resto delle mie immagini al collage, ed ecco il risultato. Se vuoi usare le stesse immagini che ho usato qui, puoi scaricarle da Adobe Stock (immagine 1, immagine 2, immagine 3, immagine 4, immagine 5 e immagine 6):

Tutte le immagini sono state aggiunte.

Passaggio 12: cancellare le guide

Non abbiamo più bisogno delle guide di Photoshop. Quindi, per rimuoverli, vai al menu Visualizza e scegli Cancella guide :

Vai a Visualizza> Cancella guide.

Passaggio 13: aggiungi un tratto attorno a una delle immagini

Per aiutare a separare le immagini nel collage, aggiungeremo un tratto intorno a loro. E invece di aggiungere il tratto a ogni immagine una alla volta, lo aggiungeremo a una sola delle immagini e poi lo copieremo e incolleremo sulle altre.

Nel pannello Livelli, seleziona la prima immagine a sinistra del collage facendo clic sulla sua miniatura . Dovrebbe essere il primo livello sopra il livello Sfondo:

Selezione del primo livello sopra il livello Sfondo.

Quindi fai clic sull'icona Effetti livello (icona " fx ") in basso:

Selezione del primo livello sopra il livello Sfondo.

E scegli Tratto dall'elenco:

Aggiunta di un effetto di livello Tratto.

Questo apre la finestra di dialogo Stile livello impostata sulle opzioni Tratto. Fai clic sul pulsante Ripristina predefiniti in modo che entrambi iniziamo con le impostazioni Traccia predefinite:

Ripristino delle impostazioni predefinite.

Quindi fai clic sul campione colore per scegliere un nuovo colore per il tratto:

Facendo clic sul campione di colore.

Nel Selettore colore, scegli il bianco, quindi fai clic su OK:

Scelta del bianco per il colore del tratto.

Imposta la Posizione del tratto su Centra in modo che la larghezza del tratto sia divisa equamente tra questa immagine e l'immagine accanto ad essa:

Impostazione della posizione del tratto al centro.

E infine, scegli una dimensione per il tuo tratto. Dal momento che sto lavorando con un'immagine a bassa risoluzione e voglio un tratto sottile, imposterò la dimensione su 2 pixel . Se stai creando il tuo collage per la stampa, vorrai un valore maggiore. Al termine, fai clic su OK per chiudere la finestra di dialogo:

Impostazione della dimensione del tratto.

E qui vediamo un tratto sottile attorno solo a quella prima immagine a sinistra:

Il tratto appare attorno alla prima immagine.

Passaggio 14: copia e incolla il tratto sulle altre immagini

Ora che abbiamo aggiunto il tratto alla prima immagine, possiamo rapidamente copiarlo e incollarlo sugli altri.

Con la prima immagine ancora selezionata nel pannello Livelli, vai al menu Livello nella barra dei menu, scegli Stile livello, quindi scegli Copia stile livello :

Andare su Livello> Stile livello> Copia stile livello.

Quindi, nel pannello Livelli, seleziona le altre immagini. Inizia facendo clic sull'immagine successiva direttamente sopra quella in cui abbiamo applicato il tratto:

Selezione dell'immagine successiva nel pannello Livelli.

Quindi tieni premuto il tasto Maiusc e fai clic sull'immagine in alto. Questo seleziona entrambi i livelli più tutti i livelli tra:

Tieni premuto Maiusc e fai clic sul livello dell'immagine superiore.

Torna al menu Livello, scegli Stile livello e questa volta scegli Incolla stile livello:

Andare su Livello> Stile livello> Incolla stile livello.

E ora il tratto appare anche attorno alle altre immagini:

Il risultato dopo aver incollato il tratto sulle altre immagini.

Passaggio 15: aggiungi un nuovo livello sopra le immagini

L'unico problema con il tratto è che se guardi da vicino, vedrai che appare solo la metà attorno all'esterno del collage come accade tra le immagini. Per risolvere il problema, aggiungeremo un nuovo livello sopra le immagini e quindi applicheremo un altro tratto.

Nel pannello Livelli, fai clic sul livello superiore per selezionarlo:

Selezione del livello superiore.

E quindi fai clic sull'icona Aggiungi nuovo livello :

Aggiunta di un nuovo livello.

Un nuovo livello vuoto appare sopra le immagini:

Il nuovo livello.

Passaggio 16: riempire il livello con un colore

Al momento, il nuovo livello è trasparente. Photoshop non visualizzerà il tratto o qualsiasi altro effetto di livello davanti alla trasparenza. Quindi dobbiamo prima aggiungere del contenuto al livello. E il modo più veloce è riempire il livello con il nostro colore di primo piano .

Per impostazione predefinita, il colore di primo piano è nero, come mostrato nel campione di colore in alto a sinistra nella parte inferiore della barra degli strumenti. Nasconderemo il colore non appena lo aggiungeremo, quindi se il colore di primo piano è impostato su qualcos'altro, va bene:

L'attuale colore di primo piano.

Per riempire rapidamente il livello con il colore di primo piano, premi Alt + Backspace (Win) / Opzione + Elimina (Mac). Il colore blocca temporaneamente la visualizzazione del collage:

Il risultato dopo aver riempito il nuovo livello con il colore di primo piano.

Passaggio 17: incollare il tratto sul livello

Torna al menu Livello, scegli Stile livello, quindi scegli Incolla stile livello :

Andare su Livello> Stile livello> Incolla stile livello.

Il tratto appare attorno al bordo esterno. Ma è ancora troppo sottile, quindi ripareremo il prossimo:

Il risultato dopo aver incollato il tratto.

Passaggio 18: modificare la posizione della corsa in Interno

Nel pannello Livelli, fai doppio clic sull'effetto Traccia sotto il livello superiore:

Fare doppio clic sulla parola "tratto".

Questo riapre la finestra di dialogo Stile livello impostata con le stesse opzioni di Traccia utilizzate in precedenza. Lascia il valore di Dimensione uguale a prima, ma cambia la Posizione da Centro a Interno . Ciò sposterà l'intera larghezza del tratto all'interno dell'immagine. Fai clic su OK quando hai finito per chiudere la finestra di dialogo:

Modifica della posizione del tratto all'interno.

Step 19: Abbassa il Fill allo 0 percento

Di nuovo nel pannello Livelli, nascondi il contenuto del livello superiore abbassando il valore di Riempimento fino allo 0% . A differenza del valore di Opacità che nasconde sia il contenuto del livello sia tutti gli effetti del livello che abbiamo applicato, Fill nasconde solo il contenuto. Gli effetti di livello, come il nostro tratto, rimangono visibili:

Riducendo il valore di riempimento del livello allo 0 percento.

E con il valore di Riempimento allo 0%, il collage riappare e il nostro tratto ora ha la stessa larghezza lungo i bordi esterni che è tra le immagini:

Il collage dopo aver fissato l'ampiezza della corsa esterna.

Passaggio 20: aggiungere un livello di riempimento a tinta unita

A questo punto, il collage principale è terminato. Ma con così tante immagini diverse utilizzate, ci sono buone probabilità che ora abbiamo troppi colori diversi tutti in lotta per l'attenzione. Quindi ecco un modo rapido per unificare i colori e fondere l'intero collage insieme.

Nel pannello Livelli, assicurarsi che il livello superiore sia ancora selezionato. Quindi fai clic sull'icona Nuovo livello di riempimento o di regolazione in basso:

Facendo clic sull'icona "Nuovo livello di riempimento o regolazione".

E scegli un livello di riempimento a tinta unita dall'elenco:

Aggiunta di un livello di riempimento a tinta unita.

Step 21: Scegli un colore da fondere nel collage

Nel Selettore colore, scegli un singolo colore da mescolare con gli altri. Mi piace usare l'arancione perché aiuta anche a scaldare le immagini. Imposterò il valore H (Tonalità) su 40, il valore S (Saturazione) su 100 e anche il valore B (Luminosità) su 100 . Fai clic su OK quando hai finito per chiudere la finestra di dialogo:

Scegliere un colore da fondere nel collage.

Il livello di riempimento appare sopra gli altri livelli nel pannello Livelli e il colore blocca temporaneamente la visualizzazione del collage:

Il risultato dopo l'aggiunta del livello di riempimento Tinta unita.

Passaggio 22: modificare la modalità di fusione del livello di riempimento su Colore

Per fondere il colore con le immagini, cambia prima la modalità di fusione del livello di riempimento nel pannello Livelli da Normale a Colore :

Modifica della modalità di fusione del livello di riempimento in Colore.

Questo ci permette di vedere le immagini, ma il colore è ancora troppo intenso:

Il risultato dopo il metodo di fusione del livello di riempimento su Colore.

Passaggio 23: ridurre l'opacità del livello di riempimento

Quindi, per ridurre l'intensità e mescolare il nuovo colore con i colori originali, è sufficiente ridurre il valore di Opacità del livello di riempimento. Un buon modo di lavorare è iniziare abbassando l'opacità fino allo 0% in modo da vedere solo i colori originali. Quindi aumentare lentamente il valore fino a quando il risultato sembra buono. In generale, un valore del 10-15% funziona bene:

Riducendo l'opacità del livello di riempimento al 15 percento.

Puoi confrontare la versione colorata con i colori originali facendo clic sull'icona di visibilità del livello di riempimento per attivare e disattivare l'effetto:

Attiva e disattiva il livello di riempimento con l'icona di visibilità.

E qui, dopo aver abbassato l'opacità e unificato i colori, è il mio ultimo effetto collage verticale: