Articles

Effetto ombra realistico in Photoshop

Posted on

Come creare un’ombra realistica

Passo 1: Selezionare la persona o l’oggetto

Prima di poter aggiungere un’ombra a qualcuno, dobbiamo prima selezionarlo. Usando lo strumento di selezione di tua scelta (Strumento lazo, Strumento di selezione rapida, Strumento penna, ecc.), disegna una selezione intorno alla persona (o all’oggetto) nella foto. Quando hai finito, dovresti vedere un contorno di selezione intorno a loro. Qui ho selezionato la ragazza:

Un contorno di selezione appare intorno alla ragazza nella foto.

Seleziona la persona o l’oggetto nella foto.

Passo 2: Copia la selezione su un nuovo livello

Con la persona o l’oggetto selezionato, premi Ctrl+J (Win) / Command+J (Mac) sulla tua tastiera per copiare rapidamente la selezione su un nuovo livello. Non accadrà nulla nella finestra del documento, ma se guardiamo nel pannello Livelli, vediamo che Photoshop ha copiato la selezione in un nuovo livello chiamato “Livello 1” sopra il livello Sfondo:

La selezione è stata copiata in un nuovo livello.

La selezione appare su un nuovo livello sopra il livello Sfondo.

Passo 3: Aggiungere spazio extra sulla tela se necessario

A seconda della tua immagine, potresti aver bisogno o meno di questo passo, ma nel mio caso, ho bisogno di aggiungere dello spazio extra sulla tela per fare spazio all’ombra. Il modo più semplice per aggiungere spazio extra sulla tela è con lo strumento Crop di Photoshop. Lo seleziono dal pannello Strumenti:

Selezione dello strumento Ritaglia in Photoshop.

Selezione dello strumento Ritaglia.

Per rendere più facile vedere quello che sto facendo, esco dalla finestra del documento e passo alla prima delle modalità a schermo intero di Photoshop premendo la lettera F sulla mia tastiera. Poi, con lo strumento Crop attivo, clicco nell’area grigia sopra e a sinistra dell’angolo in alto a sinistra dell’immagine e, tenendo premuto il pulsante del mouse, trascino nell’area grigia sotto e a destra dell’angolo in basso a destra:

Trascinando lo strumento Crop sull'immagine.

Trascinando lo strumento Crop in diagonale su tutta l’immagine.

Quando rilascio il pulsante del mouse, appare un bordo di ritaglio intorno all’immagine, con maniglie (quadratini) su tutti e quattro i lati e in ogni angolo. Ho bisogno di aggiungere più spazio sulla tela a sinistra della foto, quindi clicco sulla maniglia di sinistra e la trascino verso l’esterno:

Trascinando la maniglia di ritaglio di sinistra.

Aggiungo più spazio a sinistra trascinando la maniglia di ritaglio di sinistra.

Premerò Enter (Win) / Return (Mac) per accettare il ritaglio (anche se quello che stiamo facendo qui è esattamente l’opposto del ritaglio), a questo punto Photoshop aggiunge lo spazio extra sulla sinistra dell’immagine e lo riempie di bianco (il colore di sfondo predefinito). Premerò F sulla mia tastiera un paio di volte fino a tornare alla visualizzazione della finestra del documento:

Lo spazio extra della tela è stato aggiunto con lo strumento Crop.

Siccome il mio colore di sfondo è bianco (il colore predefinito), Photoshop riempie il nuovo spazio della tela con il bianco.

Passo 4: Aggiungi un nuovo livello vuoto sotto il livello 1

Tieni premuto il tasto Ctrl (Win) / Command (Mac) e clicca sull’icona Nuovo livello in fondo al pannello dei livelli:

Icona Nuovo livello di Photoshop nel pannello dei livelli.

Clicca sull’icona Nuovo livello tenendo premuto Ctrl (Win) / Command (Mac).

Questo dice a Photoshop non solo di aggiungere un nuovo livello al documento come farebbe normalmente, ma di aggiungere il nuovo livello sotto il livello attualmente selezionato (livello 1), che lo colloca tra il livello 1 e il livello Sfondo:

Un nuovo livello è stato aggiunto sotto il livello attualmente selezionato.

Il nuovo livello appare tra i due livelli originali.

Passo 5: Disegna un gradiente sul nuovo livello

Creiamo un nuovo sfondo per l’effetto usando un gradiente, che gli darà un po’ di profondità. Clicca sul campione del colore di primo piano vicino al fondo del pannello degli strumenti. Per impostazione predefinita, dovrebbe mostrare il nero:

Il campione del colore di primo piano in Photoshop.

Il nero è il colore di primo piano predefinito.

Questo apre il Selettore colore di Photoshop dove possiamo scegliere un nuovo colore di primo piano. Scegli un grigio chiaro. Se vuoi usare la stessa tonalità di grigio che sto usando io, inserisci 70% per il valore B (B sta per Brightness) sulla destra. Clicca su OK quando hai finito per chiudere il Color Picker:

Scegliere un grigio chiaro nel Color Picker di Photoshop.

Impostare il valore di Brightness (B) al 70% per un grigio chiaro. H (Hue) e S (Saturation) dovrebbero rimanere allo 0%.

Prossimo, seleziona lo strumento Gradiente dal pannello Strumenti. Useremo lo strumento gradiente alcune volte per questo effetto:

Selezionare lo strumento gradiente in Photoshop.

Selezionare lo strumento gradiente.

Con lo strumento gradiente attivo, clicca con il tasto destro del mouse (Win) / Control-click (Mac) in qualsiasi punto della finestra del documento per far apparire rapidamente il Gradient Picker, e assicurati di aver selezionato il primo gradiente – da primo piano a sfondo – cliccando sulla sua miniatura (la prima a sinistra, in alto). Premi Invio (Win) / Return (Mac) quando hai finito per chiudere il Gradient Picker:

Il Gradient Picker in Photoshop.

Seleziona il gradiente Foreground to Background.

Poi, clicca vicino al fondo del documento, tieni premuto il tasto Shift e trascina verso l’alto finché sei appena sopra il centro orizzontale dell’immagine. Tenendo premuto il tasto Shift mentre trascini vincola i tuoi movimenti, rendendo più facile trascinare verticalmente:

Trascinare il gradiente dal grigio al bianco.

Trascina fuori l’area di transizione per il gradiente dal grigio al bianco.

Rilascia il pulsante del mouse e Photoshop disegna il gradiente, che diventa il nuovo sfondo dell’immagine:

Il nuovo sfondo dal grigio chiaro al bianco.

Il sottile gradiente aggiunge un po’ di profondità all’immagine.

Passo 6: Aggiungi un nuovo livello sopra il gradiente

Clicca ancora una volta sull’icona Nuovo livello in fondo al pannello Livelli (non c’è bisogno di tenere premuto il tasto Shift questa volta):

L'icona Nuovo livello nel pannello Livelli di Photoshop.

Un nuovo livello vuoto appare sopra il livello del gradiente:

Un nuovo livello appare sopra il livello del gradiente nel pannello Livelli.

Il livello 3 appare sopra il gradiente.

Passo 7: Carica una selezione intorno alla persona o all’oggetto

Tieni premuto il tasto Ctrl (Win) / Command (Mac) e clicca direttamente sulla miniatura dell’anteprima del livello superiore nel pannello dei livelli. Non selezionare il livello, clicca solo sulla sua miniatura:

Cliccando sulla miniatura dell'anteprima del livello.

Tieni premuto il tasto Ctrl (Win) / Command (Mac) e clicca sulla miniatura dell’anteprima del livello 1.

Questo carica immediatamente una selezione attorno al contenuto del livello. Qui possiamo vedere che la ragazza nella mia foto è ora selezionata:

Appare una selezione intorno alla ragazza nella foto.

Un contorno di selezione appare intorno alla persona o all’oggetto che abbiamo selezionato per primo al punto 1.

Passo 8: Riempire la selezione con il nero

Vai al menu Modifica nella parte superiore dello schermo e scegli Riempimento:

Scegliere il comando Riempimento in Photoshop.

Vai su Modifica > Riempimento.

Quando appare la finestra di dialogo Riempimento, cambia l’opzione Usa in alto su Nero, poi clicca OK per chiudere la finestra di dialogo:

Impostare l'opzione Usa su Nero nella finestra di dialogo Riempimento.

Impostare Uso su Nero, quindi fare clic su OK.

Questo riempie la selezione con il nero. Non possiamo ancora vederlo nella finestra del documento perché l’immagine sul livello 1 lo blocca, ma possiamo vederlo nella miniatura di anteprima del livello nel pannello Livelli:

La miniatura di anteprima del livello.

Possiamo vedere il contenuto di un livello nella sua anteprima anche quando non lo vediamo nella finestra del documento.

Passo 9: Distorcere l’ombra in posizione

L’area che abbiamo appena riempito di nero diventerà la nostra ombra. Per prima cosa, dobbiamo rimodellarla e spostarla in posizione, e possiamo farlo usando il comando Distorsione di Photoshop. Vai al menu Modifica, scegli Trasforma, e poi scegli Distorsione:

Vai a Modifica Trasforma Distorsione.

Vai a Modifica > Trasforma > Distorsione.

Riforma l’area riempita di nero cliccando sulla maniglia superiore di trasformazione e trascinandola in diagonale verso il basso, a sinistra o a destra (a seconda della tua immagine), fino a quando non assomiglia più all’ombra della persona o dell’oggetto:

Distorsione dell'ombra in forma.

Trascina la maniglia di trasformazione superiore per distorcere l’ombra nella forma.

Potresti anche aver bisogno di fissare la parte inferiore dell’ombra trascinando le maniglie degli angoli inferiori. Nel mio caso, la parte inferiore dell’ombra non era perfettamente allineata con le scarpe della ragazza, quindi ho trascinato la maniglia di trasformazione in basso a destra verso l’alto e verso destra fino a quando tutto sembrava a posto:

Distorsione della parte inferiore dell'ombra.

Trascina le maniglie degli angoli inferiori, se necessario, in modo che la parte inferiore dell’ombra si allinei con la persona o l’oggetto.

Quando hai finito, premi Invio (Win) / Return (Mac) per accettare la trasformazione e uscire dal comando Distort. La tua ombra dovrebbe ora avere un aspetto simile a questo:

L'ombra è stata distorta.

La forma iniziale dell’ombra è ora al suo posto.

Passo 10: Applica una leggera sfocatura

I bordi dell’ombra sembrano un po’ troppo nitidi e taglienti, quindi applichiamo una leggera sfocatura. Vai al menu Filtro, scegli Sfocatura, poi scegli Sfocatura gaussiana:

Vai a Filtro Sfocatura Gaussiana.

Vai a Filtro > Sfocatura > Sfocatura gaussiana.

Questo apre la finestra di dialogo Sfocatura gaussiana. Aumentare il Raggio a circa 1,5 pixel per un effetto di sfocatura molto sottile, quindi fare clic su OK per uscire dalla finestra di dialogo. I bordi dell’ombra appariranno più morbidi:

La finestra di dialogo della sfocatura gaussiana in Photoshop.

Un valore di Raggio di circa 1,5 pixel è tutto ciò di cui abbiamo bisogno per iniziare.

Passo 11: Utilizzare la modalità Maschera veloce per selezionare gradualmente l’ombra

Perché un’ombra abbia un aspetto realistico, i bordi devono diventare gradualmente più morbidi quanto più lontano si estende dal soggetto. Per creare questo effetto di sfocatura graduale, useremo di nuovo il filtro Sfocatura gaussiana, ma prima creeremo una selezione usando la modalità Maschera veloce di Photoshop.

Selezionate ancora una volta lo strumento Gradiente dal pannello Strumenti, poi premete la lettera D sulla vostra tastiera per resettare i colori di primo piano e di sfondo di Photoshop ai loro valori predefiniti (il nero sarà il colore di primo piano, il bianco quello di sfondo). Poi, premi la lettera Q sulla tua tastiera per passare alla modalità Quick Mask. Niente sembrerà ancora diverso nella finestra del documento. Con lo strumento gradiente attivo, cliccate vicino al fondo dell’ombra e trascinate diagonalmente verso l’alto, così:

Trascinare un gradiente in modalità Maschera veloce in Photoshop.

Trascinate un gradiente diagonale dal basso verso l’alto dell’ombra.

Rilasciate il pulsante del mouse in cima all’ombra, e una sovrapposizione della Maschera veloce da rossa a trasparente appare attraverso l’immagine. La parte trasparente in cima all’ombra rappresenta l’area completamente selezionata. Il rosso nella parte inferiore dell’ombra non è selezionato affatto, mentre l’area in mezzo diventa sempre più selezionata man mano che il colore rosso sfuma gradualmente nella trasparenza:

Un gradiente da rosso a trasparente di Maschera veloce in Photoshop.

Come il colore sfuma dal rosso al trasparente, l’area diventa gradualmente più selezionata.

