Archive for dicembre, 2008

Testo web 2.0 con Photoshop

dicembre 24th, 2008 | Category: photoshop, web design

Basta navigare un po’ in internet per accorgersi che nell’ultimo periodo il web sembra essersi sempre più uniformato, adattandosi a standard sempre più precisi. Ora, che la cosa sia o meno un bene non mi riguarda, quindi mi limiterò a mostrarvi come ottenere quel tipo di effetti tanto popolari di questi tempi.

Iniziamo con il testo, la parte più semplice.

In questo tutorial apprenderemo come realizzare un effetto di testo di questo tipo:

 

 

Iniziamo. Creiamo una nuova immagine, di una dimensione qualsiasi, con sfondo nero e testo bianco. Come font suggerisco il Trebuchet MS, particolarmente adatto a questo tipo di effetti. Dovrebbe essere presente di default anche sul vostro pc.

 

 

Ora iniziamo applicando questi effetti al nostro testo:

 

 Nel dettaglio, la sfumatura deve avere all’incirca queste impostazioni (il grigio è un #999999):

 

Bene, a questo punto dovreste aver ottenuto questo risultato:

 

Ci siamo quasi. Come prossimo passo, duplichiamo il livello (ctrl+J), andiamo nel menu Modifica, poi Trasforma>Rifletti verticale. Fatto questo, posizioniamo il nuovo livello sotto al precedente e spostiamolo in basso, in modo da creare una simmetria.

A questo punto apriamo il pannello effetti del livello appena creato e lasciamo tutto uguale, tranne un particolare: invertiamo la sfumatura, in modo da avere la parte grigia adiacente alla parte grigia del livello sottostante.

 

Il risultato è questo:

 

Creiamo un nuovo lvello (ctrl – shift – n) e posizioniamolo tra i due. In questo livello stenderemo una sfumatura che va da nero a trasparente, così:

 

In modo da ottenere questo:

 

Così facendo abbiamo ottenuto il nostro testo 2.0
Nel prossimo articolo vedremo come come abbellirlo ulteriormente con uno sfondo sfumato ed alcuni effetti 3d. Per ora è tutto, spero che questo tutorial sia stato utile. alla prossima!

No comments