Jump to content
xisto Community
thasoldier

3d Text Effect

Recommended Posts

In this tutorial i will show you how to make a 3D text effect

 

 

The Tutorial:

Step 1: Creating the document and preparing text

Create a new document (File > New) and use any size you want. I'm using 320px x 150px. Next, select a font and type your text. Add any effects you want to the text, such as gradients or colours.

---------------------------------

Posted Image

---------------------------------

To stretch and transform the text, we need to rasterize it first. To do this, right click the text layer on the layers list, and select Rasterize.

---------------------------------

Posted Image

---------------------------------

 

Step 2: Transforming the text

After you have rasterized your text, your ready to transform it. With the text layer selected, press CTRL+T, and press right click in the text then choose perspective or distort to position your text as if it were in 3d perspective, and press Enter to apply the change. You'll want to achieve an effect as shown below. (This will be the top of the 3D text)

---------------------------------

Posted Image

---------------------------------

 

Making the text 3D

After you have transformed the text, right click it on the layers list, and press Duplicate Layer. (Alternatively, you could press CTRL+J with the text layer selected.) Now create a new set (see below image), and place your duplicated layer into it. Add a bevel and emboss to the duplicated layer (use the default settings). This will help in achieving the 3D effect.

 

With the duplicated layer selected, hold shift and press the down arrow 2 times. This will move your text layer down by 20 pixels. Now, hold the alt key and ctrl key and press the up arrow 19 times. This duplicates each layer, and nudges it up by 1 pixel each time.

---------------------------------

Posted Image

---------------------------------

This is the end of the 3D effect. If you want to add more effects to it, such as reflections and shadows, continue reading.

 

 

Step 3: Adding extra effects

Note: These effects aren't needed, but they provide nice details to the final product.

 

Now that we have the basic 3D effect, we can add more effects to give it a reflection, and an environment. Select the original text layer and add a faint drop shadow to it. Select the layer set, and press CTRL+E (this will merge all the layers inside.) Duplicate the new layer (CTRL+J) which use to be the layer set, and lower its opacity to about 20%. Position it below the 3D text, so it looks like a reflection. There are many tutorials about reflections in our database if you need any more help. On my background layer, I also added a faint gradient instead of just a white backdrop.

 

Final Result

---------------------------------

Posted Image

---------------------------------

you can use it too in the shapes

i hope you like it :mellow:

Edited by yordan
Quoted the text copied from http://www.websitetemplatedesign.com/oscommerce_tutorials/tutorial_240.shtml (see edit history)

Share this post


Link to post
Share on other sites

Nice topic.

hope you like it

Yes, I liked it.Of course, I liked it even more in it's original form here : http://forums.xisto.com/no_longer_exists/
You know, posting text copied from somewhere else is not really forbidden here. However, honesty asks that you put this text between quotes, and politeness asks that you mention the source where it's copied from.
Today I did the quoting job for you, next time I expect you to do the quoting by yourself. Else, we could imagine that you are trying to cheat with the credit system, which makes some mods around here rather angry. :mellow:

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.