Visita <a href="http://www.liquida.it/" title="Notizie e opinioni dai blog italiani su Liquida">Liquida</a> e <a href="http://www.liquida.it/widget.liquida/" title="I widget di Liquida per il tuo blog">Widget</a>
Cerchi guide e consigli riguardo al mondo del webdesign?
Sei nel posto giusto!
Iscriviti subito al nostro Feed RSS!

Come creare una scritta stile Harry Potter in Photoshop

Articolo pubblicato il 26-11-2010. Categorie: Effetti sul testo, Guide, Photoshop, Tutorial testuali. Commenti: 10.

Come creare una scritta stile Harry Potter in Photoshop

Da pochi giorni, è uscito, nella gran parte delle sale nel mondo, il penultimo film della famosa saga di Harry Potter. Scommetto che almeno una buona parte di voi lettori, come me, è andato a vederlo!
Senza dilungarci ulteriormente su giudizi riguardo al film non pertinenti con questo blog, oggi voglio mostrarvi come creare una scritta in stile Harry Potter in Photoshop, ricreando l’effetto del testo mediante il solo utilizzo dello stile livello.

Materiale utilizzato:

Il documento

Creiamo un nuovo documento (1440×900 px) con colore di sfondo un blu scuro (#000E11).

Lo sfondo

Importiamo l’immagine delle nuvole nel documento, la desaturiamo e ne regoliamo i livelli (Ctrl/CMD + L) con questi valori:

Come creare una scritta stile Harry Potter in Photoshop

Premiamo Ctrl/CMD + U per aprire la finestra di regolazione tonalità/saturazione e modifichiamo leggermente il colore delle nuvole in modo tale che siano più tendenti al giallo/oro.

Come creare una scritta stile Harry Potter in Photoshop

Impostiamo il livello su Scolora con il 25% di opacità. Infine andiamo su Filtro -> Sfocatura -> Controllo sfocatura ed applichiamo una sfocatura con raggio 2px.

Come creare una scritta stile Harry Potter in Photoshop

Duplichiamo quattro volte il livello, e disponiamo le varie nuvole con grandezze differenti all’interno del documento. Diminuiamo, se riteniamo necessario, l’opacità di alcuni livelli. Infine, eliminiamo con una gomma morbida, eventuali zone che non danno un buon effetto in modo tale da avere qualcosa di simile.

Come creare una scritta stile Harry Potter in Photoshop

Creiamo un nuovo livello, lo impostiamo su Sovrapponi, e con un pennello morbido bianco, disegniamo dei piccoli punti di luce, in modo tale da far sembrare alcune zone più luminose come se ci fossero dei fulmini.

Come creare una scritta stile Harry Potter in Photoshop

La scritta

Scarichiamo ed installiamo il font Harry P. Creiamo, al centro del documento, la scritta Harry Potter, o quella che preferite, con 310 pt di grandezza. Inoltre diminuiamo la spaziatura tra i caratteri a -45 e impostiamo l’altezza del font pari a 115%.

Come creare una scritta stile Harry Potter in Photoshop

Adesso, potete sia scaricare direttamente il nostro stile livello ed applicarlo al testo, sia seguire passo passo ogni opzione attraverso le immagini.

Come creare una scritta stile Harry Potter in Photoshop

Come creare una scritta stile Harry Potter in Photoshop

Come creare una scritta stile Harry Potter in Photoshop

Come creare una scritta stile Harry Potter in Photoshop

Come creare una scritta stile Harry Potter in Photoshop

Come creare una scritta stile Harry Potter in Photoshop

L’effetto finale mi sembra davvero molto soddisfacente!

Come creare una scritta stile Harry Potter in Photoshop

Potete, se volete, aggiungere anche un ulteriore testo. Inoltre, abbiamo utilizzato i fulmini per legare i due testi.

Come creare una scritta stile Harry Potter in Photoshop

Mappa gradiente

Infine, per rendere tutta la composizione più compatta, creiamo una nuova mappa gradiente dal blu scuro (#03152b) all’arancione (#7a3b18). Impostiamo il livello su Colora con 45% di opacità.

Come creare una scritta stile Harry Potter in Photoshop


Come creare una scritta stile Harry Potter in Photoshop

10 commenti


  1. Andrea
    novembre 27th, 2010

    Non mi sembra una buona idea quella dei fulmini per legare i testi, soprattutto perché il secondo è molto più piccolo e molto meno leggibile del primo, più grande e d’impatto.

    Rispondi


    Artedelweb
    novembre 27th, 2010

    Vabbè, piccolezze! :D Cercavo di replicare lo stesso effetto utilizzato nel film, dove la seconda scritta nasceva da dei fulmini, ma un’animazione è tutta un’altra cosa!

    Rispondi


    Andrea
    novembre 28th, 2010

    Si, ovvio che un’immagine è parecchio differente da un video, ma secondo me si dovrebbe pensare in modo differente tra la realizzazione di un’immagine piuttosto che di un video.
    Quando fai un video tutto quello che ti interessa è fare qualcosa che colpisca, fregandotene dei dettagli, tanto non li vede nessuno.
    In un’immagine i dettagli sono la base, visto che uno la può fissare il tempo che vuole.. e noterà (prima o poi) tutto quello che nell’immagine non va.. =P

    Rispondi





  2. Ciro
    dicembre 10th, 2010

    Ciao, volevo farti i complimenti per il blog.

    Rispondi


    Artedelweb
    dicembre 13th, 2010

    Grazie Ciro! :)

    Rispondi




  3. Tresanico
    febbraio 6th, 2011

    Ciao, ti faccio i miei complimenti , sono felicissimo di essere “incappato” nel tuo blog ;-)

    Rispondi


    Artedelweb
    febbraio 6th, 2011

    Ne siamo lieti :D!

    Rispondi




  4. Giuseppe
    maggio 5th, 2011

    scusa volevo dirti una cosa: quando devo duplicare il livello in 4 parti come devo fare???? Ho fatto duplica livello ma appena lo duplica mi da un colore brutto piu sul marroncino scuro e non sul nero… comunque se lo duplico come devo fare a unire le quattro parti come hai fatto tu?

    Rispondi



  5. Matte
    maggio 31st, 2011

    Ciao saresti così gentile da darmi il link delle 2 foto?? (I fulmini e le nuvole) grazie mille e complimenti per il sito !

    Rispondi



  6. marco
    gennaio 27th, 2012

    Scusa ma io non riesco a scaricare le texture che metti a disposizione, ne qui tramite url you tube ma nemmeno se vado direttamente sul tuo blog. C’è un sistema per poterle salvare o scaricare? Grazie per le tue guide.

    Rispondi