Create a 3D effect for text in Photoshop

Using patterns with varying degrees of glow, as well as textures, you can create interesting and detailed effects that will decorate any simple text. In this tutorial, I will show you how to use duplicate layers, including the transformation technique, to create 3D text. We will also apply many different layer styles to add a glow effect to metallic text. So let’s get started!

The final result:

1. Create a background

Step 1

Create a new document 1260 x 850 px. Duplicate the background layer.

Double-click on the duplicate layer with the background to apply the following layer styles:

Step 2

Apply layer style Gradient Overlay (Gradient Overlay). Set the following settings for this layer style:

  • Tick ​​in the box Smoothing (Dither)
  • Blend mode (Blend Mode): Soft light (Soft Light)
  • Opacity (Opacity): 85%
  • Style (Style): Radial (Radial)
  • Scale (Scale): 150%
  • Tick ​​in the box Inversion (Reverse)
  • Click on the color gradient scale to set the colors.

Step 3

You need to click on the color gradient scale to set the colors in the window Gradient Editor (Gradient Editor). Set control points by changing Colour (Color) and Position (Location) color shades.

Color shades from left to right:

  • Colour (Color): # 212121, Position (Location): 0
  • Colour (Color): # 656667, Position (Location): 72
  • Colour (Color): # 646565, Position (Location): 100

Step 4

Next, apply a layer style. Overlapping pattern (Pattern Overlay). Set the following settings:

  • Pattern (Pattern): webtreats_black_leather.jpg (skin texture pattern)

So, we have applied styling to the background under the skin texture pattern.

2. Create Text and 3D Profile

Step 1

Type text using the Sans Serif Exb FLF font, all capital letters. Font size 300 pt, font color # 504d4a, Horizontal scale (Horizontal Scale) 90%.

Step 2

Duplicate the text layer. To duplicate the text layer, decrease the value Fillings (Fill) to 0, then duplicate the layer again.

Step 3

Duplicate the original text layer, move the duplicate layer down, placing it below the original text layer.

Next, go Editing – Free Transformation (Edit> Free Transform (Ctrl + T)), and then press the down arrow key once and the right arrow key once, so we will shift the duplicate layer 1 px down and 1 px right.

Press the (Enter) key to apply the changes.

Step 4

Now press the keys (Alt + Ctrl + Shift + T) 9 times to duplicate the offset layer and create a 3D profile.

Step 5

Now, select all duplicate layers that are located below the original text layer and then go Filter – Convert to Smart Filters (Filter> Convert for Smart Filters). Name the layer with the smart object “3D”. Next, duplicate the “3D” layer, and then decrease the value Fillings (Fill) to 0 for duplicate layer.

3. Apply Styling to the first layer “3D”

Double click on the “3D” layer to apply the following layer styles:

Step 1

Apply layer style Stamping (Bevel and Emboss) with the following settings:

  • Method (Technique): Tough faceting (Chisel Hard)
  • The size (Size): 10
  • Circuit gloss (Gloss Contour): Cove – Deep
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Backlight mode (Highlight Mode): Linear light (Linear Light)

Step 2

Next, apply a layer style. Circuit (Contour) with the following settings:

  • Tick ​​in the box Smoothing (Anti-aliased)

Step 3

Next, apply a layer style. Inner shadow (Inner Shadow) with the following settings:

  • Bias (Distance): 0
  • Tightening (Choke): 10
  • The size (Size): 5

Step 4

Next, apply a layer style. Gradient overlay (Gradient Overlay) with the following settings:

  • Choose a gradient ‘CSP True Sky Blue’.

Step 5

Next, apply a layer style. Shadow (Drop Shadow) with the following settings:

  • Bias (Distance): 20
  • The size (Size): 20

So, we applied styling to the main 3D layer, and also imposed a color gradient. When we finish styling the rest of the layers, you can go back to this layer and try using different types of gradients if you want.

4. Apply Styling to the duplicate layer “3D”

Double click on the duplicate “3D” layer to apply the following layer styles:

Step 1

Apply layer style Stamping (Bevel and Emboss) with the following settings:

  • Method (Technique): Hard cut (Chisel Hard)
  • The size (Size): 15
  • Uncheck the box Global coverage (Use Global Light)
  • Angle (Angle): 30
  • Height (Altitude): 50
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Opacity (Opacity): 0%
  • Mode the shadows (Shadow Mode): Opacity (Opacity): 50%

Step 2

Next, apply a layer style. Circuit (Contour) with the following settings:

  • Circuit (Contour): Cone
  • Tick ​​in the box Smoothing (Anti-aliased)

Step 3

Next, apply a layer style. Inner shadow (Inner Shadow) with the following settings:

  • Bias (Distance): 0
  • Tightening (Choke): 10
  • The size (Size): 5

Step 4

Next, apply a layer style. Gradient overlay (Gradient Overlay) with the following settings:

  • Blend mode (Blend Mode): Overlap (Overlay)
  • Style (Style): Mirror (Reflected)
  • Angle (Angle): 60
  • Choose a gradient ‘faucet 30’.

Step 5

Next, apply a layer style. Overlapping pattern (Pattern Overlay) with the following settings:

  • Blend mode (Blend Mode): Overlap (Overlay)
  • Opacity (Opacity): 90%
  • Pattern (Pattern): metal_2-512px.jpg (metal texture)
  • Scale (Scale): 75%

So, we increased the depth and added detail to the 3D part.

5. Apply Styling to the original text layer.

Double click on the original text layer to apply the following layer styles:

Step 1

Apply layer style Stamping (Bevel and Emboss) with the following settings:

  • The size (Size): 14
  • Uncheck the box Global coverage (Global Light)
  • Angle (Angle): 76
  • Height (Altitude): 69
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light)
  • Colour (Color): # ffe1c9

Step 2

Tick ​​the layer style box Circuit (Contour) and apply the defaults.

Step 3

Next, apply a layer style. Texture (Texture) with the following settings:

  • Pattern (Pattern): metal_2-512px.jpg (metal texture)
  • Depth (Depth): 50%

Step 4

Next, apply a layer style. Stroke (Stroke) with the following settings:

  • The size (Size): 2
  • Position (Position): Inside (Inside)
  • Mode (Blend Mode): Linear light (Linear Light)
  • Stroke Type (Fill Type): Gradient (Gradient)
  • Style (Style): Mirror (Reflected)
  • Angle (Angle): 90
  • Select the gradient “stove pipe 50”.

Step 5

Next, apply a layer style. Inner shadow (Inner Shadow) with the following settings:

  • Blend mode (Blend Mode): Darkening basics (Color burn)
  • Colour (Color): # 123c6b
  • Opacity (Opacity): 55%
  • Bias (Distance): 0
  • The size (Size): 60
  • Circuit (Contour): Cove – Deep
  • Tick ​​in the box Smoothing (Anti-aliased)

Step 6

Next, apply a layer style. Internal glow (Inner Glow) with the following settings:

  • Blend mode (Blend Mode): Bright light (Vivid Light)
  • Noise (Noise): 15%
  • Colour (Color): # f4d9c0
  • The size (Size): 14

Step 7

Next, apply a layer style. Gloss (Satin) with the following settings:

  • Blend mode (Blend Mode): Lightening basics (Color dodge)
  • Colour (Color): # 9a9a9a
  • Bias (Distance): 48
  • The size (Size): 39
  • Circuit (Contour): Cone – Asymmetrical

Step 8

Next, apply a layer style. Gradient overlay (Gradient Overlay) with the following settings:

  • Blend mode (Blend Mode): Light replacement (Lighten)
  • Select the gradient “stove pipe 100”.

Step 9

Next, apply a layer style. External glow (Outer Glow) with the following settings:

  • Blend mode (Blend Mode): Bright light (Vivid Light)
  • Noise (Noise): 10%
  • Colour (Color): # c6ab6a
  • The size (Size): 35

Step 10

Next, apply a layer style. Shadow (Drop Shadow) with the following settings:

  • Colour (Color): # 8d5411
  • Bias (Distance): 10
  • The size (Size): 10

So, we applied styling to the main text.

6. Apply Styling to the first duplicate of the text layer.

Double click on the first duplicate of the text layer to apply the following layer styles:

Step 1

Apply layer style Stamping (Bevel and Emboss) with the following settings:

  • The size (Size): 1
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Backlight mode (Highlight Mode): Bright light (Vivid Light)
  • Shadow mode (Shadow Mode): Darkening basics (Color burn)
  • Colour (Color): # 74460f

Step 2

Apply layer style Circuit (Contour) with the following settings:

  • Circuit (Contour): Rounded Steps
  • Tick ​​in the box Smoothing (Anti-aliased)

Step 3

Next, apply a layer style. Internal glow (Inner Glow) with the following settings:

  • Blend mode (Blend Mode): Bright light (Vivid Light)
  • Noise (Noise): 30%
  • Colour (Color): # f3d8aa
  • A source (Source): From the center (Center)
  • The size (Size): 62

Thus, we have enhanced the effect of the glow in the center of the text.

7. Apply Styling to the second duplicate of the text layer.

Double click on the second duplicate of the text layer to apply the layer style. Internal glow (Inner Glow) with the following settings:

  • Blend mode (Blend Mode): Bright light (Vivid Light)
  • Opacity (Opacity): 55%
  • Noise (Noise): 30%
  • Colour (Color): # d5ad89
  • The size (Size): 14

So, we have added a glow effect at the edges.

8. Add a Metal Texture to the background and perform the final color correction.

Step 1

Open the Steel Texture with a highlight. Move this texture to our working paper, placing it on top of the layer with the background. Apply scaling as needed, and also change the blending mode for the layer with this texture to Soft light (Soft Light).

Step 2

Next, add an adjustment layer. Color Balance (Color Balance) by clicking on the icon Add a new adjustment layer or fill layer (Create new fill or adjustment layer) at the bottom of the layers panel.

Step 3

Install Tonal balance (Tone) on Mid tones (Midtones), set the following values: -35, -1, +10, and also tick the box Save glow (Preserve Luminosity).

Congratulations! We have completed the lesson.

In this tutorial, we created a simple background with a skin texture pattern and added a couple of duplicate text layers with which we worked.

Next, we duplicated the text layer, and then applied a transformation to it to recreate the 3D effect, and transformed the layers into a smart object.

Next, we applied styling to all the layers we had to get a textured and glowing effect using many different layer styles with different settings and values.

Finally, we added a simple texture to the background and applied an adjustment layer. Color Balance (Color Balance) to enhance the color shades of the final result.

The final result:

Like this post? Please share to your friends: