Create a Sleek Metallic 3D Text Effect in Photoshop CS6

The 3D environment in Photoshop CS6+ provides a variety of options and settings to help you create amazing 3D text effects easily. This tutorial will show you how you can play around with the different settings to create a simple, yet sophisticated, metallic text effect.


Final Image

Create a Sleek Metallic 3D Text Effect in Photoshop CS6


Tutorial Details

  • Program: Adobe Photoshop CS6 Extended
  • Estimated Completion Time: 45 minutes
  • Difficulty: Beginner

Resources


Step 1

Create a new 1000 × 1000 px document. Set the Foreground color to #444343 and the Background color to #1c1c1c. Pick the Gradient Tool, choose the Foreground to Background gradient fill, and click the Radial Gradient icon.

Then, click and drag from the center of the document to one of the corners to create the background gradient.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 1

Create the text in the color #cccccc. The font used is Sail and the Size is 330 pt.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 2

Go to 3D > New 3D Extrusion from Selected Layer. This will convert the Type layer into a 3D layer.

The cool thing about this is that the 3D text mesh will still be editable. We will get to this later in the tutorial.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 3


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 name of the element you want to modify in the 3D panel before you change its settings in the Properties panel.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 4

Select the Move Tool and check its Options bar. You’ll find a set of 3D Modes for the tool to the right of the bar. When you choose one of those, you can then click and drag to perform any changes (on the selected element in the 3D panel).

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 5


Step 3

Select the text mesh name tab in the 3D panel, then, in the Properties panel, change the Texture Mapping to Tile, and the Extrusion Depth to 500.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 6

Click the Cap icon at the top of the Properties panel, then change the Bevel Width to 10, the Contour to Half Round, the Inflate Angle to 90, and the Strength to 2. This will help inflate the text a little bit, and create a simple stroke as well.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 7

Click the Coordinates icon, and change the X Rotation Angle to 90. This will make the text perpendicular to the Ground Plane.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 8

Go to 3D > Snap Object to Ground Plane, to make sure that the text isn’t inside the Ground Plane or floating over it.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 9

Next, select the Current View tab in the 3D panel, and use the different Move Tool’s 3D Modes to move the camera so that it points to the text from above.

You can also use the 3D Axis to move the text around if needed (with the Move Tool selected). The arrows at the ends of the 3D 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 need to perform the changes.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 10


Step 4

If, at any point, you need to change or modify the text, then you can simply click its name tab in the 3D panel, and click the Edit Source button down the Properties panel.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 11

This will open a document that has the text layer, you can then make any changes to the text.

Here, the font Size is changed to 392.5 pt. Sometimes, when you change the text itself, or its size value, it might extend outside the document’s edges.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 12

To fix that issue, accept the changes you made, then go to Image > Reveal All.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 13

Once you’re done, save the document (File > Save) then close it (File > Close) to go back to the original one.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 14


Step 5

To add more perspective to the text, select the mesh name, then click the Deform icon and change the Taper value to 80%.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 15

Select the Front and Back Inflation Material tabs (Ctrl/Cmd + click each one), then modify their settings as shown below:

The colors used are:

  • Diffuse : #391d5b
  • Specular : #bbb08c
  • Illumination : #080808
  • Ambient : #000000

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 16

Select the Front and Back Bevel Material tabs, then modify their settings as shown below:

  • Diffuse : #391d5b
  • Specular : #c1c1c1
  • Illumination : #080808
  • Ambient : #000000

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 17

Finally, select the Extrusion material tab and change its settings as shown below as well:

  • Diffuse : #1b003d
  • Specular : #c1c1c1
  • Illumination : #080808
  • Ambient : #000000

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 18


Step 6

Click the Environment tab in the 3D panel, then click its IBL folder icon in the Properties panel and choose Load Texture.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 19

Load the “ghghghhj.jpg” image form the “Malleable Metal Patterns” pack. Then, change the Intensity to 50%, the Ground Plane Shadows Opacity to 60%, the Reflection Opacity to 20%, and the Roughness to 2%.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 20

You can use the Move Tool to click and drag the Environment Light’s sphere and move it around until you like how it looks.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 21


Step 7

Click the Infinite Light 1 tab, then change its Intensity to 90% and its Shadow Softness to 60%.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 22

You can either move this light as you like, or use the Coordinates values below.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 23

Click the Add new Light to Scene icon down the 3D panel and choose New Infinite Light.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 24

Change the Infinite Light 2 Intensity value to 40% and un-check its Shadow box.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 25

Move the light or use the Coordinates values below.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 26


Step 8

Make any other changes you want to the scene until you like the result.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 27

When you’re done, render the scene (3D > Render). The rendering might take some time, but you can stop it anytime by pressing the Esc key.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 28

Once the rendering is finished, click the ‘Create new fill or adjustment layer’ icon down the Layers panel, and choose Gradient Map.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 29

Create the gradient using the colors #3e5678 to the left and #ff9a9e to the right. Change the adjustment layer’s Blend Mode to Overlay and its Opacity to 15%. This will help enhance the coloring of the final result.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6 30


And We’re Done!

Hope you enjoyed this simple 3D tutorial and found it helpful. Please feel free to leave your comments below.

Create a Sleek Metallic 3D Text Effect in Photoshop CS6