Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Create a Shiny, White and Gold, 3D Text Effect in Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
Final product image
What You'll Be Creating

Photoshop's 3D environment has multiple tools and settings to create great 3D effects. This tutorial will show you how to use those tools and play around with the settings to create a shiny, elegant, white and gold, 3D text effect. Let's get started!

Tutorial Assets

The following assets were used during the production of this tutorial.

1. Create the Text and Shape Layers

Step 1

Create a new 1500 x 1500 px document, and create the text in All Caps using the font Panton Black Caps. Set the Size to 550 pt and the Tracking value to 100.

The more letters you create, the heavier the scene will be. So it's better to use two or three letters only.

Rename the text layer Text.

Create the Text

Step 2

Right click the text layer and choose Convert to Shape. Duplicate the text layer twice, and place the second copy below the original text layer.

Rename the copy on top Inner Stroke, and the copy at the bottom Outer Stroke.

Stroke Shape Layers

2. Modify the Stroke Settings

Step 1

Select the Outer Stroke layer, and pick the Direct Selection Tool. In the Options bar, change the Fill to None, the Stroke Color to Black, and the Size to 25 pt. Then click the Set shape stroke type icon and set the Align to Center.

Outer Stroke Settings

Step 2

Select the Inner Stroke layer, change the Fill to None, the Stroke Color to White, its Size to 5pt, and set the Align to Inside.

Inner Stroke Settings

3. Create the Ellipses

Step 1

Pick the Ellipse Tool, click the Settings icon in the Options bar, set the Fixed Size dimensions to 30, and check the From Center box.

Click and drag slightly to create a circle somewhere in the center of the first letter.

Create the First Circle

Step 2

Click the Combine Shapes icon, and keep creating circles along the letters. Don't add too many ellipses, and make sure to space them out a little bit.

Rename their layer Ellipses.

Add more Circles

Step 3

Duplicate the Ellipses layer, select it again, and change the Fill to None, the Stroke Color to Black, the Size to 5 pt, and Align to Outside.

Ellipses Stroke

4. Create the 3D Layers

Step 1

For each shape layer you have, select it and go to 3D > New 3D Extrusion from Selected Path.

Create the 3D Layers

Step 2

Select all the 3D layers you have, and go to 3D > Merge 3D Layers. This will place them all in one scene. Rename the layer 3D Scene.

3D Scene Layer

5. Work With the 3D Scene

Step 1

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

3D and Properties Panels

Step 2

If you select the Move Tool, you’ll find a set of 3D Modes for it to the right of the Options bar.

When you choose one of those, you can then click and drag to perform changes (on the selected element in the 3D panel). You can also use that to work with the 3D Meshes you have.

Move Tool 3D Modes

6. Modify the Mesh Settings

Step 1

Select the Outer Stroke, Text, and Inner Stroke mesh tabs in the 3D panel, and change the Extrusion Depth in the Properties panel to 100.

Extrusion Depth 1

Step 2

Select the Ellipses mesh tab and change the Extrusion Depth to 25.

Extrusion Depth 2

7. Modify the Cap Settings

Step 1

Select the Outer Stroke mesh tab, and click the Cap icon at the top of the Properties panel.

Change the Bevel Width to 10, the Contour to Cove - Deep, and the Inflate Strength to 7.

Outer Stroke Cap Settings

Step 2

For the Text mesh, change the Bevel Width to 10, and the Contour to Half Round.

Text Cap Settings

Step 3

For the Outer Stroke mesh, change the Bevel Width to 28, and the Contour to Cove - Deep.

Inner Stroke Cap Settings

Step 4

For the Ellipses mesh, change the Bevel Width to 10, the Contour to Ring - Double, and the Inflate Strength to 10.

Ellipses Cap Settings

8. Create the Spheres

Select the Ellipses copy mesh tab, and go to 3D > Split Extrusion. This will separate the ellipses.

Select all the separated ellipses' mesh tabs, and click the Deform icon at the top of the Properties panel.

Change the Extrusion Depth to 0, and the Horizontal Angle (X) to 180.

Creating the Spheres

9. Create the Materials

Step 1

Select all the Outer Stroke and the Ellipses mesh material tabs, click the Diffuse texture icon, and choose Remove Texture.

Remove Diffuse Texture

Step 2

Deselect the Outer Stroke Extrusion Material tab, and change the material settings as shown below. The colors in RGB are:

  • Diffuse (54, 41, 7)
  • Specular (229, 187, 48)
  • Illumination (191, 191, 191)
  • Ambient (0, 0, 0)
Gold Material 1

Step 3

Select the Outer Stroke Extrusion Material tab and the Text material tabs, remove the Diffuse texture, and change the material settings as shown below:

  • Diffuse (209, 215, 216)
  • Specular (134, 143, 144)
  • Illumination (0, 0, 0)
  • Ambient (0, 0, 0)
White Material

Step 4

Select the Inner Stroke material tabs, remove the Diffuse texture, and change the material settings as shown below:

  • Diffuse (54, 41, 7)
  • Specular (175, 141, 27)
  • Illumination (191, 191, 191)
  • Ambient (0, 0, 0)
Gold Material 2

Step 5

Select all the Ellipses copy material tabs, remove the Diffuse texture, and change the material settings as shown below:

  • Diffuse (55, 61, 61)
  • Specular (134, 143, 144)
  • Illumination (0, 0, 0)
  • Ambient (0, 0, 0)
Ellipses Stroke Material

10. Move the 3D Meshes

Step 1

Pick the Move Tool, and use the 3D Axis to move the meshes around.

The arrows at the ends of the axes 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 wanted part.

Using the 3D Axis

Step 2

Move the meshes until you get a result similar to the image below.

You can also keep moving the camera around to see the different angles and make the process easier.

Move the Meshes

11. Work on the Lighting

Step 1

Select the Infinite Light 1 tab, and change the Intensity to 20% and the Shadow Softness to 30%.

Infinite Light 1 Settings

Step 2

Click the Environment tab, and then click the IBL texture icon and choose Replace Texture, and open the place 08 image.

Replace Environment Texture

Step 3

Change the Intensity to 65%.

Environment Light Intensity

Step 4

Click the Add new Light to Scene icon at the bottom of the 3D panel, and choose New Point Light.

Add Point Light

Step 5

Change the Color to (250, 244, 227) and the Shadow Softness to 30%, check the Light Falloff box, and set the Inner and Outer values to 109 and 1685.

Point Light 1 Settings

Step 6

What you need to do next is use the Move Tool to move the lights around until you like the result you get.

If the scene feels heavy, it might help if you downsize the document by going to Image > Image Size, and typing in any new dimensions you like. For this tutorial, a 1000 x 1000 px document seemed to work fine.

Move the Lights

12. Render the Scene and Adjust the Lighting

Step 1

Go to 3D > Render. The rendering might take a while, but you can stop any time by pressing the Esc key.

Once the rendering is done, right-click the 3D Scene layer, and choose Convert to Smart Object.

Fill the Background with the color #dbd7d2.

Change Background Color

Step 2

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient Map.

Add a Gradient Map Adjustment Layer

Step 3

Use the gradient fill shown below, and check the Dither box. Then, change the adjustment layer's Blend Mode to Color Burn, and its Opacity to 30%.

Adjustment Layer Settings

This will enhance the coloring of the final result.

Final Result

Congratulations! You're Done

In this tutorial, we created a simple text, converted it to a shape, and then modified a couple of other stroke and shape layers.

After that, we converted the shape layers into 3D layers, and worked on their mesh and material settings.

Then, we adjusted the lighting of the scene and rendered it.

Finally, we added a gradient map to enhance the coloring of the final result.

Please feel free to leave your comments, suggestions, and outcomes below.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.