Premete la lettera Q sulla vostra tastiera per uscire dalla modalità Maschera veloce e tornare alla modalità normale. La sovrapposizione della Maschera veloce dal rosso al trasparente sarà sostituita da un profilo di selezione standard che sembra non fare altro che dividere l’ombra a metà, con solo la metà superiore selezionata. Questa è solo una sfortunata illusione da parte di Photoshop. Photoshop può solo visualizzare i contorni di selezione intorno ai pixel che sono selezionati almeno al 50%. Quindi, anche se sembra che non abbiamo ottenuto nulla, il filtro Sfocatura gaussiana sta per dimostrare il contrario:

Un contorno di selezione appare al posto della sovrapposizione della Maschera veloce.

Photoshop non può visualizzare accuratamente i contorni di selezione intorno ai pixel che sono solo parzialmente selezionati.

Passo 12: Applicare di nuovo il filtro sfocatura gaussiana

Siccome il filtro sfocatura gaussiana è stato l’ultimo filtro che abbiamo usato, possiamo richiamarlo velocemente premendo Ctrl+Alt+F (Win) / Command+Option+F (Mac) sulla tastiera. Questa volta, quando appare la finestra di dialogo, aumenta il valore del Raggio a circa 10 pixel, poi clicca su OK per uscirne:

Impostare il valore del Raggio a 10 pixel nella finestra di dialogo della sfocatura gaussiana.

Aumenta il valore del Raggio a 10 pixel circa.

Premere Ctrl+D (Win) / Command+D (Mac) per rimuovere il contorno della selezione, e vediamo nel documento che i bordi dell’ombra ora appaiono gradualmente più morbidi dal basso verso l’alto:

I bordi dell'ombra appaiono gradualmente più morbidi.

I bordi dell’ombra ora sembrano più realistici.

Passo 13: Aggiungere una maschera di livello

L’ombra deve sfumare man mano che si allontana dal soggetto, cosa che è facile da fare usando una maschera di livello. Clicca sull’icona della maschera di livello in fondo al pannello dei livelli. Una miniatura della maschera di livello riempita di bianco apparirà alla destra della miniatura dell’anteprima del livello dell’ombra:

Aggiungimento di una maschera di livello in Photoshop.

Una miniatura della maschera di livello appare dopo aver cliccato sull’icona della maschera di livello.

Passo 14: Impostare il colore di primo piano su un grigio scuro

Non vogliamo che l’ombra svanisca completamente, quindi clicchiamo sul campione del colore di sfondo nel pannello degli strumenti, che attualmente dovrebbe essere nero (i colori predefiniti di primo piano e sfondo sono invertiti quando una maschera di livello è selezionata):

Il campione di colore di sfondo in Photoshop.

Clicca sul campione del colore di Sfondo (quello in basso a destra).

Quando appare il Selettore colore, scegli un grigio scuro impostando il valore B (Luminosità) al 30%. Lascia le opzioni H (Hue) e S (Saturation) allo 0%. Fai clic su OK quando hai finito per chiudere il Selettore colore:

Scegliere un grigio scuro nel Selettore colore in Photoshop.

Scegli un grigio scuro per il colore di sfondo.

Passo 15: Disegnare un gradiente attraverso l’ombra sulla maschera di livello

Poi, con lo strumento gradiente selezionato, clicca ancora una volta vicino al fondo dell’ombra e trascina diagonalmente verso l’alto fino alla cima, proprio come abbiamo fatto un momento fa in modalità maschera veloce. La differenza qui è che stiamo disegnando il gradiente sulla maschera di livello:

Disegnare un gradiente sulla maschera di livello.

Disegna un gradiente dal bianco al grigio scuro dal basso verso l’alto dell’ombra.

Rilascia il pulsante del mouse in cima all’ombra. Dato che abbiamo disegnato il gradiente sulla maschera di livello e non sull’immagine stessa, non vediamo effettivamente il gradiente nel documento. Invece, vediamo l’effetto del gradiente sulla maschera di livello, con l’ombra che ora sfuma gradualmente mentre si allontana dal soggetto:

L'ombra ora sfuma gradualmente.

Passo 16: Abbassare l’opacità dell’ombra

Come ultimo passo, abbassiamo l’opacità dell’ombra in modo che non appaia così scura vicino al soggetto (poiché le ombre sono sempre un po’ trasparenti). Troverai l’opzione Opacità nell’angolo in alto a destra del pannello Livelli. Abbassala leggermente a circa l’85%:

L'opzione Opacità del livello in Photoshop.

Bassa l’opacità del livello dell’ombra all’85%.

E con questo, abbiamo finito! Ecco l’effetto “ombra proiettata” finale:

Fotoshop effetto ombra proiettata.

Il risultato finale.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *