Photoshop: effetto vetro sul testo

di: Marco Grigis     28 Dicembre 2009

In questo tutorial, impareremo ad applicare un effetto in vetro su un testo con Photoshop CS4, così da rendere i titoli per i nostri layout più particolari. Il procedimento è abbastanza semplice e, per questo motivo, questa breve guida passo passo è adatta anche ai principanti.

Prepariamo l'area di lavoro

Prima di cominciare con la creazione del testo, è necessario preparare adeguatamente l'area di lavoro. Dal menu File scegliamo Nuovo e creiamo uno sfondo bianco di 300x300 pixel con risoluzione a 72 dpi. Le dimensioni, in questo caso, sono puramente dimostrative: l'area dovrà essere allargata o ridotta a seconda dell'ampiezza del testo che andremo ad elaborare. Settato lo sfondo, premiamo CTRL+T e spostiamoci con i righelli al centro. Si tratta di un piccolo escamotage: il comando abilita la funzione di trasformazione, così facendo possiamo individuare senza sforzo il centro dell'immagine (Figura1).

Figura 1

Impostazione area di lavoro

A questo punto, possiamo procedere riempiendo il nostro sfondo con un gradiente di preferenza. Per i meno esperti, si consiglia l'installazione degli Ultimate Web 2.0 Gradients, una comoda raccolta di sfumature pronte all'uso. Per installare questo pacchetto di gradienti, dalle opzioni dello Strumento sfumatura selezioniamo Carica Sfumature e, di conseguenza, indichiamo il file .grd appena scaricato. Per questo esempio, abbiamo utilizzato una sfumatura sui toni del blu. Per applicarla sul nostro sfondo, selezioniamo lo Strumento Sfumatura e tracciamo il nostro gradiente in diagonale sull'area prescelta (Figura 2).

Figura 2

Sfumatura dello sfondo

Creiamo il testo

Definito lo sfondo, possiamo procedere alla creazione del testo. Scegliamo lo Strumento testo orizzontale e inseriamo una o più parole al centro del foglio. Si consiglia di utilizzare un carattere non troppo sottile e un colore che sia compatibile con la sfumatura precedentemente creata. In questo caso, abbiamo scelto Arial Black a 72pt, allineamento al centro e una tonalità del blu, per la precisione la 416ddb (Figura 3).

Figura 3

Creazione del testo

Ora possiamo procedere ad applicare l'effetto vetro vero e proprio al nostro testo. Per prima cosa, posizioniamoci sul livello e riduciamo il suo Riempimento al 20-25%. In questo modo, renderemo il tutto semitrasparente senza però perderne la conformazione. Superato questo passaggio, dobbiamo pazientemente definire le Opzioni di fusione per conferire alle nostre parole un'aspetto realistico e leggermente in rilievo. Per comodità d'uso e a titolo esemplificativo, riportiamo qui le configurazioni utilizzate per questo tutorial (Figure da 4 a 11). Le varie opzioni permettono di calibrare l'ombreggiatura, la luce, il rilievo e i contorni. Di particolare importanza sono Bagliore interno e Bagliore esterno, i quali permettono di creare il tipico effetto luce sul vetro, e, non ultimi, lo Smusso ed effetto rilievo e il Contorno che ci conferiranno le tipiche sembianze delle superfici lucide trasparenti. Risulta sicuramente possibile utilizzare altre combinazioni rispetto a quelle proposte, così da ottenere un risultato finale che aderisca maggiormente al layout in cui il testo stesso verrà inserito.

Figura 4 - Ombra esterna (click per ingrandire)

Ombra esterna

Guide Grafica

3D Studio Max - Guida alla modellazione

Dall'interfaccia alla creazione e modellazione di oggetti...

Guida Photoshop CS5

Modifica e ottimizzazione dell'immagine, strumenti di disegno e...

Guida Photoshop CS4

Disegno, fotoritocco, effetti con Photoshop CS4: impariamo a usare...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti