How to Create a Retro Metal 3D Design

I originally developed this Vertigo logo and rendered a 3D version of it using Cinema 4D. However,

for this tutorial I really wanted to find a way to get hot 3D text without using a 3D dedicated program.





Tutorial Details
  • Applications Used: Photoshop, Illustrator
  • Difficulty: Intermediate
  • Estimated Completion Time: 1h +

Download Source Files

Source files for this tutorial are available to Premium members.
Get a Premium Membership




Final Product What You’ll Be Creating



Part I – Prepare the Logo to Be Recreated in 3D for Photoshop


Step 1

First, I added a stroke to the logo so that the extra outline will serve as a bevel to my 3D text once I’ve kicked into the project.

1a

Step 2

I changed the logo fill and stroke to white. I’ve found that when I apply Extrude and Bevel, white is the best choice to get crisp whites and blacks in the 3D text.

1b

Step 3

I adjusted the settings for the Extrude and Bevel. I clicked on options to get more settings and adjust the Light Intensity and Ambient Light to get my bright whites and dark blacks. The position of the light on your text is the key to removing the gray areas.

1c

Step 4

The results of the 3D extrusion in Illustrator are now copied and pasted onto a pink background in Photoshop. I ran into a glitch area in the 3D extrusion that caused me to have to fill in the area on the V.

1d

Part II – Adding Reflections and Depth Using Layer Modes


Step 5

I choose Select/Color Range to choose just my white areas.

2a

Step 6

I copied that layer and selected the inverse. I deleted the inverse so that only my white areas are on a layer by themselves. I still have a copy of the logo on it’s original pasted layer, as I’ll need that later in the tut.

2b

Step 7

I copied the layer that has my white logo on it and made a selection of everything on the layer. Then, I contracted the selection by 10 pixels or so and deleted the inverse.

2c

Step 8

I chose Edit/Fill and filled my layer with a 50% gray so that I can see the difference between my two layers.

2d

Step 9

The outside white that is on it’s own layer will serve as the outer bevel. The gray area that is on a layer above will be the face of my 3D text that will contain the majority of my reflections.

2e

Step 10

I added a Gradient Overlay by clicking the FX button at the bottom of my layers panel.

2f

…and that’s the end of the preview!



View The Tutorials





Enjoyed this Post?

Subscribe to our RSS Feed, Like on Facebook or simply recommend us to friends and colleagues!

tuts13
Other posts by tuts13
Related Articles
Leave a Reply