Create realistic wooden 3D text in Photoshop

In this tutorial, you will learn how to create realistic wooden text with peeling paint using several textures, 3D materials, lighting settings and adjustment layers.

I was inspired to create this effect by the various layer styles available on the Envato Market.

1. Create text

Step 1

Create a new document with a size of 1000 x 750 pixels and fill the background with a light gray color.

We write any text in black using Insaniburger with Cheese. The size is not important, as we will later convert the text into a 3D object.

Step 2

Move on Type – Convert to Shape (Text – Convert to curves).

2. Create a 3D mesh

Step 1

Move on 3D – New 3D Extrusion from Selected Path (3D – New extrusion from the selected circuit).

Step 2

To access the 3D grid options, we need to open two panels: the 3D panel and Properties (Properties) (both are in the menu Window (Window)).

On the 3D panel you will find all the elements that make up the 3D scene, if you click on any of them, a panel opens with the properties of the selected element. Therefore, before changing the parameters of the selected element, we first select it on the 3D panel in the properties panel.

Step 3

If you activate the tool Move Tool (V) (Moving), in the right part of the top panel with the tool parameters, you will have access to 3D modes. By selecting one of them, you can change the location, scale, rotation, etc. using the mouse. elements of the scene.

3. 3D Grid Settings

Step 1

On the 3D panel, select the element with the created text, then on the panel Properties (Properties) install Texture Mapping (Display texture) on Tile (Mosaic), and Extrusion Depth (Depth of extrusion) at 35.

Step 2

At the top of the panel Properties (Properties) click on the button Cap (Capital) and change Bevel Width (Chamfer width) by 1, and Contour (Contour) on Half Round (Semicircle).

4. Material settings

Step 1

Click on the item Front Inflation Material (Material of the front bulge) on the 3D panel, then on the panel Properties (Properties) click on the icon Diffuse (Scattering) and choose Replace Texture (Replace texture).

Load texture PlywoodPainted0057 – Image 2.

Step 2

Click on the icon again. Diffuse (Scattering) and choose Edit UV Properties (Edit UV properties).

Step 3

Next we need to configure the parameters Tile (Mosaic) and Offset (Offset) until we achieve the desired result.

Using the parameter Tile (Mosaic) you can customize the stretching of the texture, and Offset (Offset) helps to correctly position the texture on the 3D model so that the bottom area of ​​the peeling paint texture is only in the bottom of the text.

Step 4

Set the parameter Bump (Relief) for 15, then next click on the folder icon and select the name of the texture of the front material.

Because of this, the texture we used to Diffuse (Scattering) will automatically apply for Bump (Relief). Remember to adjust the UV properties to match the UV properties of the parameter. Diffuse (Scattering).

5. Customize extrusion and bevel materials

Perform the same texture manipulations as in the previous section for Front Bevel Material (Material of the front bevel) and Extrusion Material (Material extrusion).

At this stage, you can not worry about the properties of UV, because later we divide the text into separate letters and return to the setting.

6. Separate and move the text

Step 1

Select the main element with the text, then at the top of the panel Properties (Properties) choose Coordinates (Coordinates) and install X in the second column Rotation (Turn) on 90.

Step 2

Move on 3D – Move Object to Ground Plane (3D – Move the object to the base plane).

Step 3

The element with the text should be still active, go 3D – Split Extrusion (Split extrusion).

As a result, the text will be divided into separate elements with letters, and we will be able to work with each one independently of the others.

Step 4

Take Move Tool (V) (Move) and with the help of 3D-axes place the letters as you like.

The arrows at the ends of the axes move the object, the element following the arrow is responsible for the rotation, and the cube is used for scaling. The cube at the intersection of the axes is used for proportional scaling. To perform any of these operations, it is necessary to grab a certain element with a mouse on any of the axes and pull.

Step 5

Next, using 3D-modes, we change the location of the camera, then we set up the UV properties for Front Bevel Material (Material of the front bevel) and Extrusion Material (Material extrusion) of each letter.

7. Create a surface for letters.

Step 1

Take Rectangle Tool (U) (Rectangle) and draw a large rectangle that goes beyond the boundaries of the work area.

Rename the rectangle layer to “Ground Plane”.

Step 2

Move on 3D – New 3D Extrusion from Selected Path (3D – New 3D extrusion from the selected contour) and install Extrusion Depth (Extrusion Depth) by 1.

Step 3

Click on the button Coordinates (Coordinates) and install X in the second column Rotation (Turn) on 90.

Step 4

On the 3D panel, select the item Current View (Current view), then on the panel Properties (Properties) click on the drop-down list next to View (View) and find the name of our text layer (in this case, Wood).

8. Merge 3D layers and apply texture to the surface.

Step 1

Go to the layers panel and select both 3D layers, then go 3D – Merge 3D Layers (3D – Merge 3D layers) to merge them into one.

Step 2

Go back to the 3D panel and move the Ground Plane scene component to the very top of the scene. Then we place the plane so that the text is in its center.

Step 3

We adjust the view from the camera so that the plane completely fills the visible area, that is, there are no empty areas left on the sides.

Having finished with this, we apply to Front Inflation Material (Material front bump) of our plane texture WoodPlanksBare0050 – Image 2, repeating the manipulations that were described in the fourth section.

Please note that if it is difficult for you to adjust the texture so that it seamlessly overlaps the whole plane, you can choose a similar one, with which it will be easier for you to work.

9. Set up endless light

Step 1

Click on the component Infinite Light one (Infinite Light) and install Intensity (Intensity) at 100 and Shadow (Shadow) Softness (Anti-aliasing) at 30.

Step 2

Using tool Move Tool (V) (Move) change the position of the light source, as shown below. You can also adjust the position on the panel Properties (Properties) in the menu Coordinates (Coordinates).

10. Add a directional light source.

Step 1

At the bottom of the 3D panel click on the button Add new Light to Scene (Add new light to the scene) and choose New Spot Light (New directional light).

Step 2

Install Intensity (Intensity) at 35, uncheck the box Shadow (Shadow), install Cone (Cone) at 93.9 and Hotspot (Illuminance center) at 47. Activate the parameter Light Falloff (Light scattering), install Outer (Outer radius) at 3800 and Inner (Inner radius) at 666.

Step 3

Move the light source as shown below.

Step 4

Also, to change the position, you can always use Coordinates (Coordinates).

11. Adjust the ambient light.

Step 1

On the 3D panel, select the component Environment (Environment), then on the panel Properties (Properties) click on the texture icon next to the parameter IBL (Isbi) and choose Replace Texture (Replace texture). Find the image Living room and dining room and load it.

Step 2

Install Intensity (Intensity) by 20% and Shadow (Shadow) Opacity (Opacity) at 30%.

Step 3

Via Move Tool (V) (Moving) you can move the light source to achieve a suitable result.

12. Visualize the scene

We make the latest changes and turn 3D – Render (3D – Rendering).

It will take some time to render, but you can stop it at any time by pressing the Esc key.

13. Add adjustment layers

Step 1

At the bottom of the layers panel, click on the button. Create new fill or adjustment layer (Create a new fill or adjustment layer) and select Brightness/ Contrast (Brightness / Contrast).

Step 2

Install Contrast (Contrast) at 35.

Step 3

Add an adjustment layer Curves (Curves), then separately for each color channel adjust the curve.

Red (Red):

Green (Green):

Blue (Blue):

Step 4

Next, add an adjustment layer. Levels (Curves), set the leftmost slider to 19 and the average to 0.85.

14. Apply High Pass Filter (Color Contrast)

Step 1

Make sure the adjustment layer Levels (Levels) is still open, and press Ctrl-Shift-Alt-E to duplicate all visible layers and merge them all into one.

Name the resulting layer High Pass and go Filter – Convert for Smart Filters (Filter – Convert for smart filters).

Step 2

Move on Filter – Other – High Pass (Filter – Other – Color Contrast) and set Radius (Radius) by 10.

Step 3

Change the blending mode of the High Pass layer to Soft Light (Soft light) and install Opacity (opacity) at 35%.

15. Add a grunge texture.

Step 1

Place the Use This 160 texture on top of all layers and call it Texture, then go Edit – Transform – Rotate 90 CCW (Editing – Transformation – Rotate on 90° CCW).

Change layer blending mode Texture on SoftLight (Soft light) and install Opacity (opacity) by 30%.

Step 2

Add an adjustment layer Hue/ Saturation (Hue / Saturation), use the Ctrl-Alt-G key combination to convert it to a clipping mask for the Texture layer and set Saturation (Saturation) at -50.

In the course of the lesson, we created plain text, transformed it into a 3D object and set it up. Then they added materials, divided the extrusion, changed the arrangement of the letters and created a plane.

After that, we continued to work with the light and the camera, and then visualized the scene. Finally, we added several adjustment layers to improve the lighting, and applied a grunge texture.

Like this post? Please share to your friends: