Questo tutorial passo-passo ti mostra come creare un effetto pioggia in Photoshop che può essere facilmente aggiunto a qualsiasi foto. Funziona con qualsiasi versione di Photoshop. Per tutti i livelli di abilità.

La maggior parte di noi preferirebbe evitare di essere sorpreso dalla pioggia, se possibile, soprattutto se abbiamo le telecamere con noi. Ma cosa succede se fai parte di un gran numero di persone a cui piace scattare foto del tempo? Anche se la fotografia meteorologica non è il tuo interesse principale, non si può negare che la pioggia aggiunga una dimensione completamente nuova alle tue immagini. Quindi, come si scattano foto di pioggia senza bagnare la fotocamera?

Facile! Aspetta che smetta di piovere, scatta la foto, quindi aggiungi di nuovo la pioggia usando Photoshop, che è esattamente ciò che impareremo a fare.

Questa versione del tutorial è per Photoshop CS5 e precedenti. Gli utenti di Photoshop CC e CS6 vorranno dare un'occhiata al nostro tutorial Photoshop Rain Effect completamente aggiornato.

Ecco la foto con cui lavorerò per questo effetto:

L'immagine originale

Ed ecco la stessa immagine dopo aver aggiunto la pioggia in Photoshop. Sta davvero venendo laggiù!

Il risultato finale

Questo tutorial è tratto dalla nostra serie di effetti fotografici. Iniziamo!

Come creare un effetto pioggia con Photoshop

Passaggio 1: duplicare il livello di sfondo

La prima cosa che dobbiamo fare per questo effetto è duplicare il nostro livello Sfondo. Con la nostra immagine aperta in Photoshop, possiamo vedere nella palette Livelli che attualmente abbiamo un livello, che si chiama Sfondo . Questo strato contiene la nostra immagine originale:

La palette Livelli in Photoshop che ci mostra l'immagine originale sul livello Sfondo.

Dobbiamo creare una copia di questo livello, quindi usiamo la scorciatoia da tastiera rapida, Ctrl + J (Win) / Command + J (Mac). Sembra che non sia successo nulla nella finestra del documento, ma se guardiamo di nuovo nella nostra palette Livelli, possiamo vedere che ora abbiamo due livelli: il livello Sfondo originale nella parte inferiore e una copia di esso, che Photoshop ha chiamato " Livello 1 ", sopra di esso:

Duplica il livello di sfondo premendo "Ctrl + J" (Win) / "Command + J" (Mac).

Passaggio 2: aggiungi un po 'di spazio extra sull'area dell'immagine

La prossima cosa che faremo è aggiungere un ulteriore spazio di tela attorno all'immagine. Il motivo è che useremo il filtro "Motion Blur" sull'immagine e il filtro Motion Blur tende a incorrere in problemi quando si tratta di bordi, quindi renderemo le cose più facili dandogli un po 'più di spazio attorno ai bordi con cui lavorare. Vedrai cosa intendo in seguito, ma per ora, aggiungiamo un po 'di spazio in più sulla tela. Prima di farlo, ripristiniamo i colori di primo piano e di sfondo in Photoshop premendo D sulla tastiera. Questo imposta il nero come colore di primo piano e il bianco come colore di sfondo. Possiamo vederlo nei campioni di colore nella parte inferiore della palette Strumenti:

Ripristina i colori di primo piano e di sfondo.

Ora aggiungiamo il nostro spazio su tela. Per questo, useremo lo strumento Ritaglia . Selezionalo dalla palette Strumenti o premi semplicemente C sulla tastiera:

Seleziona lo strumento Ritaglia.

Quindi, con lo strumento Ritaglia selezionato, fai clic e trascina una selezione sull'intera immagine. Se stai lavorando con la visualizzazione delle immagini all'interno di una finestra del documento, premi F sulla tastiera per passare a Photoshop a schermo intero con la barra dei menu, che renderà le cose più facili. Quindi fai clic all'esterno dell'angolo in alto a sinistra dell'immagine e trascina verso il basso sotto l'angolo in basso a destra.

