« keyboard shortcuts for Dreamweaver | Main | What is a widget, download free widgets »

How to make 3d text effect in Photoshop

Photoshop Text Tutorial - How to create a 3D text effect

The first thing that comes to mind when I think about 3D text is the Superman logo. Here is an example to give you an idea as to what you will be learning to do in this Photoshop tutorial.

Note: The software used to make this text effect is Adobe Photoshop.

3d text


To create 3D text you first need to start a new image.
File / New / Choose your settings / Press OK.

Then choose your text / horizontal type tool.

text tool


Type whatever word you want to use as your 3D text logo onto your new image. I'm going to use the word 'Superman' for this example. Next color your text and warp it into an arc style.

arc text tools


At the bottom right of your layer styles choose stroke.

stroke layer style


Then pick a brownish color and set the stroke size to 2 pixels, then press OK.

Photoshop stroke size


Right click the layer style as shown in the image below and choose create layer.

create layer.gif


Highlight the new layer by clicking once on it.

new layer


Press Ctrl + J on your keyboard to duplicate the layer.

Press Ctrl + T to free transform. Then press your keyboards down arrow key, then the right arrow key and hit your Enter key.

Now for the fun part. Hold down your Ctrl + Alt + Shift key while pressing your t key numerous times to get this effect below:

3D text effect


And there you have it! 3D Superman text effect.

For those that have broadband Internet access, here is a Photoshop video tutorial to show you through the steps visually.


To start this Photoshop video tutorial, press the go arrow.



subscribe to Website Design Tips feed Want to learn more about designing a website or improving an existing one? Subscribe to Website Design Tips today for free.

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)

Add this blog to your feed Subscribe to this feed

About

This page contains a single entry from the blog posted on February 12, 2007 10:38 AM.

The previous post in this blog was keyboard shortcuts for Dreamweaver.

The next post in this blog is What is a widget, download free widgets.

Many more can be found on the main index page or by looking through the archives.


copyright 2001-2007 © hypergurl.com