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.

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:
Aggiungiamo il testo che vogliamo realizzare al centro del documento. Ho scelto come font HelveticaNeue LT 93 BlackEx e come grandezza 175 pt.
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.
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.
Andiamo su Livello -> Crea maschera di ritaglio (oppure Ctrl/cmd + Alt + G) ed infine uniamo i due livelli.
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.
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.
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.
Dovreste ottenere qualcosa di simile:
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.
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
13 commenti




































Tweets that mention Come creare un testo con effetto legno in Photoshop | ArteDelWeb.it - WebDesign, Photoshop, Tutorial -- Topsy.com
ottobre 23rd, 2010
[...] 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 [...]
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
Andre
novembre 18th, 2010
sono d’accordo con ricky continuate cosi’ siete i migliori!! ho imparato tante cose da voi! e grazie del tutorial
Rispondi
Staff
novembre 18th, 2010
Grazie mille, i vostri complimenti ci motivano a far meglio!
Rispondi
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
Emmanuele
maggio 19th, 2011
Ciao,Io Non Sono Tanto Esperto Di Photoshop e Volevo Sapere Come Si Fà Ad Applicare Un Gradiente Radiale
Rispondi
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
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
Mattia
settembre 10th, 2011
Niente .. già fatto .. Problema risolto
Rispondi
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