Quando rilasci il pulsante del mouse, vedrai delle piccole maniglie quadrate intorno all'immagine. Tieni premuto il tasto Alt (Win) / Opzione (Mac) e trascina la maniglia sinistra o destra verso l'esterno per aggiungere spazio su entrambi i lati dell'immagine. Tenendo premuto Alt o Opzione si dice a Photoshop di spostare contemporaneamente le maniglie su entrambi i lati, il che semplifica le cose. Aggiungi un paio di pollici in più sui lati. Quindi fai la stessa cosa per la parte superiore e inferiore. Tenere premuto Alt / Opzione e trascinare la maniglia superiore o inferiore per aggiungere la stessa quantità di spazio sopra e sotto l'immagine. Non preoccuparti di aggiungere troppo spazio perché lo ritaglieremo comunque in seguito. Per ora, è meglio aggiungere troppo che non abbastanza:

Trascina le maniglie per aggiungere più spazio nell'area di disegno attorno all'immagine.

Quando hai finito di trascinare le maniglie, premi Invio (Win) / Return (Mac) e Photoshop riempirà lo spazio extra con il nostro colore di sfondo corrente che è bianco:

Photoshop riempie lo spazio aggiuntivo con il colore di sfondo corrente.

Passaggio 3: aggiungere un nuovo livello vuoto

A questo punto dobbiamo aggiungere un nuovo livello vuoto al nostro documento, quindi con il livello superiore selezionato nella palette Livelli (puoi dire quale livello è selezionato da quale è evidenziato in blu), fai clic sull'icona Nuovo livello nella parte inferiore della palette Livelli:

Fai clic sull'icona "Nuovo livello" per aggiungere un nuovo livello vuoto.

Photoshop aggiunge un nuovo livello vuoto per noi sopra i nostri altri due livelli. Ancora una volta, nulla sembra essere successo all'immagine stessa, e questo perché il nostro nuovo livello è attualmente vuoto, ma possiamo vedere il nuovo livello nella parte superiore della palette Livelli. Photoshop lo chiama "Livello 2":

Il nuovo livello vuoto nella parte superiore della palette Livelli.

Passaggio 4: riempire il nuovo livello con il nero

Riempiremo il nuovo livello di nero. Poiché il nero è attualmente il nostro colore di primo piano, possiamo usare la semplice scorciatoia da tastiera Alt + Backspace (Win) / Opzione + Elimina (Mac), che dice a Photoshop di riempire il livello con il nostro colore di Foreground.

L'immagine apparirà ora piena di nero pieno, nascondendo temporaneamente la nostra foto dalla vista.

Passaggio 5: aggiungere rumore allo strato

Vai al menu Filtro nella parte superiore dello schermo, scegli Rumore, quindi Aggiungi rumore . Questo fa apparire la finestra di dialogo del filtro "Aggiungi rumore" di Photoshop. Trascina il cursore Quantità verso destra per aggiungere molto rumore all'immagine. Non c'è un valore esatto da inserire, basta aggiungere molto. Trascinerò il mio importo a circa il 150%. Inoltre, assicurati che l'opzione Monocromatica in basso sia selezionata:

Aggiungi rumore al livello nero.

Fare clic su OK al termine per applicare il rumore all'immagine e uscire dalla finestra di dialogo.

Passaggio 6: applicare il filtro sfocatura gaussiana al rumore

Dobbiamo aggiungere una piccola quantità di sfocatura al rumore, quindi torna al menu Filtro e questa volta scegli Sfocatura e poi Sfocatura gaussiana . Questo fa apparire la finestra di dialogo del filtro "Sfocatura gaussiana". Tutto ciò di cui abbiamo bisogno è una leggera quantità di sfocatura, quindi inserisci un valore di circa 0, 5 per il valore Raggio, quindi fai clic su OK per uscire dalla finestra di dialogo:

Applica il filtro Sfocatura gaussiana al rumore.

Passaggio 7: aggiungere un livello di regolazione dei livelli

Ricordi come ho appena finito di dirti di aggiungere molto rumore all'immagine? Bene, ora abbiamo troppe cose, ma lo sistemeremo usando Livelli. Utilizzeremo un livello di regolazione in modo da poter tornare indietro e modificare le impostazioni in Livelli ogni volta che vogliamo. Vogliamo anche assicurarci che il nostro livello di regolazione Livelli influisca solo sul livello di rumore e non abbia alcun effetto su altri livelli, quindi per farlo, tieni premuto il tasto Alt (Win) / Opzione e fai clic sull'icona Nuovo livello di regolazione in la parte inferiore della palette Livelli:

Tieni premuto "Alt" (Win) / "Opzione" (Mac) e fai clic sull'icona "Nuovo livello di regolazione".

Quindi trascina il mouse verso l'alto e seleziona Livelli dall'elenco dei livelli di regolazione:

Seleziona "Livelli" dall'elenco.

Poiché abbiamo tenuto premuto il tasto Alt / Opzione, Photoshop aprirà la finestra di dialogo Nuovo livello prima di aggiungere il livello di regolazione. Qui è dove diciamo a Photoshop che vogliamo solo che questo livello di regolazione dei Livelli influisca sul livello sottostante, che sarà il livello di rumore. Per fare ciò, fai clic all'interno della casella di controllo a sinistra del punto in cui dice Usa livello precedente per creare la maschera di ritaglio :

Finestra di dialogo "Nuovo livello" di Photoshop.

Fai clic su OK nell'angolo in alto a destra per uscire dalla finestra di dialogo e Photoshop aggiunge il livello di regolazione Livelli per noi. Visualizza anche la finestra di dialogo Livelli, che vedremo in seguito.

Passaggio 8: ridurre la quantità di rumore e aumentarne il contrasto

Utilizzeremo Livelli sia per ridurre la quantità di rumore che abbiamo sia per aumentare il contrasto nel rumore rimasto. Con la finestra di dialogo Livelli aperta, vedrai un grande grafico nella metà superiore. Questo si chiama istogramma . Non è necessario entrare nei dettagli qui, ma direttamente sotto l'istogramma, vedrai tre cursori: uno nero a sinistra, uno bianco a destra e uno grigio nel mezzo. Fai clic su quello nero a sinistra e inizia a trascinarlo verso destra.

Mentre lo fai, inizierai a vedere parte del rumore che scompare nell'immagine. Quindi fai clic su quello bianco a destra e inizia a trascinarlo verso sinistra, aumentando il contrasto nel rumore che è rimasto:

Rimuovi il rumore con il cursore nero a sinistra e aumenta il contrasto con il cursore a destra.

Non preoccuparti del cursore grigio nel mezzo. Si sposterà da solo mentre trascini quelli in bianco e nero. Puoi usare lo screenshot qui sopra come guida su fino a che punto spostare i cursori in bianco e nero o semplicemente sperimentare da solo fino a quando la tua immagine sembra meno un sacco di rumore e più come una notte stellata:

Riduci la quantità di rumore nell'immagine con il cursore nero e aumenta il contrasto del rumore con il cursore bianco.

Fai clic su OK in alto a destra nella finestra di dialogo Livelli quando hai finito di uscire da esso.

Passaggio 9: applicare il filtro Motion Blur al rumore

Tutto questo rumore che rimane nella nostra immagine diventerà la nostra pioggia. Non sembra ancora molto simile alla pioggia, ma lo aiuteremo applicando il filtro "Motion Blur", che darà alla nostra pioggia un po 'di movimento e direzione. Prima di poter applicare il filtro al disturbo, tuttavia, dobbiamo prima selezionarlo nella palette Livelli, poiché al momento abbiamo selezionato il livello di regolazione Livelli. Fai clic su "Livello 2" per selezionarlo:

Seleziona il livello di rumore nella palette Livelli.

Ora che abbiamo selezionato il livello corretto, tornare al menu Filtro nella parte superiore dello schermo, selezionare Sfocatura, quindi selezionare Sfocatura movimento, che fa apparire la finestra di dialogo "Sfocatura movimento". È possibile impostare la direzione in cui cade la pioggia regolando l'opzione Angolo . Ho intenzione di impostare il mio angolo a circa 60 °. Quindi inserisci un valore di circa 50 pixel per la Distanza, anche se potrebbe essere necessario sperimentare un po 'con quel valore a seconda delle dimensioni dell'immagine, ma 50 pixel funzionano bene per una foto 4x6 standard:

Imposta la direzione in cui cadrà la pioggia nell'opzione "Angolo", quindi imposta "Distanza" a circa 50 pixel.

Fare clic su OK per uscire dalla finestra di dialogo.

Passaggio 10: regolare nuovamente i cursori in bianco e nero nei livelli secondo necessità

A seconda di quanto hai trascinato i cursori in bianco e nero nella finestra di dialogo Livelli in precedenza, il rumore potrebbe essere scomparso completamente nell'immagine dopo aver applicato il filtro Motion Blur. Per ripristinarlo, è sufficiente regolare nuovamente i dispositivi di scorrimento facendo doppio clic direttamente sull'anteprima per il livello di regolazione Livelli nella palette Livelli:

Riporta la finestra di dialogo Livelli facendo doppio clic sulla sua miniatura nella palette Livelli.

Ciò riporta la finestra di dialogo Livelli e poiché stiamo usando un livello di regolazione, possiamo tornare indietro per ri-regolare i cursori tutte le volte che vogliamo senza danneggiare la nostra immagine. Probabilmente dovrai trascinare il cursore nero leggermente indietro verso sinistra per riportare il tuo rumore in vista, e potresti voler trascinare il cursore bianco un po 'più a sinistra e aggiungere più contrasto:

Trascina entrambi i cursori in bianco e nero più verso sinistra per riportare il rumore nell'immagine.

Ancora una volta, puoi utilizzare lo screenshot sopra come guida, ma è meglio sperimentare i cursori tenendo d'occhio l'immagine. Una volta che sei riuscito a ripristinare il rumore, fai clic su OK per uscire nuovamente dalla finestra di dialogo. La tua immagine ora dovrebbe assomigliare a questa:

Il rumore mosso è ora visibile nell'immagine.

Se guardi da vicino lungo i bordi superiore e inferiore dell'immagine, vedrai che le cose sembrano un po 'strane, ed è a causa del problema che ho menzionato all'inizio del tutorial con il filtro Motion Blur che ha problemi attorno ai bordi. Non preoccuparti perché abbiamo aggiunto spazio extra attorno ai bordi, quindi nessuna di quelle aree problematiche influenzerà la nostra foto. In effetti, lo ritaglieremo nel prossimo passaggio.

Passaggio 11: ritaglia lo spazio extra della tela

Ora che abbiamo applicato il nostro filtro Motion Blur, possiamo ritagliare lo spazio di tela aggiuntivo che abbiamo aggiunto in precedenza. Per fare ciò, fai clic con il pulsante destro del mouse (Win) / Ctrl + clic (Mac) direttamente sull'anteprima di "Livello 1" nella palette Livelli:

"Fai clic con il pulsante destro del mouse" (Win) / "Fai clic tenendo premuto il tasto Ctrl" (Mac) sulla miniatura del livello 1 nella palette Livelli.

Il livello 1 è la copia del nostro livello Sfondo e contiene la nostra immagine originale prima di aggiungere spazio extra sulla tela. Quando fai clic con il pulsante destro del mouse (Win) o fai clic tenendo premuto il tasto Ctrl (Mac) sulla sua anteprima, vedrai apparire una selezione all'interno del documento che ha le dimensioni esatte della nostra immagine originale:

Viene visualizzata una selezione all'interno del documento.

Tutto ciò di cui abbiamo bisogno ora è andare al menu Immagine nella parte superiore dello schermo e selezionare Ritaglia . Photoshop ritaglierà l'immagine attorno alla selezione, rimuovendo lo spazio di tela aggiuntivo e riportando l'immagine alle dimensioni che era quando abbiamo iniziato.

Dopo aver ritagliato l'immagine, premi Ctrl + D (Win) / Comando + D (Mac) per rimuovere la selezione dallo schermo.

Passaggio 12: Cambia la modalità di fusione del livello di rumore in "Schermo"

Abbiamo quasi finito. L'unico problema che rimane è che il livello di rumore sta ancora bloccando la visualizzazione dell'immagine originale. Per fonderlo con l'immagine e darci il nostro effetto pioggia, tutto ciò che dobbiamo fare è cambiare la modalità di fusione del livello di rumore. Seleziona il livello di disturbo ("Livello 2") nella palette Livelli. Quindi vai nell'angolo in alto a sinistra della palette Livelli, fai clic sulla freccia rivolta verso il basso a destra della parola "Normale", che è la modalità di fusione predefinita, e seleziona Schermo dall'elenco:

Cambia la modalità di fusione del livello di rumore da "Normale" a "Schermo".

Non appena si cambia la modalità di fusione, la foto originale diventa visibile nel documento e il nostro rumore mosso diventa la pioggia!

Se si desidera ottimizzare l'effetto della pioggia, fare semplicemente doppio clic nuovamente sull'anteprima del livello di regolazione Livelli nella palette Livelli per riportare la finestra di dialogo Livelli e ricalibrare i cursori in bianco e nero fino a quando non si è soddisfatti del effetto pioggia. Fai clic su OK quando hai finito per uscire da esso.

Ecco il mio ultimo effetto pioggia:

L'effetto finale.

Ecco come aggiungere la pioggia a una foto in Photoshop ed evitare di danneggiare la fotocamera! Visita la nostra sezione Effetti fotografici per ulteriori tutorial sugli effetti di Photoshop!