Create metal text with 3D effect in Photoshop

Duplication of elements with the subsequent transformation is one of the easiest and fastest ways to create 3D objects in Adobe Photoshop. In this tutorial, I will show you how to create 3D text using this method, and then we style the different layers to create metallic retro text. Let’s get started!

The final result:

Translator’s Note:

  1. To complete the lesson, load the Chromes.grd gradient set into Photoshop.
  2. To load the outlines that were used in the lesson, go Editing – Sets – Set Management (Edit> Presets> Preset Manager), and in the window that appears, in the drop-down menu Type of sets (Preset Type), set the parameter Contours (Contours). Next, click the small arrow to the right of the dropdown menu. Type of sets (Preset Type), and then at the very bottom of the window that appears, select the option Contours (Contours).

    When the dialog box appears, just click To add (Append), so you add the contours.

1. Create a background

Step 1

Create a new 900 x 675 px document in Adobe Photoshop. Set the foreground color to # 252927, and the background color to # 0d0e0e. Choose a tool Gradient (Gradient Tool), set the gradient type Radial gradient (Radial Gradient), gradient colors from foreground color to background color.

Next, click + drag the gradient from the center of the document to one of the corners to add a gradient to the background. Duplicate layer with Background (Background layer).

Step 2

Double click on duplicate layer with Background (Background layer) to apply the following layer styles.

Add a layer style Color overlay (Color Overlay). Apply the following settings for this layer style:

  • Colour (Color): # 1c1f26
  • Blend mode (Blend Mode): Chromaticity (Color)

Step 3

Add a layer style Gradient overlay (Gradient Overlay). Apply the following settings for this layer style:

  • Blend mode (Blend Mode): Overlap (Overlay)
  • Style (Style): Mirror (Reflected)
  • Angle (Angle): 45
  • Tick ​​in the box Inversion (Reverse)
  • Use silver gradient Silver 20ss

Step 4

Add a layer style Pattern overlay (Pattern Overlay). Apply the following settings for this layer style:

  • Blend mode (Blend Mode): Soft light (Soft Light)
  • Pattern (Pattern): webtreats_grey_leather.jpg
  • Scale (Scale): 50%

Thus, we have applied a simple skin texture to the background.

2. Create text and smart objects.

Step 1

Create text using Nexa Rust font, text color # f4f4f4, font size 245 pt.

Step 2

Duplicate the text layer, and then move the duplicate layer down, below the original layer.

Step 3

Activate mode Free transformation (Free Transform Mode), for this we go Editing – Free Transformation (Edit> Free Transform (Ctrl + T)). Click the right arrow key once and click the down arrow key once to shift the duplicate layer one pixel to the right and one pixel down. At the end, press (Enter) to apply the changes.

Step 4

Change the text color for the duplicate layer to # 4e4e4e. Press the keys (Ctrl + Alt + Shift + T) 17 times to duplicate the transformation layer and create 3D extrusion.

Step 5

Select all the layers with duplicate layers with text, and then go Filter – Convert to Smart Filters (Filter> Convert for Smart Filters). Rename the smart object layer to Copy 1 (copy 1) based on your text.

Duplicate layer with smart object twice, name duplicate layers Copy 2 (copy 2) and Copy 3 (copy 3) and then decrease the value Fillings (Fill) for duplicate layer Copy 3 (copy 3) to 0.

3. Styling the original text layer.

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

Step 1

Add a layer style Stamping (Bevel and Emboss). Set the following settings for this style:

  • The size (Size): 3
  • Style (Style): External bevel (Outer Bevel)
  • Uncheck the box Global coverage (Use Global Light)
  • Angle (Angle): 77
  • Height (Altitude): 42
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Linear shine (Linear Light)
  • Mode the shadows (Shadow Mode): Opacity (Opacity): 50%

Step 2

Add a layer style Circuit (Contour). Set the following settings for this style:

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

Step 3

Add a layer style Stroke (Stroke). Apply the following values:

  • The size (Size): 1
  • Type of strokes (Fill Type): Gradient (Gradient)
  • Style (Style): Linear (Linear)
  • Angle (Angle): -135
  • Select gradient aluminum 150e

Step 4

Add a layer style Internal glow (Inner Glow). Apply the following values:

  • Blend mode (Blend Mode): Darkening basics (Color burn)
  • Noise (Noise): 10%
  • Colour: # 8c8c8c
  • A source (Source): From the center (Center)
  • The size (Size): 18

