How to Create a 3D Chipped, Painted Wood Text Effect in Adobe Photoshop

This tutorial will show you how to use some textures and a couple of different 3D material and light settings, as well as adjustment layers, to create a realistic chipped, painted wood text effect. Let's get started!

This text effect was inspired by the many Layer Styles available on Envato Market.

Tutorial Assets

The following assets were used during the production of this tutorial.

• Insaniburger with Cheesefont


• PlywoodPainted0057 Image 1 and Image 2 - Small


• WoodPlanksBare0050Image 2 - Medium


• Living room and dining room(Small) by bialasiewicz


• by Inthename-Stock

1. Create the Text

Step 1

Create a new 1000 x 750px document, and fill the Background with a light gray color.

Create the text in Black using the font Insaniburger with Cheese. The font size isn't important since it can be edited in the 3D Scene.

Step 2

Go to Type > Convert to Shape.

2. Create the 3D Mesh

Step 1

Go to 3D > New 3DExtrusionfrom Selected Path.

Step 2

To access the 3D mesh settings and properties, you’ll need to open two panels: the 3D panel and the Properties panel (both found under the Window menu).

The 3D panel has all the components of the 3D scene, and when you click the name of any of those, you’ll be able to access its settings in the Properties panel. So make sure to always select the tab of the element you want to modify in the 3D panel before you change its settings in the Properties panel.

Step 3

If you select the Move Tool, you’ll find a set of 3D Modes for it to the right of the Options bar. When you choose one of those, you can then click and drag to perform changes on the selected element in the 3D panel.

3. The 3D Mesh Settings

Step 1

Select the text mesh tab in the 3D panel, and then, in the Properties panel, change the Texture Mapping to Tileand the Extrusion Depth to 35.

Step 2

Click the Cap icon at the top of the Properties panel, and then change the Bevel Width to 1 and the Contour to Half Round.

4. Front Material Settings

Step 1

Click the Front Inflation Material tab in the 3D panel, and then, in the Properties panel, click the Diffuse texture icon and choose Replace Texture.

Load the PlywoodPainted0057 - Image 2 image.

Step 2

Click the Diffuse texture icon again, and choose Edit UV Properties.

Step 3

What you need to do next is adjust the Tile and Offset values until you get a result you like.

The Tile values will help you adjust the stretching of the texture, while the Offset values help you position it so that the unpainted wood appears only at the bottom of the text.

Step 4

Change the Bump value to 15, and then click its folder icon and choose the front material texture's name from the list.

This will apply the same Diffuse texture to the Bump. Make sure to edit its UV Properties to match the Diffuse's.

5. Extrusion and Bevel Material Settings

Follow the same steps to apply the PlywoodPainted0057 - Image 1texture to the Front Bevel and Extrusion Materials.

There's no need to worry about the UV Properties here, because we'll split the extrusion and modify those values later on.

6. Split and Reposition the Text

Step 1

Select the text mesh tab, and then click the Coordinates icon at the top of the Properties panel, and change the X Rotation Angle to 90.

Step 2

Go to 3D > Move Object to Ground Plane.

Step 3

With the text mesh still selected, go to 3D > Split Extrusion.

This will separate the letters you have so you can work with each of them independently.

Step 4

Pick the Move Tool, and use the 3D Axis to move the letters as you like.

The arrows at the ends of the axis move the mesh, the part below them is used for rotation, and the cubes are used for scaling. The cube in the center is used to scale the object uniformly. All you need to do is click and drag the part you want.

Step 5

Use the Move Tool's 3D Modes to change the Camera View, and then adjust the UV Properties of the Front Bevel and Extrusion Materials for each letter.

7. Create the Ground Plane

Step 1

Pick the Rectangle Tool, and create a rectangle that extends outside the document's edges.

Rename the rectangle's layerGround Plane.

Step 2

Go to 3D > New 3D Extrusion from Selected Path, and change the Extrusion Depth to 1.

Step 3

Click the Coordinates icon and change the X Rotation Angle to 90.

Step 4

Click the Current View tab, and choose the name of the text's 3D layer from the View menu.

8. Merge the 3D Layers and Texture the Ground Plane

Step 1

Select both 3D layers you have, and go to 3D > Merge 3D Layers.

Step 2

Place the Ground Plane mesh on top of the scene's Ground Plane, and move it so that the text is in its center.

Step 3

Change the Camera View to a view that only shows the ground plane, without any empty areas around it.

Once you've done that, apply the WoodPlanksBare0050 - Image 2 texture to the Ground Plane's Front Inflation Material using the same texturing steps you used before in Section 4.

Note that this texture isn't tileable, so if you find it difficult to not show its edges, you can replace it with any tileable texture you like.

9. Adjust the Infinite Light

Step 1

Click the Infinite Light 1 tab, and change its Intensity to 100 and its Shadow Softness to 30.

Step 2

Use the Move Tool to move the infinite light as shown below, or you can use the Coordinates values.

10. Add and Adjust a Spot Light

Step 1

Click the Add new Light to Scene icon at the bottom of the 3D panel and choose New Spot Light.

Step 2

Change the Intensity to 35, uncheck the Shadows box, and change the Cone value to 93.9and the Hotspot to 47. Check the Light Falloff box, and change the Outer value to 3800 and the Inner to 666.

Step 3

Next, move the spot light as shown below.

Step 4

You can always use the Coordinates values to position the lights.

11. Adjust the Environment Light

Step 1

Click the Environment tab in the 3D panel, and then click the IBL texture icon and choose Replace Texture. Then load the Living room and dining room image.

Step 2

Change the Intensity to 20%and the Shadow Opacity to 30%.

Step 3

You can use the Move Tool to move the light texture around until you get a result you like.

12. Render the Scene

Make any other changes you like, and then go to 3D > Render.

The rendering might take a while, but you can stop any time by pressing the Esc key.

13. Add the Adjustment Layers

Step 1

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Brightness/Contrast.

Step 2

Change the Contrast to 35.

Step 3

Add a Curves adjustment layer, and then create the curve shape shown for each Channel:

Red:

Green:

Blue:

Step 4

Add a Levels adjustment layer, and change the Shadow input value to 19and the Gamma value to 0.85.

14. Apply the High Pass Filter

Step 1

With the Levels layer selected, press the Option-Command-Shift-E keys to create a stamp layer.

Rename the layer to High Pass, and go to Filter > Convert for Smart Filters.

Step 2

Go to Filter > Other > High Pass, and use a Radius of 10.

Step 3

Change the High Pass layer's Blend Mode to Soft Light and its Opacity to 35%.

15. Add the Grunge Texture

Step 1

Place theUse This 160on top of all layers, rename its layer to Texture, and go to Edit > Transform > Rotate 90°Counter Clockwise.

Change the Texture layer'sBlend Mode to Soft Light and its Opacity to 30%.

Step 2

Add a Hue/Saturation adjustment layer, clip it to the Texture layer, and change the Saturation value to -50.

Congratulations! You're Done

In this tutorial, we created a simple text, converted it into a 3D mesh, and adjusted its settings.After that, we created the materials, split the extrusion, repositioned the text, and added the ground plane.

Next, we worked on the lighting and camera view, and rendered the scene.Finally, we added a couple of adjustment layers to enhance the lighting and a grunge texture to finish everything off.

Please feel free to leave your comments, suggestions, and outcomes below.