How to create 3d effects in Photoshop CS3
TweetWhen 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
![]()
STEP 1
Create a document of 2000 x 2000 px in RGB color mode (File > New…) or a similar file size.
![]()
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.
![]()
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”.
![]()
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.
![]()
STEP 5
Duplicate this layer (CTRL+J). Select its original and repeat STEP 4.
![]()
STEP 6
Repeat this step until you get a decent “extrusion” height.
![]()
![]()
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.
![]()
![]()
STEP 8
Select the top-most layer and add a similar blending setting, like below.
![]()
Done!
You can explore different extrusion paths if you change the reference point for the Free Transform mode.
![]()
16 Comments
Design Related Bookmarking
11.08.2011
nice text effects, thanks for share on joyoge
Ruben Nunez
11.10.2011
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
There is a workaround to do this: turn the whole process into an action :)
web2feeds
11.10.2011
It seems like the text came out really nice. :)
vikash
02.07.2012
your tutorial is just awesome, very clear explanation.
thanks so much :)
samjith
02.11.2012
good totorials, expecting more from u
Sanjay Khadola
05.12.2012
nice
Fafe Dharmawan Mac
06.14.2012
Cool, Really like this tutorial…
Md Mirajul Islam
07.07.2012
I like This tutorial…
Julie Ji-yeon Jang
07.09.2012
wow. Thank you for sharing!
Htay Lwin
12.19.2012
I Like this post.
paddy
12.29.2012
great post
paddy
12.29.2012
very good post
Fit Al-Fateh
01.18.2013
Thanks for sharing.
Amit Bhayani
03.05.2013
Very Very Very Nice.
And more usefull Post.
agencja reklamowa warszawa
05.28.2013
Excellent site you have here.. It’s hard to find excellent writing like yours nowadays. I really appreciate people like you! Take care!!
How to create 3d effects in Photoshop CS3 | Design News
11.10.2011
[...] How to create 3d effects in Photoshop CS3 [...]
tutoriales en photosop: creando textos | pixelados.net
01.13.2012
[...] ver tutorial ver tutorial ver tutorial ver tutorial ver tutorial ver tutorial This entry was posted in inspiraciones, photoshop, tutoriales and tagged photoshop, textos, tutoriales by monuma. Bookmark the permalink. [...]
3d Type | Photoshop and Design Tutorials at GraphicTutorials.net
02.12.2012
[...] continue /* Tweet Related posts: [...]
There are no trackbacks to display at this time.