Tutorial Magazine 014

Cover Tutorial Magazine numero 12

Tutorial Magazine 010 - Creare tasti in stile Web 2.0

Tutorial Magazine 009

Tutorial Magazine 008

Tutorial Magazine 007

Tutorial Magazine 006

Tutorial Magazine Numero 4

Tutorial Magazine

Cover Tutorial Magazine numero 12

Tutorial Magazine Numero 11

Valutazione attuale: / 2
ScarsoOttimo 

 

Effetto finale.
Scarica il font "arista", utilizzato in questa guida.

Le 4 fasi del tutorial:

Le 4 fasi della guida.

Queste sono le quattro fasi che costituiscono la guida:

1 Creazione dello sfondo.
2 Inserimento del testo e applicazione dell'effetto acqua.
3 Aggiunta di un secondo strato sotto al testo.
4 Colorazione delle lettere e aggiunta di gocce d'acqua.

Concluderemo la guida applicando alcune variazioni e aggiunte all'immagine, ottenendo un effetto diverso.

Effetto variante.


Inizio guida

Colori

Dopo aver installato il font Arisa nelle due versioni (normale ed extrafilled), lanciamo Photoshop e creiamo un nuovo documento dalle dimensioni di 1300x350 pixel, ad una risoluzione pari a 72 dpi. Se al momento in cui installavamo i font avevamo Photoshop in esecuzione, possiamo resettare i font in modo da ritrovarci anche gli ultimi inseriti. Per maggiori informazioni in merito leggi qui. Coloriamo poi lo sfondo utilizzando il colore #0033cc (R=0, G=51, B=204). Successivamente impostiamo i colori come indicato nella immagine di sinistra. Servendoci dello strumento sfumatura e utilizzandone il tipo lineare tracciamo un segmento all'interno del nostro documento partendo dall'alto verso il basso. Ricordiamoci che per tracciare un segmento perfettamente dritto possiamo tener premuto il tasto SHIFT mentre lo tracciamo. L'immagine successiva ci mostra come settare i parametri relativi alla sfumatura che vogliamo applicare:
Sfumatura

L'immagine successiva ci mostra come cambiera' il nostro documento dopo aver inserito la sfumatura.

prima e dopo.

Inseriamo il testo.

Utilizzando il font Arista digitiamo la parola Acquatico, color nero e  grandezza pari a 270 pt. Duplichiamo il livello testo (CTRL+J la scorciatoia da tastiera) e nascondiamo momentaneamente quello posto al di sotto dell'altro. Torneremo successivamente a rivisualizzarlo quando ci occorrera'.

Inserimento testo.

Applichiamo una traccia al testo, pari a 3 pixel, proprio come indicato nella finestra successiva:

Traccia.

Poi sara' la volta della voce Smusso ed effetto rilievo:

Smusso ed effetto rilievo.

E infine, tocchera' all'Ombra interna:

Ombra interna.

Riempimento.
Se ora portiamo a zero il valore di riempimento del livello di testo sul quale abbiamo finora lavorato, vedrete che il nero delle lettere scomparira', rendendo trasparenti le lettere. Salviamo le impostazioni finora inserite cliccando sul tasto "Nuovo stile..." in modo da poterlo riutilizzare nuovamente nella fase successiva. Nella immagine seguente ecco quanto dovremmo avere sullo schermo, a questo punto del lavoro. Qui termina la fase due della guida.

 

Anteprima.

Lo strato sotto il testo.

Extra Filled.

Torniamo ora a rendere visibile il secondo testo e modifichiamo il font utilizzato da Arista in Arista Extra Filled. Se nel passo precedente abbiamo salvato le impostazioni di stile livello attribuendo loro un nome, lo ritroveremo all'interno degli stili come indicato nella immagine successiva (l'ultimi fra i tanti). Applichiamo lo stesso stile, escludendo questa volta la voce "Traccia".
Stile livello.
Fine fase tre.
Ora abbiamo il nostro documento costituito da tre livelli:
  • lo sfondo su cui abbiamo applicato una sfumatura nella prima parte;
  • il livello testo con il font "Arista Extra Filled";
  • il livello testo con il font "Arista".

Ritocchi

Esempi di gocce.Posizioniamoci nuovamente sul livello di testo delle lettere interne e riportiamo a 100% il valore di riempimento nella finestra dei livelli, vedendo ridiventare di color nero le singole lettere. Possiamo selezionare una lettera per volta e variare il colore di ognuna, a nostro piacere. Aggiungiamo un tocco finale disegnando delle gocce all'interno del nostro documento applicando lo stesso stile livello che abbiamo creato pocansi.  Escludiamo anche questa volta la traccia di cui non abbiamo bisogno. Se utilizziamo lo strumento Ellisse per disegnare le gocce (immagine a sinistra), serviamoci del menu Modifica - Trasformazione - Altera per dare irregolarita' alla forma. Ed ecco di seguito l'immagine finale:

 

 

Scarica il file PSD della guida.

 

Variazioni.

Presto vedremo come combinare una precedente guida con quanto appreso in questo tutorial. Torna nei prossimi giorni per le novita'.

Se riscontri difficolta' nel seguire la guida, o vuoi farci vedere quanto hai realizzato, entra nel forum del sito!

Questo articolo è proprietà di adobe-photoshop.it . La distribuzione e la produzione di opere derivate basate sul contenuto sono consentite solo in osservanza delle norme della Licenza Creative Commons. La riproduzione a fini commerciali è consentita solo previo ottenimento di autorizzazione scritta.

Dona
Facebook Twitter Delicious Google Bookmarks RSS Feed 

Sondaggio Lascia qui il tuo voto

Quale parte del sito vuoi maggiormente sviluppata?
 

Effetto piega

Wallpaper
Framework
Immagini