How to Apply Texture to 3D Text Rendered in Photoshop

The PSD file of this tutorial is available to buy on PSD Vault Shop, or via the PSD Vault VIP members area.

In this Photoshop tutorial, I will show you the method I use to apply texture to 3D Text Rendered in Photoshop. This is really an easy process and will give your text a great look. Have a try!

As an example, we will apply tree bark texture and apply it onto our 3D text in this tutorial.

This is an intermediate level difficulty tutorial and some steps can be tricky.

Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

3d-wood-text-psdvault-flatten

PSD Vault VIP Membership

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive!

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Font

Tree Bark Texture

If you’re having difficulty with Step 3, check out this video tutorial here:

Step 1

Create a new document sized 1400px * 670px with white background. Use the Gradient Fill tool to with the following colours, fill the background layer as shown below:

1 light

Use the font downloaded, type some texts onto our canvas, place the texts at the centre of the canvas:

1 type

Step 2

We will render our 3D text in this step. If you have a more up-to-date version of Photoshop, you can follow the settings in this step. If not, you can just download my PSD File here and skip this step.

Select the text layer, and go to 3D >> New 3D Extrusion from Selected Layer:

2 new ext

Adjust the Infinite Light settings as shown below, and make sure the light comes from the top right:

2 3d infinite light

Apply the following 3D settings:

Mesh

2 3d mesh

Deform

2 3d deform

Cap

2 3d cap

Coordinates

2 3d coo

Materials

2 3d material

Render the text by pressing Ctrl + Alt +Shift + R, then we convert this text into a smart object:

2 convert

and here is the effect so far:

2 effect

 

Step 3

We will be applying texture to our text in this step. Load the tree bark texture into Photoshop and select a piece of it as shown below:

3 sel

Copy and paste the selection onto our document, make it a clipping mask to our text layer:

3 clip

Change the texture layer’s blend mode to “Overlay”:

3 overlay

and here is the effect so far:

3 effect overlay

 

Step 4

As you would notice, the texture covers only the dark part of the text so far, what about the white parts of the texts? To add some textures onto the white area of the texts, we simply duplicate the previous bark texture layer, and set the layer blend mode of the duplicated layer to “Multiply”, and reduce layer opacity to around 50%:

4 mul

As you can see, we now cover the remaining white part of the texts with texture:

4 mul effect

I further applied the following image adjustment layers as clipping masks on top of the texture layers:

Hue/Saturation

4 hue

Color Balance

4 col mid

4 highlights

and here is my effect so far:

4 effect

 

Step 5

We will add some extra effects for our text in this step. I used a particle brush to paint some small particles around the texts:

5 particles

Also added some cloud effect around the texts:

5 cloud

Use a small soft brush, paint some shadow under the text:

5 sha

We can also add some more tree bark texture around texts:

5 sel

Step 6

For final touches, I flattened the image and applied the following Smart Sharpen filter to the background layer:

6 smart

I added a selective colour adjustment layer on top to add some colour for the overall effect:

6 yellow

6 neu

6 blacks

and here is my final result: (click to enlarge)

3d-wood-text-psdvault-flatten

That’s it for this tutorial! Hope you enjoy it and find it useful! If you have any questions about the steps, please contact me or leave a comment below. I will try my best to answer them.

Till next time, have a great day!

Tags:

  • My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.

  • Show Comments

You May Also Like

Design Red Hot Chili Pepper Text Effect in Photoshop

In this tutorial, I will show you how to design red hot chili pepper ...

Design a “Texts Drop in Water” Typography Effect in Photoshop

In this Photoshop tutorial, I will show you the steps I took to Design ...