PhotoshopText

Decorated Wood Text Effect

 

Tutorial Assets

1-  Wood Pattern Background patterns.
2-  Janda Manatee font.
3-  Patterns 21 by Ransie3.
4-  Floral Fabric Patterns by sofi01.
5-  Diagonal Noise pattern by Christopher Burton.
6- gradient-shapes for Photoshop by ilnanny.

Step 1
Create a new 1152 x 864 px document, then duplicate the Background layer.

Step 01

Double click the Background copy layer to apply the following Layer Style:

Gradient Overlay:  Change the Blend Mode to Multiply, the Style to Radial, the Scale to 150%, and click the gradient box to create it.

Step 02

The gradient uses two colors: #ffffff to the left, and #3f3f3f to the right.

Step 03

Pattern Overlay: Choose the “Melamine-wood-002” pattern from the “Wood Pattern Background” pack.

Step 04

This will create a simple dark wooden background.

Step 05

Step 2
Create the text in All Caps using the font “Janda Manatee”. The color is White,  the font size is 250 pt, and the Tracking value is set to 25 to avoid any overlapping.

Step 06

Duplicate the text layer twice so that you have two copies.

Step 07

Step 3
Open the ” VF_r03.jpg” image from the ” Patterns 21″ pack, then go to Image -> Adjustments -> Levels, and change the Gamma value to 0.75.

Step 08

This will darken the pattern a bit. You can use bigger values if you want it to be lighter, and smaller values to darken it even more.

Step 09

Now go to Edit -> Define Pattern, and type in a name for the pattern. Here, the same name is used with an additional (2) at the end.

Step 10

Step 4
Double click the original text layer to apply a simple Drop Shadow effect. Change the Distance to 10, the Spread to 10, and the Size 29.

Step 11

This will add a simple shadow.

Step 12

Step 5
Double click the first text layer copy to apply the following Layer Style:

Bevel and Emboss: Change the Style to Stroke Emboss, the Technique to Chisel Hard, the Depth to 144, the Size to 6, the Gloss Contour to Guassian – Inverse, check the Anti-aliased box, change the Highlight Mode to Soft Light and its color to # 96918c, and change the Shadow Mode color to #2a1b00.

The Stroke Emboss style requires the Stroke effect to be active in order to make a difference, so just continue changing the values and when the Stroke effect is applied you'll be able to check the result.

Step 13

Contour: Use the Rolling Slope – Descending contour, and check the Anti-aliased box.

Step 14

Stroke: Change the Size to 4, the Fill Type to Pattern, and choose the “VF_r03 (2)” pattern.

Step 15

Drop Shadow: Change the Distance to 11, the Spread to 8, and the Size to 10.

Step 16

This will create the outer edges of the text, and add some more shadow.

Step 17

Step 5
Double click the second text layer copy to apply the following Layer Style:

Bevel and Emboss: Change the Technique to Chisel Hard, the Depth to 144, the Size to 6, check the Anti-aliased box, change the Highlight Mode to Soft Light, and the Shadow Mode color to #2a1b00.

Step 18

Contour: Use the Cove – Deep contour, and check the Anti-aliased box.

Step 19

Pattern Overlay: Choose the “VF_r03 (2)” pattern.

Step 20

Outer Glow: Change the Blend Mode to Multiply, so that the glow acts as a shadow effect instead, then change the color to #988778 and the Size to 2.

Step 21

Drop Shadow: Just use the default values.

Step 22

This will create the main wood-like effect.

Step 23

Step 6
Ctrl/Cmd + Click a text layer’s thumbnail to create a selection.

Step 24

Go to Select -> Modify -> Contract, and type in the value 10.

Step 25

Create a new layer on top of all layers and call it “Pattern”. Pick the Paint Bucket Tool, set the Foreground color to White, and fill the selection. Then go to Select -> Deselect (Ctrl/Cmd + D) to get rid of the selection.

Step 26

Change the “Pattern” layer’s Fill value to 0%, then duplicate it, and rename the copy to “Inner Shadow”.

Step 27

Step 7
Double click the “Pattern” layer to apply a Pattern Overlay effect. Change the Blend Mode to Multiply, choose the “mary-rore.jpg” pattern from the “Floral Fabric Patterns” pack, and change the Scale to 50%.

Step 28

This will add the pattern to the inner part of the text.

Step 29

Double click the “Inner Shadow” layer to apply an Inner Shadow effect. Change the color to #553c21, and the Size to 13.

Step 30

This will give the text some more depth and make it even more 3D.

Step 31

Step 8
Set the Foreground color to #707070, pick the Rectangle Tool, and create a 16 x 21 rectangle on top of the edge of one of the letters.

Step 32

Pick the Add Anchor Point Tool, then click once slightly over the center of each of the rectangle’s right and left sides to add two anchor points .

Step 33

Pick the Direct Selection Tool, click and drag a rectangle to select the two anchor points you created, then press the keyboard’s Right Arrow key twice to move the anchor points 2 px to the right.

Step 34

Step 9
Double click the shape layer to apply the following Layer Style:

Bevel and Emboss: Just change the Size to 2

Step 35

Texture: Use the “Diagonal Noise” pattern,  and change the Scale to 470.

Step 36

Gradient Overlay: Choose the “Brass 70” gradient found in the “RS_Metals.grd” file from the gradients pack.

Step 37

This will give the shape a metallic appearance.

Step 38

Step 10
Duplicate the shape layer then make it invisible by clicking the eye icon next to it. Then select the duplicated shape layer, and go to Layer -> Rasterize -> Layer Style. This will rasterize both the shape and the layer style.

This is only available in Photoshop CS6. If you are using older versions, you’ll need to group the shape layer, then merge the group (Layer -> Merge Group).

Step 39

Double click the rasterized shape layer and apply a Drop Shadow effect, by changing the Distance to 1.

Step 40

This will add a simple shadow to the shape.

Step 41

Duplicate the rasterized layer, then use the Move Tool to move it on top of another letter. You can as well go to Edit -> Transform -> Rotate to change the shape’s angle. Hit Enter/Return to accept any changes and get out of the Rotate Mode.

Step 42

Repeat the same steps for the remaining letters. You decide where and how to place the small metal pieces, based on the letter you have, and the result you want to achieve.

Step 43

Once you’re done, you can select all the metal pieces’ layers (Ctrl + Click each one of them), then group them (Layer -> Group Layers) to keep everything organized.

Step 44

Conclusion
This is the final result. A quite interesting take on the classic wood text effect. You can try other patterns as well. Sometimes a small addition or a simple modification can make a very simple concept more interesting and different.

Hope you enjoyed the tutorial and found it useful.

Finished

Share:

Leave a reply

Your email address will not be published. Required fields are marked *