Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:MediumLanguages:
Final product image
What You'll Be Creating

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.

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.

Create the Text

Step 2

Go to Type > Convert to Shape.

Convert to Shape

2. Create the 3D Mesh

Step 1

Go to 3D > New 3D Extrusion from Selected Path.

Extrude the 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.

3D and 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.

Move Tool 3D Modes

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 Tile and the Extrusion Depth to 35.

Mesh Settings

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.

Cap Settings

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.

Replace Front Diffuse Texture

Step 2

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

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.

UV Properties Values

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.

Bump Texture

5. Extrusion and Bevel Material Settings

Follow the same steps to apply the PlywoodPainted0057 - Image 1 texture 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.

Front Bevel and Extrusion Materials

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.

X Rotation Angle

Step 2

Go to 3D > Move Object to Ground Plane.

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.

Split Extrusion

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.

Move the Letters

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.

Adjust the UV Properties

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 layer Ground Plane.

Create the Ground Plane Rectangle

Step 2

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

Extrusion Depth

Step 3

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

X Rotation Angle

Step 4

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

Change the Current View

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.

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.

Move the Ground Plane

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.

Texture the Ground Plane

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.

Infinite Light 1 Settings

Step 2

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

Move Infinite Light 1

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.

Add New Spot Light

Step 2

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

Spot Light Settings

Step 3

Next, move the spot light as shown below.

Move the Spot Light

Step 4

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

Spot Light Coordinates

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.

Environment Light Texture

Step 2

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

Environment Light Settings

Step 3

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

Move the Environment Light

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.

Render the Scene

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.

BrightnessContrast

Step 2

Change the Contrast to 35.

BrightnessContrast Values

Step 3

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

Red:

Curves - Red Channel

Green:

Curves - Green Channel

Blue:

Curves - Blue Channel

Step 4

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

Levels Settings

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.

Create the High Pass Layer

Step 2

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

High Pass Filter

Step 3

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

High Pass Layer Properties

15. Add the Grunge Texture

Step 1

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

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

Add the Grunge Texture

Step 2

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

HueSaturation

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.

End Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.