0

Come creare un header riflettente in Photoshop

Tempo fa, ad un mio collega designer fu chiesto di creare un header per un nuovo sito dove si potevano scaricare wallpapers ad alta definizione, da cui il nome “TheFull1080”. Il sito doveva essere disegnato in tono minimalista e così anche il suo header. Quindi fu chiesto al designer che l’intestazione fosse il più semplice e “fresca” possibile, ma anche audace e che catturasse l’attenzione del visitatore. E allora cosa c’è di meglio per ottenere questo se non creare un semplice testo dandogli un effetto riflettente? Qui di seguito ho scritto un tutorial su come creare un’intestazione in Photoshop utilizzando questa bella tecnica.

Passo 1

Aprite Photoshop e create un nuovo documento con le impostazioni che vedete nello screenshot di seguito.

documento-photoshop

Passo 2

Create un nuovo livello utilizzando il tipo di carattere Avant Garde LT Media (o un altro simile se non l’avete!). Impostate la dimensione dei caratteri a 150 p. Trattandosi di un sito dove sarà possibile trovare sfondi ad alta definizione, andremo a dare al “1080” una fresca ombra blu (# 0099cc) e lasciate il resto in nero. Impostate questi valore al colore…

colore-photoshop

Passo 3

Spostate la scritta nella parte superiore del documento in modo che vi sia lo spazio sufficiente per la riflessione in basso. Per centrare la scritta in orizzontale, selezionate sia lo sfondo che gli strati dalle palette dei livelli. Ora dal menu andate su Livello-Allinea-centra orizzontalmente. Ora avrete la scritta perfettamente allineata…

allineamento-photoshop

Passo 4

Duplicate il livello del testo (Ctrl + J) e capovolgetelo verticalmente. Per fare questo andate su Modifica-Trasforma-Rifletti in verticale. Ora spostate il nuovo livello del testo appena sotto il primo. Potete fare questo tenendo premuto Shift e usando i tasti freccia.

riflesso-photoshop

Passo 5

Aggiungete una maschera al livello del testo riflesso in questo modo….

maschera-livello-photoshop

Ora con lo strumento gradiente selezionato (G) e utilizzando il bianco e nero come colori di sfondo e di primo piano, date una sfumatura al testo riflesso in questo modo…..

sfumatura-photoshop

Passo 6

Infine, per sottolineare la sensazione di “pulizia e chiarezza”, andremo ad aggiungere una riflesso lente. Create un nuovo livello e “riempitelo” di nero. Ora impostate il metodo di fusione su Scherma.

lente-riflesso-photoshop

Dal menu Filtro andare su Rendering-Riflesso lente. Impostate le opzioni come sono nella schermata qui sotto.

riflesso-lente-rendering-photoshop

Finito!! Se avrete lavorato bene, il risultato finale dovrebbe essere questo…

testo-riflesso-photoshop

Condividi suShare on Facebook0Tweet about this on TwitterShare on Google+0Share on Reddit0

Michele D'Ippolito

Lascia un commento

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


*