Scopri come trasformare facilmente qualsiasi foto nel suo sfondo decorativo o bordo con Photoshop! Questo effetto è ottimo per le foto di matrimoni o fidanzamenti e richiede pochissimo tempo dall'inizio alla fine.

Per creare l'effetto, useremo due copie separate della foto; uno per l'immagine principale e uno per lo sfondo. Coloreremo lo sfondo usando un colore campionato direttamente dall'immagine, quindi lo capovolgeremo e lo dissolveremo in un effetto più simile a una filigrana.

Faremo quindi la nostra foto principale, la ridimensioneremo in dimensioni, le daremo un bel bordo e un'ombra e infine la riposizioneremo nel punto perfetto di fronte allo sfondo.

Userò Photoshop CC qui, ma questo tutorial è anche pienamente compatibile con Photoshop CS6. Se stai utilizzando una versione precedente di Photoshop, ti consigliamo di seguire il nostro tutorial originale sull'utilizzo di una foto come sfondo personale.

Ecco l'immagine che userò (foto di matrimonio di Adobe Stock):

La foto originale Credito: Adobe Stock.

Ed ecco come sarà l'effetto finale:

Il risultato finale

Trasforma una foto nel suo sfondo

Passaggio 1: duplicare il livello di sfondo

Con l'immagine appena aperta in Photoshop, se guardiamo nel pannello Livelli, vediamo la foto seduta sul livello Sfondo, attualmente l'unico livello nel documento:

Il pannello Livelli che mostra la foto sul livello Sfondo.

La prima cosa che dobbiamo fare è fare un paio di copie della foto. Useremo la prima copia per lo sfondo e la seconda copia per l'immagine principale.

Per creare la prima copia, vai al menu Livello nella barra dei menu nella parte superiore dello schermo, scegli Nuovo, quindi scegli Livello tramite Copia . Oppure, un modo più veloce è premere la scorciatoia da tastiera, Ctrl + J (Win) / Command + J (Mac):

Andare su Livello> Nuovo> Livello tramite Copia.

Photoshop crea una copia del livello Sfondo, nomina la copia "Livello 1" e la posiziona sopra l'originale:

La prima copia, denominata "Livello 1", appare nel pannello Livelli.

Passaggio 2: duplicare "Livello 1"

Per creare la seconda copia, vai di nuovo al menu Livello, scegli Nuovo, quindi scegli Livello tramite Copia, oppure premi la scorciatoia da tastiera, Ctrl + J (Win) / Comando + J (Mac):

Passare nuovamente a Livello> Nuovo> Livello tramite Copia.

La seconda copia, denominata "Copia livello 1", appare sopra gli altri due livelli:

Il pannello Livelli ora mostra il livello Sfondo originale e due copie sopra di esso.

Ti starai chiedendo perché abbiamo bisogno di tre strati qui quando sembra che tutto ciò di cui dovremmo davvero avere bisogno siano due; uno per la foto principale e uno per lo sfondo. Il motivo è che il livello Sfondo nella parte inferiore contiene le informazioni sull'immagine originale. Lasciando intatto il livello di sfondo, possiamo tranquillamente creare il nostro effetto mantenendo intatta la foto originale nel caso in cui ne avessimo mai bisogno.

Passaggio 3: Rinomina i nuovi livelli

Prima di andare oltre, rinominiamo rapidamente i due livelli che abbiamo appena aggiunto in modo da non lavorare con i nomi dei livelli generici di Photoshop. Inizieremo con il livello in alto. Fare doppio clic sul nome "Copia livello 1" per evidenziarlo. Quindi inserisci "Foto principale" sulla tastiera per il nuovo nome:

Rinominare il livello superiore "Foto principale".

Premi il tasto Tab sulla tastiera per saltare ed evidenziare il nome del livello sottostante ("Livello 1"):

Premi Tab per evidenziare il nome del livello successivo.

Digita "Foto di sfondo" come nuovo nome per il livello. Quindi, premi Invio (Win) / Return (Mac) sulla tastiera per accettare la modifica del nome:

Cambia il nome di "Livello 1" in "Foto di sfondo".

Passaggio 4: nascondi il livello "Foto principale"

Creeremo prima l'effetto di sfondo. Per vedere cosa stiamo facendo, dovremo nascondere il livello superiore ("Foto principale") dalla vista. Per fare ciò, fai clic sull'icona di visibilità ( icona del bulbo oculare) a sinistra del livello "Foto principale":

Fare clic sull'icona di visibilità per il livello "Foto principale" per nasconderlo nel documento.

Passaggio 5: selezionare lo strumento contagocce

Con il livello "Foto principale" ora nascosto, coloriamo lo sfondo usando un colore campionato direttamente dall'immagine. Per questo, avremo bisogno dello strumento contagocce di Photoshop. Selezionalo dalla barra degli strumenti:

Selezione dello strumento contagocce.

Passaggio 6: impostare la dimensione del campione su "Media 5 x 5"

Con lo strumento contagocce selezionato, cerca nella barra delle opzioni nella parte superiore dello schermo e troverai l'opzione Dimensione campione . Per impostazione predefinita, Dimensioni campione è impostato su Punto campione, il che significa che quando facciamo clic sull'immagine per campionare un colore con lo strumento contagocce, campioneremo il colore solo dal pixel specifico su cui abbiamo fatto clic.

Di solito è troppo esatto per ciò di cui abbiamo bisogno. Piuttosto che campionare il colore solo da quel pixel specifico, spesso è meglio campionare il colore medio del punto in cui facciamo clic.

Per fare ciò, cambia la Dimensione del campione in Media 5 x 5 . Questo dice a Photoshop di guardare tutti i pixel all'interno di una casella di 5 pixel per 5 pixel che circonda il pixel su cui facciamo clic, quindi scegliere il colore medio di quei pixel:

Modifica della dimensione del campione in "Media 5 x 5".

Passaggio 7: campionare un colore dall'immagine

Fare clic su un'area nell'immagine contenente il colore che si desidera utilizzare per lo sfondo. Prenderò un colore dalla guancia della donna, che dovrebbe funzionare bene:

Facendo clic sull'immagine con lo strumento contagocce per campionare un colore.

Il colore che hai campionato verrà visualizzato come nuovo colore di primo piano nella barra degli strumenti:

Il campione di colore di primo piano nella barra degli strumenti.

Passaggio 8: colorare lo sfondo usando un livello di regolazione Tonalità / Saturazione

Ora che abbiamo campionato un colore, usiamolo per colorare lo sfondo. Per questo, useremo uno dei livelli di regolazione Tonalità / Saturazione di Photoshop. Fai clic sull'icona Nuovo livello di riempimento o regolazione nella parte inferiore del pannello Livelli:

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

Quindi scegli Tonalità / Saturazione dall'elenco:

Selezione di un livello di regolazione Tonalità / Saturazione.

Le opzioni e i controlli per il livello di regolazione Tonalità / Saturazione vengono visualizzati nel pannello Proprietà . Non c'è bisogno di armeggiare con i cursori qui cercando di scegliere un colore perché abbiamo già scelto il colore che vogliamo usare. Invece, tutto ciò che dobbiamo fare è attivare l'opzione Colorize facendo clic all'interno della sua casella di controllo:

Selezionando l'opzione "Colorize" nel pannello Proprietà.

Photoshop colora immediatamente l'immagine usando il colore che abbiamo campionato:

L'effetto colorante iniziale.

Aumenta la saturazione del colore trascinando il cursore Saturazione nel pannello Proprietà verso destra. Un valore di 50 dovrebbe funzionare bene. Quindi, per sfumare lo sfondo, trascina il cursore Luminosità verso destra su un valore di circa +75 :

Aumentando la saturazione a 50 e la luminosità a +75.

Ecco come appare ora il mio background:

Lo sfondo sbiadito e colorato.

Passaggio 9: capovolgi l'immagine in orizzontale

Capovolgiamo la foto di sfondo in orizzontale in modo che appaia come un'immagine speculare della nostra foto principale. Per fare ciò, fai clic sul livello "Foto di sfondo" nel pannello Livelli per selezionarlo:

Selezione del livello "Foto di sfondo".

Vai al menu Modifica nella parte superiore dello schermo, scegli Trasforma, quindi scegli Capovolgi orizzontale :

Andare su Modifica> Trasforma> Capovolgi orizzontale.

La foto si capovolgerà lateralmente, dandoci il nostro effetto "immagine speculare" e completando il nostro lavoro sullo sfondo:

Il risultato dopo aver capovolto la foto di sfondo in orizzontale.

Crea un effetto di immagine speculare con Photoshop

Passaggio 10: selezionare e attivare il livello "Foto principale"

Abbiamo finito con il nostro background per ora, quindi lavoriamo sulla nostra immagine principale. Fai clic sul livello "Foto principale" nel pannello Livelli per selezionarlo:

Selezione del livello "Foto principale".

Quindi, riattiva il livello "Foto principale" nel documento facendo nuovamente clic sull'icona della sua visibilità (il riquadro vuoto in cui si trovava il bulbo oculare):

Facendo clic sull'icona di visibilità per il livello "Foto principale".

Con il livello "Foto principale" di nuovo attivo, l'immagine originale ora sta bloccando la foto di sfondo dalla vista. Lo ripareremo dopo:

La foto principale è di nuovo visibile di fronte allo sfondo.

Passaggio 11: ridimensiona la foto principale con trasformazione gratuita

Ridimensioniamo la foto principale in modo che appaia più piccola di fronte allo sfondo. Vai al menu Modifica nella parte superiore dello schermo e scegli Trasformazione libera . Oppure, un modo più veloce per selezionare Trasformazione libera è premendo la scorciatoia da tastiera, Ctrl + T (Win) / Command + T (Mac):

Vai a Modifica> Trasformazione libera.

In questo modo la casella Trasformazione libera di Photoshop e le maniglie attorno all'immagine. Premi e tieni premuto Maiusc + Alt (Win) / Maiusc + Opzione (Mac) sulla tastiera mentre trascini una delle maniglie d'angolo verso l'interno per ridurre le dimensioni della foto. Tenendo premuto Maiusc mentre trascini, le proporzioni originali dell'immagine vengono bloccate in posizione, mentre il tasto Alt / Opzione indica a Photoshop di ridimensionare l'immagine dal suo centro anziché dall'angolo.

È un appello al giudizio da parte tua quanto piccolo vuoi rendere la tua immagine. Farò il mio circa il 50-60% delle sue dimensioni originali:

Ridurre le dimensioni della foto principale usando Trasformazione libera.

Quando sei soddisfatto delle dimensioni dell'immagine, rilascia il pulsante del mouse, quindi rilascia il tasto Maiusc e il tasto Alt / Opzione. Assicurati di rilasciare prima il pulsante del mouse, quindi i tasti, altrimenti perderai l'effetto dei tasti.

Premi Invio (Win) / Return (Mac) sulla tastiera per accettare la nuova dimensione dell'immagine ed uscire dal comando Trasformazione libera:

Il risultato dopo il ridimensionamento dell'immagine principale con Trasformazione libera.

Passaggio 12: aggiungi un tratto intorno alla foto principale

Aggiungiamo un bordo sottile attorno alla nostra immagine principale. Per questo, useremo uno stile di livello Tratto. Fai clic sull'icona Stili livello (icona "fx") nella parte inferiore del pannello Livelli:

Facendo clic sull'icona Stili livello.

Quindi seleziona Tratto dall'elenco visualizzato:

Selezionando "Traccia" dall'elenco degli stili di livello.

Questo apre la finestra di dialogo Stile livello impostata sulle opzioni Tratto nella colonna centrale. Scegliamo un colore per il nostro tratto campionando ancora una volta un colore dall'immagine. Per cambiare il colore del tratto, fai clic sul campione colore :

Facendo clic sul campione di colore nelle opzioni Tratto.

Questo apre il Selettore colore di Photoshop. Invece di scegliere un colore dal Selettore colore come faremmo normalmente, sposta il cursore del mouse sull'immagine. Il cursore si trasformerà in un'icona a contagocce, proprio come abbiamo visto in precedenza con lo strumento Contagocce.

Fai clic su un colore nell'immagine che desideri utilizzare per il tratto in modo che Photoshop possa campionarlo. Farò clic su un grigio chiaro dal vestito della sposa:

Campionamento di un colore tratto dall'immagine.

Dopo aver campionato il tuo colore, fai clic su OK nel Selettore colore per chiuderlo:

Fare clic su OK per chiudere il Selettore colore.

Successivamente, nella finestra di dialogo Stile livello, assicurati che l'opzione Posizione sia impostata su Interno, per dare agli angoli nitidi del tratto. Quindi, aumenta lo spessore del tratto trascinando il cursore Dimensione verso destra. Le dimensioni esatte che scegli dipenderanno dalle dimensioni della tua immagine, ma tieni presente che non cercheremo un look Polaroid qui. Vogliamo qualcosa di più elegante, soprattutto se lo stai facendo con una foto di matrimonio, quindi cerca di mantenere il tuo tratto abbastanza sottile. Per la mia immagine, una dimensione del tratto di circa 16 px funziona bene:

Impostare Posizione su "Interno", quindi aumentare il valore Dimensione.

Non chiudere ancora la finestra di dialogo Stile livello perché abbiamo ancora uno stile di livello da aggiungere. Ecco come appare la mia immagine principale finora con il tratto applicato. Come possiamo vedere, il tratto è sottile e appena visibile:

Il risultato dopo aver aggiunto il tratto intorno all'immagine principale.

Passaggio 13: aggiungi un'ombra discendente

Quindi, aggiungiamo un'ombra esterna all'immagine principale. Fai clic direttamente sulle parole Ombra esterna a sinistra della finestra di dialogo Stile livello:

Facendo clic sulle parole "Sfalsa ombra".

Questo farà apparire le opzioni di Ombra discendente nella colonna centrale (dove le opzioni di Tratto erano un momento fa). Per impostazione predefinita, Photoshop imposta il colore dell'ombra sul nero, ma è troppo duro per questo effetto. Proviamo ancora una volta un colore dall'immagine. Per cambiare il colore dell'ombra, fai clic sul campione colore :

Facendo clic sul campione di colore nelle opzioni Ombra discendente.

Questo apre di nuovo il Selettore colore . Proprio come abbiamo fatto prima, sposta il cursore del mouse sull'immagine. Il cursore si trasformerà in un'icona a contagocce . Cerca un colore nell'immagine che sia all'incirca lo stesso del colore che hai usato per colorare lo sfondo. Solo questa volta, vorrai una versione più scura del colore (dal momento che è un'ombra, dopo tutto). Faccio clic sull'area appena sotto il mento della donna:

Campionamento di una tonalità della pelle più scura da utilizzare per il colore dell'ombra.

Fai clic su OK nel Selettore colore per chiuderlo e accettare il nuovo colore dell'ombra:

Fare clic su OK per chiudere il Selettore colore.

Tornando alla finestra di dialogo Stile livello, lascia l'opzione Opacità impostata su 35% (il valore predefinito), ma cambia l' Angolo a 135 ° in modo che la sorgente luminosa sembri essere in alto a sinistra. Trascina il cursore Distanza per controllare fino a che punto l'ombra si estende verso l'esterno da dietro l'immagine. L'importo necessario dipende dalle dimensioni dell'immagine, quindi tieni d'occhio il documento mentre trascini il cursore. Per me, un valore di Distanza di circa 60 px sembra buono.

Infine, trascina il cursore Dimensione per regolare la morbidezza dell'ombra. Ancora una volta, questo dipenderà dalla tua immagine. Vado con un valore di Dimensione di 30 px :

Le opzioni Ombra esterna nella finestra di dialogo Stile livello.

Fare clic su OK al termine per chiudere la finestra di dialogo Stile livello. Il tuo effetto ora dovrebbe assomigliare a questo:

Il risultato dopo aver applicato il tratto e rilasciare l'ombra sull'immagine principale.

Passaggio 14: riposizionare la foto principale

Le cose sembrano buone, tranne un problema. La mia immagine principale di fronte sta bloccando le persone dalla vista sullo sfondo. Risolverò il problema spostando l'immagine principale in un posto migliore. Innanzitutto, selezionerò lo strumento Sposta di Photoshop dalla barra degli strumenti. Potrei anche selezionare lo strumento Sposta premendo la lettera V sulla mia tastiera:

Selezione dello strumento Sposta.

Quindi, con il livello "Foto principale" ancora selezionato nel pannello Livelli, farò clic all'interno del documento e trascinerò la foto principale nella sua nuova posizione. Ancora una volta, questo dipenderà dall'immagine specifica su cui stai lavorando e potrebbe non essere necessario spostare l'immagine. Nel mio caso, sposterò l'immagine verso il basso nella parte inferiore sinistra del documento:

Trascinando l'immagine dal centro nell'angolo in basso a sinistra.

Passaggio 15: ridimensionare e riposizionare la foto di sfondo

L'unico problema rimanente è che il lato destro della mia foto principale sta ancora bloccando troppa coppia dalla vista sullo sfondo. Devo spostare la coppia sullo sfondo più a destra e posso farlo aumentando le dimensioni della mia foto di sfondo. Normalmente cerchiamo di evitare di rendere le immagini più grandi delle loro dimensioni originali perché tende a renderle morbide e opache. Ma poiché questa immagine viene utilizzata semplicemente come sfondo, possiamo cavarcela.

Per prima cosa, farò clic sul livello "Foto di sfondo" nel pannello Livelli per selezionarlo:

Selezione del livello "Foto di sfondo".

Quindi, salgo ancora una volta nel menu Modifica nella parte superiore dello schermo e scelgo Trasformazione libera . Oppure, potrei premere la scorciatoia da tastiera, Ctrl + T (Win) / Command + T (Mac):

Vai a Modifica> Trasformazione libera.

Ciò posiziona la casella Trasformazione libera e le maniglie attorno alla foto di sfondo. Per darmi più spazio per lavorare, rimpicciolirò leggermente l'immagine tenendo premuto il tasto Ctrl (Win) / Command (Mac) e premendo il tasto meno ( - ) sulla tastiera un paio di volte. Questo mi permette di vedere più dell'area di lavoro vuota (l'area scura) intorno all'immagine:

Eseguire lo zoom indietro dall'immagine per vedere più area intorno alla foto.

Per ridimensionare la foto di sfondo, terrò premuto il tasto Maiusc per bloccare le proporzioni originali dell'immagine mentre trascino la maniglia nell'angolo in alto a destra verso l'esterno fino a quando le due persone appaiono più centrate tra la foto principale e il lato destro del documento. Quando sono soddisfatto della nuova dimensione, rilascerò il pulsante del mouse, quindi rilascerò il tasto Maiusc (in questo ordine):

Tenendo premuto Maiusc mentre trascini la maniglia di trasformazione libera in alto a destra verso l'esterno.

Possiamo anche riposizionare un'immagine all'interno del documento usando Free Transform. Ora che ho ridimensionato la foto di sfondo, la sposterò un po 'verso il basso facendo clic all'interno della casella Trasformazione libera e trascinandola verso il basso con il mouse fino a quando la parte superiore della testa della donna non viene più tagliata dalla parte superiore di il documento. Quando sei soddisfatto delle dimensioni e della posizione della tua foto di sfondo, premi Invio (Win) / Return (Mac) sulla tastiera per accettarla ed uscire da Free Transform:

Facendo clic e trascinando all'interno della casella Trasformazione libera per spostare la foto di sfondo verso il basso.

E con ciò, abbiamo finito! Qui, dopo aver ridimensionato e riposizionato la foto di sfondo, ecco il mio risultato finale:

L'effetto finale.

E lì ce l'abbiamo! Ecco come trasformare facilmente una foto nel suo sfondo decorativo o bordo con Photoshop! Per tutorial simili, dai un'occhiata alla nostra sezione bordi e cornici di Photoshop. Oppure, visita la nostra sezione principale di Effetti fotografici per ulteriori tutorial sugli effetti di Photoshop!