How To Make 3D Perspective Text

by Steve Tolley

This tutorial shows you some basic techniques using different blending options to get a 3D text that is in perspective, with a nice end result which really stands out.

Step 1: First of all create a new document whatever size you like (for this I have used size 500 x 500)

Step 2: Select the gradient tool from the left hand toolbar and set the gradient to the colours and settings as shown below (or you can use your own colours, whichever suits you more)

Step 3: With the gradient set choose the text tool and write out the text you want, for best results use a thicker text (I used Century Gothic, set to bold) and then resize to whatever size you need.

Step 4: Right click on the text layer and choose Rasterize Layer which will convert the text to pixels, now click on one of the little boxes that surround the text like below:

Step 5: Now right click on the text and it should bring up a menu like below, from this choose perspective:

Step 6: Click and hold on the bottom right corner and drag downwards as shown below:

Step 7: When done click the tick button on the top toolbar to apply changes and now simply press CTRL + J (this will duplicate the layer) and press the right arrow once, repeat this as many times as you like or until it looks something like below (I did it 12 times), so this is the order…
CTRL + J, ->,
CTRL + J, ->,
etc…

Result:

Step 8: Now get the first layer of text again and drag to the top of all the other layers so it is the top layer, this is where we add some colour to the text, double click on the original layer and this will bring up the “Blending Options Menu” when this appears use the settings as shown below: (alternatively you can use your own colours)

Inner Glow:

Gradient Overlay:

Stroke:

Step 9: Now select all of the other duplicated layers (not the original or the background) and right click and choose “Merge Layers” this will put all of the chosen layers into just one layer, now double click on the merged layer which will again bring up the “Blending Options” now use the settings as below or again you can use your own colours:

Gradient Overlay:

Stroke:

Step 10: To finish this text off simply create a new layer above all of the other layers and choose the “elliptical marquee tool” and make a selection like the one below:

Step 11: Now fill this selection in with white, and now hold CTRL and click in the box next to the layer name on the original layer (this should select the outline of the text) now press CTRL + Shift + I, this will invert the selection and with the new layer still selected press delete this should delete the white that is not wanted and leave you with something similar to below:

Now set the new layer opacity to 35% using the bar on the top of the layers window which says “Opacity” and then you will have your finished text 3D text perspective:

Finished Result:

If you have had any problems with this tutorial and would like some help then don’t hesitate to contact me either by leaving a comment below or e-mailing me at: stevie489@googlemail.com

Category : Text Effects
Tags : , , , , ,
3 Comm

Creating 3D Text in Photoshop

by Steve Tolley

This tutorial is a simple but effective way to create 3D text using only Photoshop. Easy to follow tutorial with alot of detail, outcome is good and cathces the eye well!

Step 1: First of all open up a new Photoshop document with the sizes: 600 width and 600 height as shown below:

Step 2: Next fill the background Black using the fill tool (Paint bucket)

Step 3: Now we need to add the text I am going to use the text “Photoshop” but you can use whatever text you want to.

Step 4: Next we need to “Bulge” the text using the “Text Warp” tool as highlighted below:

Step 5: We then select bulge from the menu that appears and use the below settings:

And we should get the result as shown below:

Step 6: Next we need to duplicate the text layer so that we have two layers of text, but we need to hide the copied layer because we do not need to use that at the moment (so click the “eye” next to the layer which will hide it) now we need to group the visible layers so that the original text layer and the background layer are on one layer, to do this you need to go to Layer > Merge Visible alternatively you can press “Ctrl+Shift+E” which will do the same job. So that you are left with something that looks like the image below:

Step 7: With the Original layer (Background layer) selected go to Filter > Distort > Polar Coordinates and use the settings below:

Then click OK which will give you something that looks like the below image:

Step 8: Now go to Image > Rotate Canvas > 90 CW this will then rotate the canvas, then you need to go to Filter > Stylize > Wind and use the settings as shown in the below image:

After you press ok press Ctrl+F ten times which will repeat the wind filter ten times to give you something which looks like this:

Step 9: Now you need to rotate the canvas back to how it was before so go to Image > Rotate Canvas > 90 CCW which will give make the canvas rotate to its original position and now we need to reverse the Polar Coordinates so that it is how it was, so go to Filter > Distort > Polar Coordinates and choose Rectangular To Polar which will reverse the one that you did before, and you should end up with something like the below image (if not then check back to make sure that you have done everything ok up to now)

Step 10: Now comes the stage where we need to unhide the copied text layer so click where the eye was and it should reappear (but if you did the text in white you won’t be able to see it, so just change the colour of the text by highlighting it and changing the colour) and you should now see it like below:

Step 11: Now all we need to do to finish is add a few “Blending Options” to access them either double click on the layer itself or go to Layer > Layer Style > Blending Options once the window opens up use the below setting as shown and you should get the final outcome (I chose red but you can use any colour that you want to)

If you do all of this correctly then you should get something that looks like the image below:

Thank you for reading and I hope that this tutorial has helped you, if you have any problems with this then don’t hesitate to contact me, either leave a comment or send me an email to stevie489@googlemail.com and I will respond ASAP.

Category : Text Effects
Tags : , , ,
0 Comm