Home
» Wiki
»
Come creare un bordo ombra in Photoshop
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:
Immagine originale aperta in Photoshop
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:
Il pannello Livelli di Photoshop mostra l'immagine sul livello Sfondo.
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:
Sblocca il livello Sfondo.
Photoshop rinomina il livello da Sfondo a Livello 0 e l'icona del lucchetto scompare:
Il livello Sfondo è stato rinominato e sbloccato.
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:
Fare clic sull'icona Nuovo livello di riempimento o di regolazione.
E seleziona Colore pieno dall'elenco:
Aggiungere un livello di riempimento Colore pieno.
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 :
Scegli il bianco come colore del bordo dell'immagine dal Selettore colore di Photoshop
Tornando al documento, il bianco del livello di riempimento blocca temporaneamente la vista dell'immagine:
Risultato dopo l'aggiunta del livello di riempimento Colore pieno.
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:
Trascina il livello di riempimento Colore pieno sotto l'immagine nel pannello Livelli di Photoshop
Rilascia il pulsante del mouse per posizionarlo correttamente:
Il pannello Livelli di Photoshop mostra il livello di riempimento Colore pieno sotto l'immagine.
E ora torniamo a visualizzare l'immagine, con il livello di riempimento nascosto dietro:
L'immagine viene visualizzata nuovamente nel documento Photoshop.
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 :
Selezionare il comando Dimensioni tela dal menu Immagine di Photoshop.
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:
Seleziona l'opzione Relativa e la casella Ancora al centro nella finestra di dialogo Dimensioni Canva di Photoshop
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 :
Immettere le dimensioni del bordo dell'immagine nei campi Larghezza e Altezza della finestra di dialogo Dimensioni area di lavoro.
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:
Il bordo dell'immagine appare dopo aver aggiunto lo spazio sulla tela in Photoshop
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 :
Selezionare il comando Adatta allo schermo dal menu Visualizza di Photoshop.
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 :
Selezionare il comando Annulla dimensione quadro dal menu Modifica di Photoshop.
Quindi torna al menu Immagine , torna a Dimensioni tela , riprova con valori diversi per Larghezza e Altezza :
Riselezionare il comando Dimensioni tela dal menu Immagine di Photoshop
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:
Seleziona il livello dell'immagine nel pannello Livelli di Photoshop
Passaggio 8: aggiungere un effetto ombra
Quindi fare clic sull'icona fx in basso:
Fare clic sull'icona degli effetti di livello nel pannello Livelli di Photoshop
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 Angolo, Distanza e Dimensione per Ombra Esterna nella finestra di dialogo Stile Livello di Photoshop
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:
Trascina l'ombra per impostare l'angolo e la distanza.
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:
Inserire i valori Angolo e Distanza nella finestra di dialogo.
Ecco i risultati finora:
Risultato dopo aver impostato Angolo e Distanza dell'ombra.
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:
Imposta il valore Dimensione per Ombra.
Ed ecco il risultato con i bordi ora più morbidi:
Il risultato dopo aver aumentato il valore Dimensione ombra per ammorbidire i bordi.
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%:
Per schiarire l'ombra, abbassare il valore Opacità.
Quando sei soddisfatto del risultato, fai clic su OK per chiudere la finestra di dialogo Stile livello :
Chiudere la finestra di dialogo Stile livello di Photoshop.
Ed ecco il risultato dopo aver ridotto l'opacità dell'ombra:
Effetto bordo ombra originale.
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:
Fare doppio clic sul campione di colore del livello di riempimento Colore pieno.
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:
Prendi come campione il colore del bordo dall'immagine.
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:
Risultati con il colore personalizzato del bordo della foto in Photoshop.
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:
Riapri l'effetto livello Ombra esterna nel pannello Livelli di Photoshop
E nella finestra di dialogo Stile livello , fai clic sul campione colore ombra:
Fare clic sul campione colore Ombra esterna nella finestra di dialogo Stile livello di Photoshop
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:
Campiona un colore da un'immagine da utilizzare come colore Ombra portata.
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:
Aumenta la saturazione e diminuisce la luminosità del colore campionato.
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:
I bordi e le ombre delle immagini utilizzano colori personalizzati tratti dall'immagine.
Video tutorial su come creare un bordo ombra in Photoshop