Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks &
Illustrator Tutorials
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Photoshop Tutorials > 3D Text Effect  


New Photoshop Tutorials

Image Effects

Text Effects

Designing

Others

Free Photoshop Resources

Photoshop Tutorials from our Blog

Other Photoshop Tutorials

Other Photoshop Resources

Awesome 3D Text Effect

In this tutorial you will learn how to create 3D text with lighting effects. We'll use Illustrator to add the 3D effect and everything else will be done in Photoshop.

3d text effect

Tutorial Details

Program: Photoshop CS5

Estimated Completion Time: 20 Minutes

awesome photoshop text effects


Tutorial Assets

We need a nice star brush set. Once we have that we can start out tutorial.


Step 1:-Open your illustrator and create a new file with 600px width and 400px height.

Step 1

Step 2:- Now we’ll create the 3D text, make sure you create one letter at a time. So select the “Type Tool”. And type “E”.

Step 2

Step 3:- Now click on Effects>3D>Extrude & Bevel and keep the setting same as shown in the image.

Step 3

Step 4:- Simply repeat the same process, until you have complete “Entheos”.

Step 4

Step 5:- Now open your Photoshop and create a new file with 700px width and 550px height.

Step 5

Step 6:- Select the “Paint bucket Tool” and fill the background with # 000000.

Step 6

Step 7:- Now copy the text from illustrator and paste it to our Photoshop. Make sure you paste it as “Pixels”.

Step 7

Step 8:- Now the fun part begins, as we decorate our text. First, we’ll create a new layer. For this, click on Layer> New> Layer, and then select the “Pen Tool”. And create a path along our “E”. But make sure you select the front part only. Then right click on the path and select “Make selection”.

Step 8

Step 9:- It’s time to use some gradient. So click on layer> Layer style> Gradient Overlay, and add a purple gradient to our “E”.

Step 9

Step 10:- Now click on Layer> Layer style> stroke, and add 1px stoke with # fc00ff.

Step 10

Step 11:- Once again create a new layer and select the “Pen Tool” and create a path along the remaining “E”. Then right click on the path and select “Make selection”. Now select the “Paint bucket Tool” and fill the selection with # 3a0231. Now click on Layer> Layer style> Blending Options, and change the blending mode to “Overlay”.

Step 11

Step 12:- Now we’ll repeat the same process and add different color to each letter.

Step 12

Step 13:- It’s time to add some glitter to our text, so first create a new layer. Then select the star brush. And use it on our “E” with # ffffff. Change the size to 2px and 5px.

Step 13

Step 14:- Our stars need some outer glow. So click on Layer> Layer Style> Outer Glow, and add the outer glow with # ff00b7 and blending mode should be “Linear color dodge”.

Step 14

Step 15:- Now simply repeat the same process and add glitter and outer glow to all of the remaining letters.

Step 15

Step 16:- Create a new layer and place it under our Text layer. Then select the “Hard round brush” and use it randomly on our background with color # ffffff, and # 896335. Now reduce the opacity to 30%.

Step 16

Step 17:- Now click on Filter> Render> Lens flare and add lens flare in the middle.

Step 17

Step 18:- First change the foreground color to # ffffff and select “Hard round brush” with 2px size. Now select the “Pen Tool” and create a half loop around our text. Then right click on the path and select “Stroke Path”. Then click on Layer> Layer Style> Outer glow, and add outer glow with # cf9b10.

Step 18

Step 19:- Now open the Brush panel and click on “Scattering”. Then use the brush along the half loop created about.

Step 19

Step 20:- Simply repeat the same process and get three half loops covering the text. Then add some small stars around these. And now we are done.

final result

Our 3D Text is ready. We hope you guys enjoyed this tutorial and learned something new. Do try it out and share your result. We’ll be back with some new tutorials, till then take care and keep designing!

Click here to download the final PSD file

awesome photoshop text effects


Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.


best psd templates

Free HTML5 Website

Latest Photoshop Tutorials & Resources

Create a Polaroid Photo Collage Using Photoshop CS6

How to Create a Polaroid Photo Collage Using Photoshop CS6

Dazzling Photo Effect Templates in Photoshop

dazzling photo effect templates in photoshop

Create a Fantasy Photo Manipulation in Photoshop

Create a Fantasy Photo Manipulation in Photoshop

Learn how to create a circular photo collage in Photoshop

Learn how to create a circular photo collage in Photoshop

100 Stunning Photoshop Text Effects & Styles

Stunning Photoshop Text Effects & Styles

Vintage Image Effect in Photoshop

Learn How to Create a Cool Vintage Effect in Photoshop

Create a Print Ready Business Card in Photoshop

http://blog.entheosweb.com/tutorials/learn-how-to-create-a-print-ready-business-card-in-photoshop

Amazing Collage Templates in Photoshop

Amazing Collage Templates in Photoshop

 

Featured Template
Template # 57306
Type: PSD
Price: $50