Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

[ Tutorial ] How to Make 3D Text in Photoshop CS4 [ Tutorial ]

Written By: Starstruck

How To Create 3D Text in PS-CS4


First thing you're going to want to do, set your size and background.
For this tutorial, I selected 500x500 as my size and "White" as my background.
After doing this, I will insert my text. For this tutorial I'm going to use Alliance.

Here's what I have so far:
Spoiler (Click to View)


Next, I will "Right-Click" on my Text Layer, and select "Rasterize Type."
If you look carefully, you will see that Rasterizing the type will alter the thumbnail. It will change it from the "T" representing a text layer, into showing the entire word with a transparent background.

After doing that, I will select the layer where I inserted "Alliance" as my text, and go to "Edit" then "Transform" then I will select "Perspective."
Selecting "Perspective" will allow you to alter heights and widths of the selected area to change what of course is described as "Perspective" or visual distance.

For this tutorial, I'm going to enlarge the left side of my font and shorten the height of the right side.

Here's what it looks like so far:
Spoiler (Click to View)


Next, I'm going to start adding some layer copies, as to create the effect of 3-Dimensions. To do this, I will select the "Alliance" layer with my mouse, then press "Alt+Left Arrow" 15 times, in order to create 15 layer copies. While doing this, you will notice the "Alliance" text get bulkier.
After deciding how many copies you would like (more copies = more thickness) you could merge all those layers by clicking the first copy then "while holding Shift" click the first copy. This will highlight all copies of the layer. Then, right-click one of the highlighted layers, and select "Merge Layers." This will clean up things a lot for you.

Next, I will select the layer that holds the copies, and right-click it and go to "Blending Options."
I will then add a "Gradient Overlay" to give it a nice effect.
I will then apply "Bevel and Emboss" as well as "Contour", and "Satin."

After completing those steps, I will move the Copies Layer under the original layer. Which will start giving you a view of how it will become 3-Dimensional:

Spoiler (Click to View)


Approaching the final step, you would just have to select a gradient to match the previous one. I'm just going to use the same gradient as I just used, as to make it look metallic. I will then select "Satin" and "Gradient Overlay" and Drop/Inner Shadows.

Here's the Results:
Spoiler (Click to View)

Easy right? Just thought I would share this, in case anyone learning Graphics didn't know about this. Hope it was useful.
Thanks for the awesome tutorial. This is my result.
Spoiler (Click to View)
How do you do this in CS5? Alt+leftarrow does nothing and making copies manually doesn't seem to work. Yes I have the text layer selected.
The quality is quite horrible.
And Photoshop CS5 has a 3D tool built in it, so why not use that? :p

Thanks for the great share nonetheless!
Good tutorial, always good to have! Learned me something new today. Thanks.
(Apr 15, 2012 12:23 AM)Tidas Wrote:  How do you do this in CS5? Alt+leftarrow does nothing and making copies manually doesn't seem to work. Yes I have the text layer selected.


If you have Skype I can try to help you out.



(Apr 15, 2012 12:33 AM)Irignation Wrote:  The quality is quite horrible.
And Photoshop CS5 has a 3D tool built in it, so why not use that? :p

Thanks for the great share nonetheless!


Wasn't doing it to make something beautiful, was doing it so CS4 users would know how to set it up.
nice tut bro.
I will try it now.
Thanks a lot for the share.
kitty had a snack
Really well detailed Tutorial. Thanks
Awesome, Nice, Detailed tutorial!
I'll try this later.
Forex signal provider.

Thanks for all the kind words everyone, much appreciated.
Nice tutorial mate, I am gonna try it soon.
Well explained tutorial and nice share my friend didn't knew about this tho' but I suggest to people use C4D or maya because it makes the text look LQ, no offence but you know it's looks too pixelated and LQ. Great tutorials buddy +rep.
.

I never said it was gonna be great quality, C4D is the way to go when it comes to makes dimensional graphics. This is strictly just a tutorial for CS4 PS, as CS5 has a feature that makes it really simple to design 3D graphics, where CS4 clearly takes a little bit of time.
I know I just said what I think still nice tutorial buddy didn't blamed you or something :P
.

Didn't say you were, I was agreeing that C4D is the best way to go.
:P


Possibly Related Threads...
Thread / Author Replies Views Last Post
by A10247Feb 21, 2025 11:54 AM 3 232 Feb 21, 2025 11:54 AM
Last Post: Scorpionkami
by Aryan_AhirSep 24, 2017 10:09 PM 2 371 Sep 24, 2017 10:09 PM
Last Post: rmr00t
by HydraJun 13, 2017 12:57 AM 23 2,967 Jun 13, 2017 12:57 AM
Last Post: X X X X