Search This Blog

Thursday, January 12, 2012

How to create 3d effects in Photoshop CS3

When you saw the title, you probably said “Impossible!” Not entirely true. We can create extrusions even if the command isn’t available, adjust the depth and direction of the extrusion path or use shading and all we need is a different point of view on things. Sounds pretty good so far, huh?
Difficulty: beginner
Completion time: 3-5 min
Tools: Photoshop CS3
Resources: Showcard Gothic font

Final Image Preview

final pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 1

Create a document of 2000 x 2000 px in RGB color mode (File > New…) or a similar file size.
1 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 2

Grab the Horizontal Type Tool (T), draw a type box with the about the same width as the canvas. Type in your desired text and hit the “OK” button in the top side.
2 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 3

Duplicate this layer (CTRL+J). Select the original layer, make the text another color, go to the Layers palette and right-click near the layer thumb. Select “Rasterize Type”.
3 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 4

Hit CTRL+T to enter Free Transform Mode, click the chain between the percentile values and change the value to “99.5%”. Hit Enter.
4 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 5

Duplicate this layer (CTRL+J). Select its original and repeat STEP 4.
5 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 6

Repeat this step until you get a decent “extrusion” height.
6 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3
6.1 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 7

Select all layers except the top-most one and “background” and hit CTRL+E to merge them. Click the “fx” in the Layers palette and select “Blending Options”. Use the settings below.
7 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3
7.1 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 8

Select the top-most layer and add a similar blending setting, like below.
8 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

Done!

You can explore different extrusion paths if you change the reference point for the Free Transform mode.
9 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3
final pixel 77 3d effect tutorial in cs31 How to create 3d effects in Photoshop CS3