Step 5

Add a layer style Gradient overlay (Gradient Overlay). Apply the following values:

  • Blend mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 100%
  • Angle (Angle): 45
  • Scale (Scale): 150%
  • Style (Style): Mirror (Reflected)
  • Select gradient aluminum 150e

Step 6

So, we stylized the original text layer. What we will do next is try using different gradient fills, and also apply layer styles that will blend with the text and create styling for the 3D part of the text.

4. Apply styling to the first 3D extrusion layer.

Double click on the layer with the smart object Copy 2 (copy 2) to apply the following layer styles.

Step 1

Add a layer style Inner Shadow (Inner Shadow). Apply the following values:

  • Colour: # 424242
  • Uncheck the box Global coverage (Use Global Light)
  • Angle (Angle): -42
  • Bias (Distance): 57
  • The size (Size): 16

Step 2

Add a layer style Gradient overlay (Gradient Overlay). Apply the following values:

  • Angle (Angle): 45
  • Scale (Scale): 150%
  • Style (Style): Mirror (Reflected)
  • Select gradient dark chrome

Click on the gradient scale to display the gradient editor window.

Step 3

Click on the control point of the lightest shade at the very end of the gradient scale on the right, and then press the (Delete) button to delete this control point, since we do not need a light shade in this gradient.

Step 4

Add a layer style Shadow (Drop Shadow). Apply the following values:

  • Opacity (Opacity): 60%
  • Bias (Distance): 10
  • The size (Size): 10

So, we stylized the first layer of 3D extrusion, creating a metallic look.

5. Apply styling to the second layer with 3D extrusion.

Double click on the layer with the smart object Copy 3 (copy 3), to apply the following layer styles.

Step 1

Add a layer style Stamping (Bevel and Emboss). Set the following settings for this style:

  • The size (Size): 0
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light)
  • Mode the shadows (Shadow Mode): Opacity (Opacity): 65%

Step 2

Add a layer style Circuit (Contour). Set the following settings for this style:

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

Step 3

Add a layer style Internal glow (Inner Glow). Apply the following values:

  • Blend mode (Blend Mode): Bright light (Vivid Light)
  • Noise (Noise): 10%
  • Colour: # c5c5c5
  • Method (Technique): Accurate (Precise)
  • A source (Source): Of center (Center)
  • The size (Size): 46

Step 4

Add a layer style Gloss (Satin). Apply the following values:

  • Blend mode (Blend Mode): Darkening basics (Color burn)
  • Colour (Color): # 717171
  • Bias (Distance): 7
  • The size (Size): 18
  • Circuit (Contour): Shallow Slope – Valley

Thus, we have enhanced the effect of the 3D part of the text.

6. Create a shadow

Step 1

Go to layer with smart object Copy 1 (copy 1), and then we go Filter – Blur – Motion Blur (Filter> Blur> Motion Blur). Change Angle (Angle) at 55, but Bias (Distance) at 100.

Step 2

Change the blending mode for the layer Copy 1 (copy 1) on Darkening basics (Color burn) and also reduce Opacity (Opacity) layer up to 25%.

Step 3

Using tool Move (Move Tool), shift the shadow so that it falls from the text down.

7. Add a vignette

Step 1

Press the button Create a new adjustment or fill layer (Create new fill or adjustment layer) at the bottom of the layers panel and in the appeared window select the option Gradient (Gradient).

Step 2

Set the gradient type from transparent to foreground color. The gradient colors are #ebebeb on the left and # 282828 on the right. Next, install Style (Style) on Radial (Radial), and Scale (Scale) at 300.

Step 3

Finally, change the blending mode for the adjustment layer to Multiplication (Multiply).

Congratulations! We have completed the lesson!

In this tutorial, we created a simple background with a skin effect, and then applied layer styles to it.

Next, we added text, duplicated it, transformed the duplicate layer, and also created a couple more duplicates of the layer, including the transformation layer that made up the 3D extrusion.

We transformed the 3D extrusion layers into a smart object, duplicated it, and then stylized it along with the original text layer.

Next, we used a variety of layer styles, including a gradient fill, to get a metallic look in retro style. We created a shadow using the filter. Motion blur (Motion Blur filter) by changing the blending mode of the shadow layer and its location.

Finally, we added an adjustment layer. Gradient (Gradient) to add a vignette effect to the final result.

The final result:

Posted by: Rose

Like this post? Please share to your friends: