Photoshop Tutorial : How to Create a 3D Text Using a 2D Design Program
This Awesome Trick Enables You to Add a 3D Appearance to Your 2D TEXT Using Photoshop Cs
Create your new design with document size as needed ,
FILE>>NEW " Then add your setting to the file .
My file is 400W*200H with
- Normal monitor resolution 72 pixel/inch
- RGB Colors , " if you need it for print purpose you may need to change the color type to CYMK .
- Transparent Background.
Step#2:
Select your background. " one color background or a gradient background ".
In my case , I will create a gradient background with white and light gray color combined.
- From the toolbox chose the Gradient tool after choosing your foreground color and background .
- Select the first layer in your layers pallet , then with the gradient tool selected move it vertically from up to bottom .
Step#3:
Now select the type tool .
Chose a good font style and color that fit your needs , then start writing your text.
Step#4:
To add a perfect look to the text we will add a gradient effect to it .
- Select the text layer, from the bottom of the layer pallet, Click add a layer style Then select Gradient Overlay
- In the gradient dialog box chose your gradient style ,
" you may select your fore/back ground colors , or just chose one of Photoshop gradient styles stored . You can open them by clicking on the gradient list, Then chose the Scale you may need " Scale of 50% is ideal in our condition ".
Take a look at the attached Photo .
Step#5:
To add the 3D style we need to rasterizing the text layer first .
- Right click on the text layer and click on rasteriz Layer option ,
OR From Layers Menu Click on Rasterize > Rasterize Layer.
Take a look at the attached Photo .
Step#6:
All we need now is to Positioning the text to a 3D perspective direction , Using transform selection .
- select the text layer THEN hit Ctrl+T Or Command+T if you are using Mac , Start moving your text with -8 degree diagonally upward .
- Then add about 10 to 30 degree to move the text in H dimension and around 5 in V dimension .
Take a look at the attached Photo .
Step#7:
Now Duplicate the new text layer ,
- click on the text layer and hit duplicate layer , Or just drag the text layer to the new layer icon on the layer pallet .
- With the duplicated layer selected , Press SHIFT and hit down 2 times . THAT will move the duplicated layer away from the original layer about 20 inches.
- With the duplicated layer still selected , Press ALT + CTRL bottoms then hit the up arrow about 20 times , as you see every hit you make a new layer is created with a shifting distance equals to one pixels .
NOTE : You must keep hitting until you reach the original text ( it's about 17 to 22 hit ).
NOW YOUR 3D TEXT IS READY ... try to add your artistic touch to your design like adding a bevel and emboss to the top text layer " The original one " .
That's my final one.. Take a look, is it cool or what!!
Until next time , have fun .
Published by Peter R
A senior web developer with wide experience in web programming languages like JavaScript, AJAX and CSS. I've a great interest in web technologies and gadgets since collage. Famous for writing How-to guides a... View profile
- Photoshop Tutorial: How to Create LightningCreate lightning from scratch using Photoshop by following these simple steps
Adobe Photoshop Elements 4: Organizing Photos and VideosAfter you successfully load and install the Adobe Photoshop Elements 4.0, you'll want to organize and arrange all those photos and videos on your hard drive. But first you need...
3-Layer Red, White, & Blue 4th of July CakeAre you looking for a way to make a delicious dessert for the 4th? Well, with this easy recipe you can make a delightful 3-layer cake that will make your family believe you spen...- Photoshop: The BasicsAre you just starting out on Photoshop? Do you have absolutely no idea where to begin? I was exactly where you were not too long ago.
Photoshop Tutorial: Color Correcting and Tone Enhancing PhotographsIn this easy step-by-step Photoshop tutorial you will learn how to enhance the tons and correct the colors of your photos to create a masterpiece.
- How to Add a Professional Drawing Effect to Your Photo Using Photoshop CS
- Photoshop Tutorial for the Artistic Effect: How to Convert Your Photo Into a Penci...
- Photoshop Elements 4 Templates and Plug-ins
- Creating Projects with Adobe's Photoshop Elements 4
- Layers with Photoshop Elements 4.0
- Advanced Photoshop Elements Tools
- Craft Recipe: Layer Paper Mache


1 Comments
Post a CommentIs or what an option?