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

0saves


If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Related Posts

Landscape-photography-history-tips-THUMB

Landscape Photography: Short History and Tips

Interview-Adam-McIntyre-insight-freelancers-life-THUMB

Interview with Adam McIntyre – Insight into a Freelancer’s Life

Adobe-Illustrator-tutorial-draw-vector-pirate-skull-THUMB

Adobe Illustrator Tutorial: How to Draw a Vector Pirate Skull

Illustrator-Photoshop-tutorials-roundup-april-2013-THUMB

Illustrator and Photoshop Tutorials Roundup – April 2013

16 Comments

  1. nice text effects, thanks for share on joyoge

  2. Ruben Nunez

    11.10.2011

    Reply

    This is interesting. I followed the tutorial and like the effect.

    I wonder if there is a way to do this so that you don’t have to rasterize it, and therefore can apply the effect and still edit the text.

    Now that would be cool!

    Thanks for sharing.

    • Doink

      11.11.2011

      Reply

      There is a workaround to do this: turn the whole process into an action :)

  3. web2feeds

    11.10.2011

    Reply

    It seems like the text came out really nice. :)

  4. vikash

    02.07.2012

    Reply

    your tutorial is just awesome, very clear explanation.
    thanks so much :)

  5. samjith

    02.11.2012

    Reply

    good totorials, expecting more from u

  6. Sanjay Khadola

    05.12.2012

    Reply

    nice

  7. Fafe Dharmawan Mac

    06.14.2012

    Reply

    Cool, Really like this tutorial…

  8. Md Mirajul Islam

    07.07.2012

    Reply

    I like This tutorial…

  9. wow. Thank you for sharing!

  10. Htay Lwin

    12.19.2012

    Reply

    I Like this post.

  11. paddy

    12.29.2012

    Reply

    great post

  12. paddy

    12.29.2012

    Reply

    very good post

  13. Fit Al-Fateh

    01.18.2013

    Reply

    Thanks for sharing.

  14. Amit Bhayani

    03.05.2013

    Reply

    Very Very Very Nice.
    And more usefull Post.

  15. Excellent site you have here.. It’s hard to find excellent writing like yours nowadays. I really appreciate people like you! Take care!!

Leave a Reply









Read Next