Home arrow Photoshop arrow 3D Text in Photoshop
PHOTOSHOP

3D Text in Photoshop


In this graphic design tutorial, you will learn how to create 3D text using Adobe Photoshop.

Author Info:
By: Thelonius Funk
Rating: 5 stars5 stars5 stars5 stars5 stars / 4
November 10, 2011

print this article
SEARCH DEVARTICLES

In this graphic design tutorial, you will learn how to create 3D text using Adobe Photoshop.

STEP 1

Start a new document 1200x800 with a black background.
Use your TYPE tool and create your text. I used Invisible Killer which many of you may recognize from  the‘Predator’ films.



With your type tool still selected, click on the "Create warped Text" button to open the warp text box.

STEP 2

From the Warp text box, for style, select Arc Upper, and set your Bend to +41

STEP 3

Now duplicate the text layer, there’s several ways to do this, one way is to right click on the layer (in the layer pallete) and select "Duplicate Layer".
We will work with this layer later, so sets hide it now, click on the "eye" icon on the layers palette. So your layers pallete should have something like the image in the middle below.


             

STEP 4

Now apply: Filter » Distort » Polar Coordinates
Options: Polar to Rectangular


STEP 5


Now go to: Image » Rotate Canvas » 90CW
 

Now go to: Image » Rotate Canvas » 90CW 



Then go to Filter » Stylize » Wind
Method: Wind, Direction: From the left


Now just press CTRL+F about 10 times. this will reapply the wind filter by 10 times.

STEP 6

Now rotate the image again.
Image » Rotate Canvas » 90CCW
Then the filter: Filter » Distort » Polar Coordinates
Options: Rectangular to Polar
Now you should have something similar below.


STEP 7

Now enable the top layer text you duplicated from the first step. Change its color to something you can see with.

STEP 8

Apply the following layer styles:
Layer Style » Inner Shadow


Layer Style » Gradient Overlay


Layer Style » Stroke

FINAL IMAGE!

Here you go…


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

All Photoshop Tutorials
More By Thelonius Funk


blog comments powered by Disqus
PHOTOSHOP ARTICLES

- Photoshop Text Techniques: Transformers
- 3D Text in Photoshop
- Photoshop Text Tutorial: Creating Indy Text
- Photoshop Productivity Tips and Tricks
- Photoshop Keyboard Shortcuts
- The Critically Important Color and Gamma Cal...
- Using Adobe Photoshop CS, Part 2
- Using Adobe Photoshop CS, Part 1
- 20 Things About Photoshop You Have to Know
- Photoshop Tricks, Part 2
- Photoshop Tricks, Part 1
- Keeping Up Appearances: Techniques for Retou...
- Navigation Menus in Photoshop
- Slicing and Saving Graphics in Photoshop for...

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials