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 un realistico testo 3D di legno in Photoshop

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

Come creare un realistico testo 3D di legno in Photoshop

Nel tutorial di oggi vi mostrerò un’utile tecnica per riprodurre facilmente un effetto legno senza l’utilizzo di immagini supplementari. In particolare, combineremo questa tecnica alla realizzazione di un testo 3D.

Creiamo un nuovo documento (nel nostro caso, 1440×900 px) con lo sfondo di colore grigio (#a3a3a3). Vi applichiamo, come al solito, un gradiente radiale in modo tale da creare una zona più chiara al centro:

Come creare un realistico testo 3D di legno in Photoshop

Aggiungiamo il testo che vogliamo realizzare al centro del documento. Ho scelto come font HelveticaNeue LT 93 BlackEx e come grandezza 175 pt.

Come creare un realistico testo 3D di legno in Photoshop

Creiamo un nuovo livello e, con lo strumento secchiello, lo riempiamo con un marrone chiaro (#CCAA7B). Successivamente, impostiamo come colore di secondo piano un marrone leggermente più scuro (#A07349). Infine andiamo su Filtro -> Render -> Fibers ed impostiamo i valori come in figura. In questo modo otterremo un più che soddisfacente effetto legno.

Come creare un realistico testo 3D di legno in Photoshop

Per rendere l’effetto più realistico, possiamo distorcere leggermente il legno. Per farlo, andiamo su Filtro -> Fluidifica e con lo strumento spirale in senso orario, creiamo dei piccoli “mulinelli” di varie dimensioni.

Come creare un realistico testo 3D di legno in Photoshop

Andiamo su Livello -> Crea maschera di ritaglio (oppure Ctrl/cmd + Alt + G) ed infine uniamo i due livelli.

Come creare un realistico testo 3D di legno in Photoshop

Adesso, utilizziamo lo strumento Muovi. Tenendo premuto il tasto Alt, spostiamo la scritta (con le frecce della tastiera) di un pixel verso destra ed uno verso l’alto. Ripetiamo il procedimento una 15-20 di volte (in base alla profondità che volete dare al testo). In questo modo, creeremo delle copie spostate della scritta, che renderanno un falso effetto 3D.

Come creare un realistico testo 3D di legno in Photoshop

Uniamo tutte le copie tranne il livello posto più in alto, e le rendiamo più scure tramite regolandone la luminosità (Ctrl/Cmd + U). In questo modo, il livello più in alto andrà a costituire la parte frontale del testo, mentre il livello inferiore sarà la profondità del testo.

Come creare un realistico testo 3D di legno in Photoshop

Adesso utilizziamo lo strumento brucia sul livello della profondità del testo, con varie dimensioni e con una percentuale di esposizione differente in modo tale da scurire maggiormente alcune aree del testo, come evidenzia l’immagine.

Come creare un realistico testo 3D di legno in Photoshop

Dovreste ottenere qualcosa di simile:

Come creare un realistico testo 3D di legno in Photoshop

Adesso, invece, utilizziamo lo strumento scherma (impostato su Highlights, con esposizione 30% e di dimensione 300px) per schiarire maggiormente le zone superiori del livello frontale.

Come creare un realistico testo 3D di legno in Photoshop

In questo modo, abbiamo ottenuto un realistico effetto legno e lo abbiamo combinato ad un testo 3D. Le applicazioni di questa tecnica sono davvero numerose, quindi non vi resta che sperimentare Come creare un realistico testo 3D di legno in Photoshop

Come creare un realistico testo 3D di legno in Photoshop

13 commenti

  1. [...] This post was mentioned on Twitter by Photoshop PLUS, Andrea. Andrea said: How to create a realistic wood text in Photoshop – http://bit.ly/cFoV94 #photoshop #tutorial [...]



  2. Ricky84
    novembre 10th, 2010

    Complimenti per i tuoi tutorial, davvero utili e chiarissimi..continua così…ti seguo sempre! Ciao

    Rispondi


    Staff
    novembre 12th, 2010

    Grazie mille Ricky! :)

    Rispondi


    Ricky84
    novembre 19th, 2010

    figuratevi…grazie a voi ho imparato tantissime cose…e non c’è giorno che non controlli se avete caricato qualcosa di nuovo…Buon lavoro ragazzi

    Rispondi





  3. Andre
    novembre 18th, 2010

    sono d’accordo con ricky continuate cosi’ siete i migliori!! ho imparato tante cose da voi! e grazie del tutorial :D

    Rispondi


    Staff
    novembre 18th, 2010

    Grazie mille, i vostri complimenti ci motivano a far meglio! :D

    Rispondi




  4. gabry
    marzo 10th, 2011

    molto utile il tutorial e molto chiaro, complimenti!

    provo subito a farlo, potete vedere il risultato sul mio sito.

    ciao

    Rispondi


    Artedelweb
    marzo 10th, 2011

    Grazie a te!

    Rispondi




  5. Emmanuele
    maggio 19th, 2011

    Ciao,Io Non Sono Tanto Esperto Di Photoshop e Volevo Sapere Come Si Fà Ad Applicare Un Gradiente Radiale

    Rispondi



  6. umberto
    maggio 19th, 2011

    Ciao, volevo chiedere un aiuto io ho un immagine normale vorrei portarla a quell effetto come faccio per favore aiutatemi

    Rispondi



  7. Mattia
    settembre 10th, 2011

    Ciao, sto imparando a utilizzare photoshop grazie a tutorial tipo il tuo (Complimenti) però c’è un problema che non riesco a risolvere: nel passaggio “Andiamo su Livello -> Crea maschera di ritaglio (oppure Ctrl/cmd + Alt + G) ed infine uniamo i due livelli.” non mi da la possibilità di unire il livello del legno con quello della scritta .. Dove sbaglio?! Perfavore qualcuno me lo spieghi .. Grazie in anticipo

    Rispondi



  8. Mattia
    settembre 10th, 2011

    Niente .. già fatto .. Problema risolto :D

    Rispondi



  9. Asia
    novembre 20th, 2011

    salve a tutti! mi sono bloccata al secondo punto in cui devo impostare il colore di secondo piano! che vuol dire? e come si fa? grazie mille!

    Rispondi