fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Vintage Wood Typography Photoshop Tutorial
Tutorials Text Effects 20983 Views April 8th, 2013

Learn how to create a vintage wood typography using a coll 3D Photoshop action. You can easily combine different font types, shapes and layer styles to create unlimited number of effects. You can easily customize the 3D effect as it uses smart objects. The wood texture can easilt be replaced with other materials like rusty metal, concrete, etc. Hope you will enjoy practising this new Adobe Photoshop tutorial.


Open a new PSD file and copy this room stock image.

Duplicate the room layer, Flip Vertical and also cut part of the wall like shown in the image. That way we obtain a ceiling using the floor.

Use a layer mask for the Room Copy Layer and add a black/white gradient in this mask using the Gradient Tool; that way the transition bettween the two layers will be seamless.

Add a Brightness/Contrast adjustment layer to the Room Copy Layer; make sure you add the adjustment as clipping mask.

Again use the Gradient Tool for the layer mask as shown in the image. That way only the ceiling will be lightened.

Open a new PSD file and in this file we'll add our text; I will write "Wood" using black color, but you can choose any text you want.

First we have to download the Fortuna Dot font and install it on your computer. It is essential to use this font so check out this tutorial on how to install font in Photoshop if you are a beginner.

You can add a new layer and use these heart shapes to decorate the text. Or you can use other custom shapes or any other graphics/text etc. But before you get to the next step you must select all the layers that you want to turn into 3D a convert them into a smart object.

Open the layer style window for the Wood Text Layer and add a Stroke with these settings. I will use this wood seamless texture as pattern for the stroke.

So convert the text(and other text related layers) into a Smart Object and use this 3D Photoshop action to create a 3D text effect. Download the action, load the action in Photoshop and play the 3D effect simple( action. You will obtain a similar result.

Remove the Background Layer. Inside the 3D Group you will find many layers. Select the first 33 layers and delete them. Press SHIFT to select multiple layers.

Remove the Color Overlay and the Bevel and Embossfrom the 3D effect Layer(the first layer from top)

Go to Layer>Layer Style and choose Global Light with these settings:

Open the layer style window of any layer and set the Bevel and Emboss like this. Copy Layer Style and select all the layers(except the 3D effect Layer(the first layer from top) and Paste Layer Style.

Select all the layers(except the 3D effect Layer(the first layer from top) and group them into Group 1. Copy all the text layers into our initial PSD file. Make two copies from the Group 1 (Group 2 and Group 3) and move the groups like shown in the image.

Add a Brightness/Contrast adjustment layer above the group 1 and 2.

Our wood text effect should now look similar to this one.

Use the first group and duplicate it; make it black and use a Gaussian Blur to create a soft shadow on the wall for our wood text effect.

Create a new layer below the wood text layers and use a soft round brush(different opacity levels) and color black to paint a shadow under each letter. Use the Gaussian Blur to obtain a soft result.

Now I will add another vintage retro effect to the wood text using these retro collage images : link 1 and link 2. Add a

Copy this rope PNG stock image and make two long ropes. Place them like shown in the image and add a Inner Shadow effect.

Use the Brush Tool color black to create the shadow for the ropes. Learn how to draw straight lines in Photoshop using the Brush Tool.

Use the Gaussian Blur to soften the shadows and also lower the opacity.

For the final touches you can add some lighting and shading effects by creating light rays(Brush Tool, white color, blend mode Overlay) in the room. Or you can use these sparkle brushes (sparkle 4 brush) to create some light dust effect; use #f5ce6f color and a soft Motion Blur effect. You can also add a Outer Glow layer style(white, Overlay blend mode, Range 5).

I have also added a old paper texture with Multiply blend mode and opacity 70%. So here is the final result for the vintage wood typography text effect; I hope you will enjoy and practice this new tutorial.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

2 comment(s) for "Vintage Wood Typography Photoshop Tutorial"

7:29 AM Wednesday, April 24, 2013
I have found on this great Retro Wood Typography artwork made after this tutorial (author: Hood) reply
3:10 AM Tuesday, January 21, 2014
Another great wood typography in Western style (author PapaDizainera) reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a retro comics effect in Photoshop in just a few easy steps. For the comic book ...
Swirl Brushes are useful Photoshop resources that you can use in your designs if you want to avoid m...
This Sunday many Christians worldwide celebrate Easter. For kids, Easter is all about painted eggs, ...
Learn how to create a Easter grass planet in Photoshop from this new tutorial for beginners. You can...

      Stiched Furry Plush Toys Photoshop Creator
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator