salta alla navigazione

Scritte di fuoco con Photoshop (buon San Valentino)! Febbraio 12, 2008

1 Star2 Stars3 Stars4 Stars5 Stars (17 votes, average: 4 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Di Tutto Di Più, Grafica, Photoshop CS2, Photoshop CS3, Quotidianità.., Special Events, Tutorials , trackback

120208preview.jpgVista la vicinanza del 14 febbraio (che è San Valentino), ho pensato di fare un tutorial che potesse entrarci in qualche modo con questa data. Quello che cercheremo di fare, sarà creare una scritta infuocata “LOVE” che al posto della “O” ha un cuore. Partiamo?

Prima di cominciare facciamo il punto della situazione sui font che adopereremo. Utilizzeremo un font che dovreste avere tutti, e cioè un Arial Black per le lettere “L, V, E” e un Sexy Rexy Smitten per la “O”. Quest’ultimo font lo potete scaricare cliccando qui, mentre questa è l’home page del font:

http://www.dafont.com/sexyrexy-smitten.font

Una volta scaricato lo zip, troverete oltre al font (inseritelo nella cartella dei vostri font tramite pannello di controllo —> Caratteri o Font), anche varie immagini. Tra queste è presente la mappa dei caratteri, che è utilissima per sapere a che immagine corrisponde ogni carattere che digitiamo. Nel tutorial io ho scelto un semplice cuore che corrisponde alla lettera “W” (doppia v maiuscola), ma potete scegliere qualsiasi altra figura con la sua relativa lettera.

Ok, cominciamo sul serio. Create un nuovo documento di dimensioni a vostro piacimento; queste sono le mie preferenze:

12020801new.jpg

Assicuratevi di avere come colore di sfondo il nero e come colore di primo piano il bianco. Scegliendo Colore di Sfondo (Background Color) il documento sarà riempito di nero.

Ora selezionate lo Strumento Maschera testo orizzontale (Horizontal Type Mask Tool):

12020802hortypemtool.jpg

Impostate lo strumento in questo modo:

12020803set.jpg

Scrivete ora quello che desiderate, nel mio caso LWVE (La W diventerà un cuore):

12020804type.jpg

Andate ora a selezionare la “W” e cambiate il font da Arial Black a SexyRexy-Smitten:

12020805fontchange.jpg

Esiste la possibilità che la dimensione che avete utilizzato per le altre lettere facciano diventare troppo grande il cuore (nel senso che non entra nel documento); quindi potete abbassare la dimensione del simbolo a vostra discrezione, io l’ho portata da 250pt a 220pt:

12020806fontdim.jpg

Perfetto, clicchiamo sullo Strumento selezione rettangolare (Rectangular Marquee Tool) ed utilizziamolo per spostare la scritta nel punto del documento più idoneo (io l’ho messa in centro); per muovere la scritta basta cliccare dentro la selezione che vi appare e, tenendo premuto il tasto sinistro del mouse, muovere la scritta:

12020807movetext.jpg

Con lo Strumento Secchiello (Paint Bucket Tool), andiamo a riempire di bianco la selezione (basta un click dentro la selezione stessa):

12020808fill.jpg

Deselezioniamo la scritta andando su Selezione —> Deseleziona (Select —> Deselect):

12020809deselect.jpg

Perfetto. Utilizziamo ora lo Strumento sfumino (Smudge Tool), indicato da questo simbolo: smudge-tool, ed impostiamolo nel seguente modo:

12020810smudgeopt.jpg

Logicamente la dimensione scelta dipende dalla dimensione della vostra scritta, per me è bastato un 30px, ma a voi potrebbe servirvi anche un valore più grande (o più piccolo). Adesso viene la parte “difficile”; dovete cercare di simulare i movimenti ondulati del fuoco sulla scritta. Fate un po’ di pratica con lo strumento e vedrete che è facile.

12020811smudgwork1.jpg

Come noterete parto dai bordi della scritta e vado verso l’alto. Dopo aver tracciato le basi delle prime fiamme, provate a riprendere le fiamme stesse per renderle più sfuocate e meno marcate. Fate questo lavoro per tutto il testo:

12020812smudgwork2.jpg

Tutte le lettere devono essere infuocate in ogni punto, le fiamme partono dal basso e vanno verso l’alto; inoltre possono rientrare (rovinando così la struttura stessa delle lettere e dando maggior realismo al tutto). Aggiungete ora un livello di Bilanciamento Colore (Color Balance), cliccando nell’apposita icona in basso nella finestra dei livelli (Crea un nuovo livello di riempimento o di regolazione / Create new fill or adjustments layer):

12020813colbal.jpg

Cliccando nell’icona vi apparirà una finestra nella quale dovrete impostare alcuni parametri, partiremo impostando le Ombre (Shadows), poi passeremo ai Mezzitoni (Midtones) ed infine aggiusteremo le Luci (Highlights). Di seguito le impostazioni per ogni parametro:

Ombre (Shadows)

12020814colbalshad.jpg

Mezzitoni (Midtones)

12020815colbalmidt.jpg

Luci (Highlights)

12020816colbalhlight.jpg

Proseguiamo adesso riscrivendo quello che abbiamo scritto all’inizio utilizzando però lo Strumento testo orizzontale (Horizontal Type Tool):

12020817horiztt.jpg

Cambiamo il colore del testo da bianco a nero semplicemente cliccando sulla doppia freccetta (Scambia i colori di primo piano e di sfondo / Switch Foreground and Background Colors) presente nella finestra degli strumenti:

12020818textcol.jpg

Naturalmente ricordatevi di selezionare il testo ;) ! Fatto il cambio di colore, con lo Strumento sposta (Move Tool), spostate la nuova scritta fino a farla combaciare con la scritta infuocata:

12020819textmove.jpg

Ricordatevi di selezionare il nuovo livello e che per muovere un livello con lo Strumento sposta (Move Tool) basta cliccare con il tasto sinistro del mouse e tenendolo premuto, spostare il livello.

Selezionate ora il livello di partenza con la scritta infuocata. Andate su Filtro —> Sfocatura —> Controllo sfocatura… (Filter —> Blur —> Gaussian Blur…), ed impostate il raggio (Radius) a circa 4px:

12020820gaussblur.jpg

Cliccate su Ok ed andate a cambiare la modalità del livello di testo creato per ultimo da Normale (Normal) a Sovrapposto (Overlay):

12020821textoverlay.jpg

Ci siamo, questo dovrebbe essere il vostro risultato:

12020822endprev.jpg

Cliccate sopra l’immagine per vederla nelle dimensioni reali.

Commenti»

1. Salvo - Febbraio 13, 2008

complimenti,davvero un bel tutorial! seguo il tuo sito(a proposito,bello questo qui nuovo) da parecchio ormai,nn mi perdo un post..continua così!

2. Cristian - Febbraio 13, 2008

veramente chiarissimo!!!complimenti!

3. Carlos - Febbraio 14, 2008

Felice che vi sia piaciuto, sia il sito che il tutorial :D

Ciao

4. salvo - Febbraio 16, 2008

spettacolare mi stupisci sempre.

5. Carlos - Febbraio 17, 2008

Grazie anche a te per i complimenti :D

6. Raffaele - Febbraio 25, 2008

Complimenti bella!!Senti un’ultima cosa…Io ho provato a fare l’effetto fuoco anche sotto un’immagine però quando bilancio i colori mi cambiano anche quelli dell’immagine…come faccio a far cambiare solo i colori della scritta per farla fuoco???

7. lx - Febbraio 26, 2008

Bel tutorial
@Raffaele:mica hai selezionato un livello differente?

8. Carlos - Febbraio 28, 2008

Ciao Raffale, il problema nasce dal fatto che applichi un livello di regolazione e come tale sta sopra a tutti. Questo effetto inoltre è fatto proprio per avere lo sfondo nero. Esistono altre tecniche per fare testi infuocati che si adattano ad ogni sfondo e che non hanno limitazioni, magari più avanti faccio un tutorial :)

Ciao

9. vanessa - Marzo 15, 2008

bello..ma se nn si ha il pennello x lo sfumino..cm si fa??

10. Carlos - Marzo 18, 2008

Beh può essere un problema :(

Sei sicura di non avere lo sfumino?

11. Massimiliano - Marzo 29, 2008

Bellissimo tutorial, complimenti!

12. Carlos - Marzo 29, 2008

Grazie :D !!

13. Luca - Aprile 4, 2008

Carlos io ho windows vista e la font non me la fà scaricare. Mi puoi dare un consiglio qualcosa?

14. Eros - Aprile 7, 2008

è da mezz’ora che passeggio in questo sito e me ne sono innamorato!!!Carlos sei un genio!!!!!

15. Carlos - Aprile 22, 2008

@Luca:

Ciao e scusa per il ritardo della risposta. Per scaricare il font devi cliccare sulla destra dov’è scritto “Download PC / Mac OS X” nel sito di dafont.com; altrimenti clicchi nel mio link (dovrebbe fartelo scaricare istantaneamente, ma se così non fosse copia ed incolla questo link nella barra degli indirizzi e premi invio:

http://www.carlosweb.net/soft-download/120208.sexyrexy_smitten.zip

Ciao e se hai problemi non esitare a chiedere :)

@Eros:

Ma grazie :D ! Troppo gentile

16. tharindu - Giugno 11, 2008

hei bravo
vorrei ak avere questa programma..come posso scaricare?

17. Carlos - Giugno 13, 2008

Ciao, ti riferisci a Photoshop?

E’ un programma a pagamento, ma lo puoi provare gratuitamente:

http://www.adobe.com/go/tryphotoshop_it

In alternativa puoi provare anche The Gimp, altro valido programma simile a Photoshop, ma completamente gratuito:

http://www.gimp.org/downloads/

Ciao :)

18. S@sI - Luglio 9, 2008

COMPLIMENTONI!!!!!

19. S@sI - Luglio 9, 2008

SIAMO NUOVE

20. Carlos - Luglio 10, 2008

@ S@sl

Grazie per i complimenti e benvenute :D !!

21. mozzarellina - Luglio 27, 2008

l ho fatto ank io …:) oh ke bello!!!! seguendo sempre i tuoi konsiji…mamma mia abili XD…….sei trp forte!!!siauuuuu

22. Carlos - Luglio 28, 2008

Grazie mozzarellina! Felice che ti sia piaciuto e riuscito!