Fade un’immagine a qualsiasi colore di sfondo con Photoshop

Come sfumare un'immagine in uno sfondo a colori con Photoshop

Scopri passo dopo passo come sfumare un’immagine in nero, bianco o qualsiasi colore di sfondo con Photoshop! Perfetto per aggiungere spazio al testo o per fondere un’immagine con un disegno.

Scritto da Steve Patterson.

In questo tutorial, ti mostro quanto sia facile sfumare un’immagine in qualsiasi colore di sfondo con Photoshop. Questo è un ottimo modo per fondere un’immagine in un disegno più grande, o per creare spazio per aggiungere testo accanto al soggetto.

Inizieremo creando un nuovo documento e inserendo un’immagine in esso. Quindi sceglieremo un colore iniziale per lo sfondo e sfumeremo l’immagine nel colore usando una maschera di livello. Infine, ti mostrerò come cambiare lo sfondo a qualsiasi colore che ti piace, incluso come scegliere un colore direttamente dall’immagine stessa.

È possibile seguire con qualsiasi versione recente di Photoshop. Ma nota che uno dei passaggi utilizza un gradiente e Adobe ha apportato modifiche ai gradienti in Photoshop 2020. Quindi, per ottenere i migliori risultati con questo tutorial, ti consigliamo di utilizzare Photoshop 2020 o versioni successive. Sto usando Photoshop 2021.

Ecco un esempio di come sarà il risultato finale:

Come sfumare un'immagine in un colore di sfondo con Photoshop

Un’immagine sbiadita in un colore di sfondo.

Iniziamo!

Scarica questo tutorial come PDF pronto per la stampa!

Fase 1: Creare un nuovo documento Photoshop

Iniziare con la creazione di un nuovo documento. Se sei nella schermata iniziale di Photoshop, crea un nuovo documento facendo clic sul pulsante Crea nuovo

Facendo clic sul pulsante Crea nuovo nella schermata iniziale di Photoshop.

Facendo clic su Crea nuovo nella schermata iniziale.

Oppure, se sei nell’interfaccia principale, vai al menu File e scegli Nuovo:

 Scegliendo il nuovo comando dal menu File di Photoshop.

Andando al file > Nuovo.

Quindi nella finestra di dialogo Nuovo documento, immettere le impostazioni. Ill impostare la larghezza a 3000 pixel, l’altezza a 1600 pixel, la risoluzione a 300 pixel per pollice e il contenuto di sfondo al bianco:

 Le impostazioni per il nuovo documento di Photoshop

Le nuove impostazioni del documento.

Quindi creare il nuovo documento facendo clic sul pulsante Crea:

Facendo clic sul pulsante Crea nella finestra di dialogo Nuovo documento di Photoshop.

Facendo clic sul pulsante Crea.

Passo 2: Posizionare l’immagine nel documento

Quindi, posizionare l’immagine nel documento salendo al menu File e scegliendo Luogo incorporato:

Scelta del comando Inserisci incorporato dal menu File di Photoshop.

Andare al file > Posto incorporato.

Passare all’immagine sul computer, fare clic sull’immagine per selezionarla, quindi fare clic su Posiziona:

Selezionare e posizionare l'immagine nel documento Photoshop.

Scegliere l’immagine e fare clic su Posiziona.

Related: Apri immagine vs Posiziona immagine in Photoshop

Photoshop posiziona l’immagine nel documento e apre il comando Trasformazione libera in modo da poter ridimensionare l’immagine se necessario e spostarla in posizione. Se l’immagine è più grande della dimensione del documento, Photoshop la ridimensionerà automaticamente per adattarla, come ha fatto qui (ritratto di moda da Adobe Stock):

Il comando Trasformazione libera si apre automaticamente dopo aver posizionato l'immagine nel documento Photoshop.

La trasformazione libera si apre automaticamente quando si inserisce un’immagine in un documento.

Fase 3: Trascina il soggetto su un lato del documento

Per lasciare più spazio all’immagine sullo sfondo, sposta il soggetto di lato premendo e tenendo premuto il tasto Maiusc sulla tastiera e trascinando l’immagine a sinistra oa destra. Tenendo premuto Maiusc si limita la direzione che si può spostare, rendendo più facile il trascinamento dritto:

Trascinando il soggetto su un lato del documento Photoshop.

Trascinando l’oggetto su un lato del documento.

Quando hai finito, chiudi Trasformazione libera facendo clic sul segno di spunta nella barra delle opzioni:

Chiudere la trasformazione libera facendo clic sul segno di spunta.

Facendo clic sul segno di spunta.

Nel pannello Livelli, vediamo che Photoshop ha posizionato l’immagine su un nuovo livello sopra il livello di sfondo:

 Pannello Livelli di Photoshop che mostra l'immagine posizionata sul proprio livello.

L’immagine è stata posizionata sul proprio livello.

Correlati: Come aprire più immagini come livelli!

Passaggio 4: Aggiungi un livello di riempimento a tinta unita

In realtà non utilizzeremo il livello di sfondo per il colore di sfondo. Invece, useremo un livello di riempimento a tinta unita che renderà più facile scegliere qualsiasi colore di cui abbiamo bisogno.

Per aggiungere un livello di riempimento a tinta unita, assicurarsi che il livello immagine sia selezionato. Quindi fare clic sull’icona Nuovo riempimento o livello di regolazione nella parte inferiore del pannello Livelli:

Fare clic sull'icona Nuovo riempimento o livello di regolazione nel pannello Livelli di Photoshop

Fare clic sull’icona Nuovo riempimento o livello di regolazione.

E scegli Tinta unita dall’elenco:

Aggiunta di un livello di riempimento Tinta unita.

Aggiunta di un livello di riempimento a tinta unita.

Punto 5: Scegliere un colore di sfondo iniziale

Nel Selettore colore, è possibile scegliere qualsiasi colore che ti piace. Ma sceglierò il bianco per ora impostando i valori R, G e B su 255. Torneremo e cambiare il colore una volta che abbiamo sbiadito l’immagine in esso.

Fare clic su OK quando hai finito per chiudere il Selettore colore:

Scegliere il bianco dal Selettore colore di Photoshop.

Scegliere il bianco come colore di sfondo iniziale.

Nel pannello Livelli, il livello di riempimento è stato aggiunto sopra l’immagine, motivo per cui blocca l’immagine dalla vista:

 Il documento è temporaneamente riempito di bianco.

Il documento è temporaneamente riempito di bianco.

E si noti che il livello di riempimento include una maschera di livello incorporata. Useremo questa maschera di livello per sfumare il colore nell’immagine:

 La miniatura della maschera di livello sul livello di riempimento Colore solido.

La miniatura della maschera di livello sul livello di riempimento.

Passaggio 6: Selezionare la maschera di livello

Al momento, viene selezionato il livello di riempimento stesso, che possiamo distinguere dal bordo bianco attorno al campione di colore. Abbiamo bisogno che la maschera di livello sia selezionata, quindi fai clic sulla miniatura della maschera:

Selezionando la maschera di livello sul livello di riempimento a tinta unita.

Selezione della maschera di livello.

Passo 7: Selezionare lo strumento Gradiente

Per sfumare il colore e l’immagine insieme, stiamo andando a disegnare un gradiente sulla maschera. E per questo, abbiamo bisogno dello strumento Gradiente.

Selezionare lo strumento Gradiente dalla barra degli strumenti:

Selezionare lo strumento Gradiente dalla barra degli strumenti di Photoshop.

Selezione dello strumento Gradiente.

Punto 8: Scegli il gradiente da nero a bianco

Quindi nella barra delle opzioni, fai clic sulla freccia accanto al campione del gradiente:

Fai clic sulla freccia per aprire il selettore del gradiente nella barra delle opzioni di Photoshop

Fai clic sulla freccia per aprire il selettore del gradiente.

Nel Selettore gradiente, apri la cartella Basics (nuova a partire da Photoshop 2020) e scegli il gradiente da nero a bianco facendo doppio clic sulla relativa miniatura:

Selezionando il gradiente da nero a bianco nel Selettore gradiente di Photoshop

Facendo doppio clic sulla miniatura del gradiente da nero a bianco.

Punto 9: Disegna un gradiente da nero a bianco sulla maschera di livello

Ora, poiché non possiamo ancora vedere l’immagine, non faremo le cose per bene al primo tentativo. Ma l’idea è di trascinare un gradiente da nero a bianco attraverso la maschera di livello nell’area in cui vogliamo che l’immagine svanisca nel colore.

Quindi imposta un punto di partenza per il gradiente facendo clic e tenendo premuto da qualche parte nell’area generale in cui appare il soggetto. Nel mio caso, lei è sulla destra:

Facendo clic e tenendo premuto con lo strumento Gradiente per impostare l'inizio del gradiente.

Facendo clic e tenendo premuto con lo strumento Gradiente per impostare l’inizio del gradiente.

Quindi, con il pulsante del mouse ancora premuto, premere e tenere premuto il tasto Maiusc sulla tastiera e trascinare attraverso l’area in cui si desidera che l’immagine e il colore a svanire l’uno nell’altro. Quindi questa sarà l’area di transizione tra il colore e l’immagine. Tenendo premuto il tasto Maiusc mentre trascini limita l’angolo del gradiente in modo che sia più facile trascinarlo dritto:

Tenendo premuto Maiusc e trascinando attraverso l'area di transizione tra l'immagine e il colore di sfondo.

Tenendo premuto Shift e trascinando l’area di transizione tra l’immagine e il colore.

Quindi per completare il gradiente, rilasciare il pulsante del mouse e quindi rilasciare il tasto Maiusc (in questo ordine). E proprio così, l’immagine ora sta svanendo nel colore:

L'immagine ora sfuma nel colore bckground in Photoshop

L’immagine ora sfuma nel colore.

Visualizzazione del gradiente nella miniatura della maschera di livello

Possiamo vedere il gradiente guardando la miniatura della maschera di livello nel pannello Livelli. L’area nera della maschera è dove il livello di riempimento è nascosto al 100%, consentendo all’immagine sottostante di mostrarlo. L’area bianca è dove il livello di riempimento è visibile al 100% e blocca l’immagine dalla vista. E il gradiente in mezzo è dove svaniscono insieme:

Il gradiente da nero a bianco appare nella miniatura della maschera di livello

Il gradiente appare nella miniatura della maschera di livello.

Come visualizzare il gradiente in un documento

È inoltre possibile visualizzare la maschera di livello nel documento tenendo premuto il tasto Alt (Windows) o Opzione (Mac) su un Mac, e fare clic sulla miniatura della maschera di livello:

tenere Premuto il tasto Alt (Windows) o Opzione (Mac) e facendo clic sulla miniatura della maschera di livello

tenere Premuto il tasto Alt (Windows) o Opzione (Mac) e facendo clic sulla miniatura della maschera di livello.

E ora è più facile vedere l’area nera in cui l’immagine viene visualizzata, il bianco in cui il colore è visibile e l’area di transizione tra di loro:

Visualizzazione della maschera di livello nel documento Photoshop

Visualizzazione della maschera di livello nel documento.

Tenere premuto il tasto Alt o Opzione e fare nuovamente clic sulla miniatura della maschera di livello per nascondere la maschera:

Tenere premuto Alt (Win) / Opzione (Mac) e fare nuovamente clic sulla miniatura della maschera di livello

Tenere premuto Alt (Win) / Opzione (Mac) e fare nuovamente clic sulla miniatura della maschera di livello.

Passo 10: Ridisegna il gradiente per regolare l’effetto dissolvenza

Ora se non hai disegnato il gradiente esattamente nel punto giusto, va bene perché puoi semplicemente disegnarne un altro. In effetti, puoi ridisegnare il gradiente tutte le volte di cui hai bisogno. Ogni nuovo gradiente disegnato sostituirà il precedente.

Farò clic per impostare il mio punto di partenza da qualche parte intorno all’occhio della donna:

Facendo clic per impostare il punto di partenza del secondo gradiente.

Facendo clic per impostare il punto di partenza del secondo gradiente.

Quindi con il tasto del mouse ancora premuto, terrò premuto il tasto Maiusc sulla tastiera e trascinerò verso sinistra:

 Tenendo premuto Maiusc e trascinando attraverso l'area di transizione.

Tenendo premuto Maiusc e trascinando attraverso l’area di transizione.

Ma nota quando rilascio il pulsante del mouse che sono andato troppo lontano, e possiamo vedere il bordo sinistro dell’immagine:

Il bordo sinistro dell'immagine è ora visibile.

Il bordo sinistro dell’immagine è visibile.

Quindi proverò ancora una volta, iniziando nello stesso punto:

Facendo clic per impostare il punto iniziale del terzo gradiente.

Facendo clic per impostare il punto di partenza per il terzo tentativo.

Ma questa volta trascinando una distanza più breve:

Trascinando un'area di transizione più breve.

Trascinando un’area di transizione più breve.

Rilascerò il pulsante del mouse, quindi il tasto Maiusc. E questo sembra migliore:

 L'immagine svanisce meglio nel colore dopo il terzo tentativo.

Un risultato migliore.

Passo 11: Scegli un nuovo colore del livello di riempimento

Una volta che l’immagine si sbiadisce nel colore, puoi cambiare il colore facendo doppio clic sul campione di colore del livello di riempimento nel pannello Livelli:

Facendo doppio clic sul campione di colore del livello di riempimento

Facendo doppio clic sul campione di colore del livello di riempimento.

Quindi scegliere un nuovo colore dal Selettore colore:

Scegliere un colore di sfondo diverso dal Selettore colore

Scegliere un colore diverso dal Selettore colore.

Oppure sceglierne uno direttamente dall’immagine. Basta spostare il cursore del mouse sull’immagine e fare clic su un colore per campionarlo.

L’opzione Dimensione campione

Ma prima di campionare un colore, vai alla barra delle opzioni e cambia la dimensione del campione dal punto Campione (l’impostazione predefinita) a qualcosa di più grande, come 3×3, 5×5 o 11×11. In questo modo, campionerai il colore medio dell’area piuttosto che il colore di un singolo pixel. Sceglierò 5×5:

Scelta di un campione più grande per lo strumento contagocce in Photoshop

Scelta di un campione più grande.

L’opzione di esempio

Inoltre, assicurati che l’opzione di esempio sia impostata su Tutti i livelli:

Assicurati che l'opzione di esempio sia impostata su Tutti i livelli nella barra delle opzioni di Photoshop

Assicurati che l’opzione di esempio sia impostata su Tutti i livelli.

Quindi fare clic su diverse parti dell’immagine per campionare il colore fino a trovare quello che funziona meglio. Proverò un colore grigiastro dall’alto a destra. Al termine, fare clic su OK per chiudere il Selettore colore:

Campionamento di un colore dall'alto a destra dell'immagine da utilizzare come colore di sfondo in Photoshop

Facendo clic nell’alto a destra dell’immagine per campionare il colore.

Passo 12: Ridisegnare il gradiente (opzionale)

Infine, se si vuole andare avanti e ridisegnare il gradiente, basta selezionare la miniatura della maschera di livello nel pannello Livelli:

Riselezionare la miniatura della maschera di livello in Photoshop pannello Livelli

Riselezionare la maschera di livello.

Poi con lo Strumento Gradiente ancora selezionato, fare clic e tenere premuto il punto di partenza, tenere premuto Maiusc e trascinare l’area di transizione:

Ridisegnare il gradiente sulla maschera di livello

Ridisegnare il gradiente sulla maschera di livello.

Rilasciare il pulsante del mouse, quindi rilasciare il tasto Maiusc. Ed ecco il mio risultato finale:

L'immagine sta svanendo nel colore di sfondo in Photoshop

L’effetto finale.

Dove andare dopo…

E ci siamo! Ecco come sfumare un’immagine in qualsiasi colore di sfondo con Photoshop!

Per ulteriori modi per fondere le immagini insieme, controlla i miei tre modi per fondere due immagini tutorial. Oppure visita la mia sezione Effetti fotografici per ulteriori tutorial! E non dimenticare, tutti i miei tutorial sono disponibili per il download come PDF!

Ottieni tutti i nostri tutorial di Photoshop come PDF! Scaricarli oggi!

Leave a Reply

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.