Welcome to Creative Nation!

Welcome to Creative Nation, . Feel free to browse our forums and help yourself to all our free tutorials, images, and recources!

Download

To download this script go back to article »

Member Login

Lost your password?

Not a member yet? Sign Up!

Creating a Simple 3D Text Effect


The next generation of web design.


You are not connected. Please login or register

Creating a Simple 3D Text Effect

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Creating a Simple 3D Text Effect on 7/22/2011, 9:25 pm

LH Justin

avatar
Creating a Simple 3D Text Effect



Opening Message

This tutorial will teach you how to make a simple 3D text effect in just a couple minutes with Photoshop. All you need is Photoshop, no external resources required. Let's get started!

Getting Everything Ready

Make a new document that's 350px x 150px and 300ppi (resolution). I made a nice little back drop for the sake of the tutorial, but it's not necessary that you create one.



Creating the Text

Now create a text layer. It can be any word, font, size, or color you want; it doesn't really matter. Just make it big and place it somewhere near the middle of the document.

If you want a similar result to the tutorial then I used the font Trebuchet MS and made it
24 points.



Making the Gradient

Select the text layer and go to Blending Options, Gradient Overlay. Just give it a nice gradient that isn't too contrasting. I used #818c47 to #b2be65.



Making the Corners

Switch to the Move Tool and select the text layer. Hold down the alt key, and press the down and left arrow keys (not at the same time).

This will create two new layers. Merge them and move them below the original text layer.

Now go to Blending Options, and select Color Overlay. Set the color to #c2d35d.

This will divide the front and sides of the text.



Creating the Sides

This step is very similar to the last one. Make sure you're on the corner layer and select the Move Tool. Hold down the alt key and press the arrows in this order: down, left, down, left.

Merge all those layers and move them below the corner layer. Once again go to Blending Options, Color Overlay, but this time give it the color #4d5424.



Finishing Touches

Now that you have the basic 3D text you can play around with the Dodge and Burn Tools to give it more realism.




Completion Message

You're done! This technique is only one of many ways of creating 3D text, but it's a bit easier to manage than other methods.

It can be applied in a variety of interesting ways. I hope you learned something and enjoyed the tutorial. Smile



http://www.lhjgraphics.net/

2 Re: Creating a Simple 3D Text Effect on 7/22/2011, 10:40 pm

Ronin

avatar

Nice! I'll try this in a little bit.



3 Re: Creating a Simple 3D Text Effect on 7/23/2011, 1:01 am

virtuosity

avatar
It is a cool effect just not a big fan of it to be honest.

I really like the 3D grunge ones.

4 Re: Creating a Simple 3D Text Effect on 7/23/2011, 1:11 am

LH Justin

avatar
virtuosity wrote:It is a cool effect just not a big fan of it to be honest.

I really like the 3D grunge ones.
3D grunge?



http://www.lhjgraphics.net/

5 Re: Creating a Simple 3D Text Effect on 7/23/2011, 11:10 pm

ArChKnIgHt

avatar

Awesome !




http://ultragamerz.forumotion.net/

6 Re: Creating a Simple 3D Text Effect on 7/24/2011, 12:03 am

LH Justin

avatar
ArChKnIgHt wrote:Awesome !
Thanks!



http://www.lhjgraphics.net/

7 Re: Creating a Simple 3D Text Effect on 7/24/2011, 7:58 am

Mr.Axtrix

avatar

It is really simple and cool.

8 Re: Creating a Simple 3D Text Effect on 7/24/2011, 3:47 pm

virtuosity

avatar
Yeah.

Err kind of like stone looking 3D text effects, if that makes any sense?

9 Re: Creating a Simple 3D Text Effect on 7/24/2011, 4:08 pm

LH Justin

avatar
virtuosity wrote:Yeah.

Err kind of like stone looking 3D text effects, if that makes any sense?
Erm.. maybe? Tongue



http://www.lhjgraphics.net/

10 Re: Creating a Simple 3D Text Effect on 7/25/2011, 3:38 am

virtuosity

avatar
I will try to find an example Tongue

11 Re: Creating a Simple 3D Text Effect on 7/26/2011, 10:21 am

Mr.Axtrix

avatar

12 Re: Creating a Simple 3D Text Effect on 7/26/2011, 1:31 pm

virtuosity

avatar
Should warp the perspectives towards the middles Tongue

13 Re: Creating a Simple 3D Text Effect on 7/26/2011, 2:05 pm

LH Justin

avatar
Mr.Axtrix wrote:
Nice. Wink



http://www.lhjgraphics.net/

14 Re: Creating a Simple 3D Text Effect on 7/26/2011, 5:26 pm

Mr.Axtrix

avatar

LH Justin wrote:
Mr.Axtrix wrote:
Nice. Wink

Tanks, but the tutorial was really awesome

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum

.

Free forum | © PunBB | Free forum support | Contact | Report an abuse | Free forum.