Come creare un bordo ombra in Photoshop

Questo tutorial ti mostrerà come aggiungere spazio su tela e ombra alla tua foto in Photoshop per creare una cornice semplice ma elegante. Iniziamo creando un effetto di base con un contorno bianco e un'ombra nera. Il tutorial ti mostrerà poi come personalizzare l'effetto scegliendo i colori dei bordi e le ombre direttamente dalla foto stessa.

Passaggio 1: aprire l'immagine in Photoshop

Per prima cosa apri la tua foto. Nell'esempio verrà utilizzata questa immagine da Adobe Stock:

Passaggio 2: sblocca il livello di sfondo

Nel pannello Livelli, l'immagine appare sul livello Sfondo. A questo punto, il livello Sfondo è bloccato, come indicato dall'icona del lucchetto a destra del nome del livello:

Per mettere un bordo attorno all'immagine, dobbiamo aggiungere un nuovo livello sotto l'immagine. Ma non possiamo farlo se il livello Sfondo è bloccato. Per sbloccare, fare clic sull'icona del lucchetto.

Oppure, se stai utilizzando una vecchia versione di Photoshop e cliccando sull'icona del lucchetto non funziona, tieni premuto il tasto Alt (Win) / Opzione (Mac) sulla tastiera e fai doppio clic sull'icona del lucchetto:

Photoshop rinomina il livello da Sfondo a Livello 0 e l'icona del lucchetto scompare:

Passaggio 3: aggiungere un livello di riempimento di colore pieno

Per creare il bordo dell'immagine, utilizzeremo il livello di riempimento Colore pieno.

Fare clic sull'icona Nuovo livello di riempimento o di regolazione  nella parte inferiore del pannello Livelli:

E seleziona Colore pieno dall'elenco:

Quindi, nel Selettore colore, seleziona il bianco impostando i valori R, G e B su 255. Per ora useremo il bianco come colore del bordo e ti mostreremo come modificarlo in seguito. Al termine, fare clic su OK :

Tornando al documento, il bianco del livello di riempimento blocca temporaneamente la vista dell'immagine:

Passaggio 4: spostare il livello di riempimento sotto l'immagine

Per risolvere il problema, fai clic sul livello di riempimento Colore pieno nel pannello Livelli e trascinalo sotto l'immagine:

Rilascia il pulsante del mouse per posizionarlo correttamente:

E ora torniamo a visualizzare l'immagine, con il livello di riempimento nascosto dietro:

Passaggio 5: aprire la finestra di dialogo Dimensioni tela

Ora dobbiamo aggiungere più spazio sulla tela attorno all'immagine. Lo spazio in più diventerà il bordo. Poiché vogliamo che le dimensioni del bordo siano le stesse su tutti e quattro i lati, il modo migliore per farlo è utilizzare il comando Dimensione tela di Photoshop.

Vai al menu Immagine nella barra dei menu e seleziona Dimensioni tela :

Passaggio 6: aumentare la larghezza e l'altezza della tela

Nella finestra di dialogo Dimensioni tela, fare clic sull'opzione Relativa . Questa opzione indica a Photoshop di iniziare con le dimensioni correnti della tela e i valori immessi per Larghezza e Altezza verranno aggiunti a quelle.

Nella griglia di ancoraggio , assicurati che la casella centrale sia selezionata in modo che la spaziatura extra venga aggiunta uniformemente in alto, in basso, a sinistra e a destra:

Quindi, inserisci le dimensioni del bordo nei campi Larghezza e Altezza. Ma ricorda che i valori che inserisci verranno divisi equamente tra le due parti. Ad esempio, se si immette 2 pollici per Larghezza , verrà creato un bordo di 1 pollice sui lati sinistro e destro della foto. Se invece immetti 2 pollici per Altezza , verrà creato un bordo di 1 pollice in alto e in basso.

Per l'immagine di esempio, un bordo di 1 pollice sarebbe un po' largo. Un bordo di 3/4 di pollice sarebbe l'ideale. Quindi, per aggiungere un bordo di 3/4 di pollice sui lati sinistro e destro della foto, dovresti impostare la Larghezza al doppio di tale valore, ovvero 1,5 pollici. Per mantenere le stesse dimensioni ovunque, anche l'altezza deve essere impostata su 1,5 pollici.

Al termine, fare clic su OK per chiudere la finestra di dialogo Dimensioni tela :

Photoshop aggiunge ulteriore spazio sulla tela attorno all'immagine, creando una cornice fotografica. Anche se lo spazio extra è in realtà trasparente, appare bianco perché il livello di riempimento Colore pieno sotto l'immagine è visibile:

Come regolare i bordi delle immagini sullo schermo

Se il bordo è troppo grande per adattarsi allo schermo, vai al menu Visualizza nella barra dei menu e seleziona Adatta allo schermo :

Come modificare la dimensione del bordo

Lo svantaggio del comando Dimensioni quadro di Photoshop è che non c'è modo di visualizzare in anteprima le nuove dimensioni prima di accettarle. Quindi, se il bordo è troppo largo o troppo stretto, vai al menu Modifica e seleziona Annulla dimensione tela :

Quindi torna al menu Immagine , torna a Dimensioni tela , riprova con valori diversi per Larghezza e Altezza :

Passaggio 7: selezionare il livello dell'immagine

Abbiamo aggiunto un bordo, ora dobbiamo aggiungere un'ombra. Nel pannello Livelli, fare clic sul livello dell'immagine per selezionarlo:

Passaggio 8: aggiungere un effetto ombra

Quindi fare clic sull'icona fx in basso:

E seleziona Ombra esterna dall'elenco:

Passaggio 9: regola le impostazioni di Ombra portata

Le opzioni per Ombra esterna si aprono nella finestra di dialogo Stile livello di Photoshop. Le 3 opzioni principali sono Angolo, Distanza e Dimensione . L'angolo controlla la direzione della sorgente luminosa, la distanza indica quanto lontano si estende l'ombra dal soggetto e la dimensione controlla la morbidezza dei bordi dell'ombra:

Opzioni di angolo e distanza

Il modo più rapido per impostare l'angolo e la distanza di un'ombra è semplicemente fare clic all'interno del documento, tenere premuto il pulsante del mouse e trascinare l'ombra per posizionarla. Durante il trascinamento, i valori Angolo e Distanza nella finestra di dialogo cambieranno.

Qui, l'esempio consiste nel trascinare l'ombra verso il basso e verso destra:

Oppure puoi inserire valori specifici per Angolo e Distanza. Nell'esempio l'Angolo verrà impostato a 135 gradi e la Distanza a 80 px. I valori di cui hai bisogno, in particolare Distanza e Dimensione, dipenderanno dalla tua immagine:

Ecco i risultati finora:

Opzioni di dimensione

Quindi aumentare il valore Dimensione per ammorbidire i bordi delle ombre. Nell'esempio il valore verrebbe impostato a 60 px, ma anche in questo caso dipenderà dall'immagine:

Ed ecco il risultato con i bordi ora più morbidi:

Opzione opacità

È anche possibile regolare l'intensità dell'ombra utilizzando il cursore Opacità. Valori di Opacità più alti scuriranno l'ombra, mentre valori più bassi la schiariranno. L'esempio abbasserà il valore del 30%:

Quando sei soddisfatto del risultato, fai clic su OK per chiudere la finestra di dialogo Stile livello :

Ed ecco il risultato dopo aver ridotto l'opacità dell'ombra:

Come personalizzare il colore e l'ombra del bordo

A questo punto l'effetto principale è completo. Abbiamo aggiunto un bordo attorno all'immagine e un'ombra dietro l'immagine. Ma invece di usare un bordo bianco e un'ombra nera, possiamo personalizzare l'effetto scegliendo i colori direttamente dalla foto. Ecco come fare.

Passaggio 10: fare doppio clic sul campione di colore del livello di riempimento

Per cambiare il colore del bordo, fai doppio clic sul campione colore del livello di riempimento nel pannello Livelli:

Passaggio 11: prelevare il nuovo colore del bordo dall'immagine

Verrà riaperto il Selettore colori. Invece di selezionare un nuovo colore direttamente dal Selettore colori, sposta il cursore del mouse sull'immagine e fai clic su un colore per campionarlo.

Un esempio sarebbe cliccare sulla spalla della donna:

Il colore campionato diventa immediatamente il nuovo colore del contorno. Puoi continuare a cliccare su diverse aree dell'immagine per trovare la corrispondenza cromatica migliore. Al termine, fare clic su OK per chiudere il Selettore colore.

Ecco il risultato con il bordo impostato sul nuovo colore:

Passaggio 12: riaprire le impostazioni Ombra esterna

Quindi, per scegliere un nuovo colore per l'ombra, fai doppio clic sull'effetto livello Ombra esterna sotto il livello dell'immagine:

E nella finestra di dialogo Stile livello , fai clic sul campione colore ombra:

Passaggio 13: campiona il nuovo colore dell'ombra dall'immagine

Una volta aperto il Selettore colore, sposta il cursore del mouse sull'immagine e clicca su un colore per campionarlo. Un esempio sarebbe cliccare sulla spalla della donna:

Passaggio 14: Regola la luminosità e la saturazione del colore

Il colore dell'ombra deve essere scuro e molto saturo. Quindi, prima di chiudere il Selettore colore, aumenta il valore di Saturazione (S) del colore al 100% o a un valore prossimo a questo valore.

Quindi, scurisci il colore diminuendo il valore Luminosità (B) del colore. Nell'esempio il valore verrà ridotto al 30% in modo che l'ombra non risulti troppo scura, ma potresti volerla scurire ulteriormente a seconda dell'immagine:

Fai clic su OK per chiudere il Selettore colore e il gioco è fatto! Ecco il risultato finale utilizzando il bordo personalizzato e il nuovo colore per l'ombra:

Video tutorial su come creare un bordo ombra in Photoshop