final

This week I created a post with the best 50 fantastic 3D text designs I found on the internet.Today I decided to make a tutorial to show you how you can design a 3D text.

You can use this technique to make dynamic logos that look great on promotional items, business cards, and just about anywhere you put them.

Unfortunately,Photoshop is not enough to create a 3D symbol,but Adobe has another application in which you`re able to do this very easily.It is Adobe Illustrator.

So,to create the 3D text,you must have Adobe Photoshop and Illustrator.First,we`re going to create the 3D effect in Illustrator and then in Photoshop will stylize it a little bit.

What are we making

 Create a cool 3D text using Photoshop and Illustratorfinal Create a cool 3D text using Photoshop and Illustrator

Creating the 3D text in Adobe Illustrator

Open Adobe Illustrator and create a new document of 750×750 px.

 Create a cool 3D text using Photoshop and Illustrator1 Create a cool 3D text using Photoshop and Illustrator

Select the Text tool and type in your first letter with a bold font.I am using Hobo Std Medium 72px.Fill it with white color.

 Create a cool 3D text using Photoshop and Illustrator2 Create a cool 3D text using Photoshop and Illustrator

Select the letter and go to Effect > 3D > Extrude & Bevel.

You may hit Preview to see how the letter shape is changing.

 Create a cool 3D text using Photoshop and Illustrator3 Create a cool 3D text using Photoshop and Illustrator

Repeat those steps for the next letters and adjust the rotation to make different symbols.

 Create a cool 3D text using Photoshop and Illustrator4 Create a cool 3D text using Photoshop and Illustrator

Now let`s export the letters for Photoshop.Go to File->Export and be sure to choose from the list .psd extension to be compatible with Photoshop.Then go to Photoshop and load the .psd 3D text.

 Create a cool 3D text using Photoshop and Illustrator5 Create a cool 3D text using Photoshop and Illustrator

 Create a cool 3D text using Photoshop and Illustrator6 Create a cool 3D text using Photoshop and Illustrator

Stylizing the 3D text in Photoshop

Create a new layer in Photoshop to make a background for the text and add a radial gradient overlay.

 Create a cool 3D text using Photoshop and Illustrator7 Create a cool 3D text using Photoshop and Illustrator

 Create a cool 3D text using Photoshop and Illustrator8 Create a cool 3D text using Photoshop and Illustrator

Add the text over the background.Select the Magic Wand tool,set tolerance to 2 and select the front side of the first letter.

 Create a cool 3D text using Photoshop and Illustrator9 Create a cool 3D text using Photoshop and Illustrator

Make a new layer above the letter layer,select the layer and fill the selection with a blue gradient using the Gradient tool(G).

 Create a cool 3D text using Photoshop and Illustrator10 Create a cool 3D text using Photoshop and Illustrator

Now the letter looks better.

 Create a cool 3D text using Photoshop and Illustrator11 Create a cool 3D text using Photoshop and Illustrator

Continue with the rest of the letters giving them different color gradients,like in the image below.

 Create a cool 3D text using Photoshop and Illustrator12 Create a cool 3D text using Photoshop and Illustrator

Now we`re going to create an effect for the each depth of each letter.Double click the first letter layer,and add the next blending options:

 Create a cool 3D text using Photoshop and Illustrator13 Create a cool 3D text using Photoshop and Illustrator

 Create a cool 3D text using Photoshop and Illustrator14 Create a cool 3D text using Photoshop and Illustrator

 Create a cool 3D text using Photoshop and Illustrator15 Create a cool 3D text using Photoshop and Illustrator

You may see how the depth of the letter is changing in a transparent blue,like in the image:

 Create a cool 3D text using Photoshop and Illustrator16 Create a cool 3D text using Photoshop and Illustrator

Continue the procedure for each letter,by changing the gradient color to a similar one like the letter.

 Create a cool 3D text using Photoshop and Illustrator17 Create a cool 3D text using Photoshop and Illustrator

Let`s decorate them a little bit.For this step,download some decorative flower brush sets and start paint inside each letter.To paint inside them,first you must hide the letter`s face and then select them with the Magic Wand tool,with a tolerance of 2pt.Watch the images below to understand better the procedure:

 Create a cool 3D text using Photoshop and Illustrator19 Create a cool 3D text using Photoshop and Illustrator

 Create a cool 3D text using Photoshop and Illustrator18 Create a cool 3D text using Photoshop and Illustrator

Download from here the decorative flower brush sets:

Decorations by Ro-Stock

Ornament Brushes by Magical Viper

Paint each letter as you want.You may give them a color or a gradient.You decide.

 Create a cool 3D text using Photoshop and Illustrator20 Create a cool 3D text using Photoshop and Illustrator

 Create a cool 3D text using Photoshop and Illustrator21 Create a cool 3D text using Photoshop and Illustrator

Now download this Fog brush set,make a layer under the letters and paint some white fog,like in the image below:

 Create a cool 3D text using Photoshop and Illustrator22 Create a cool 3D text using Photoshop and Illustrator

Ok,now lets add some more interesting background elements.

Download this Line brush set and add some lines over the letters.I painted them over a layer situated between R and T.Change the layer mode to Soft light,decrease the opacity to 60-65% and add an Outer Glow.

 Create a cool 3D text using Photoshop and Illustrator23 Create a cool 3D text using Photoshop and Illustrator

 Create a cool 3D text using Photoshop and Illustrator24 Create a cool 3D text using Photoshop and Illustrator

 Create a cool 3D text using Photoshop and Illustrator25 Create a cool 3D text using Photoshop and Illustrator

To finish,put 2 or 3 shining stars over the letters.For this,download this lovely Stars brush set,paint some stars and give them an Outer glow to shine.

Final Image

This is how my final image looks,after following all the steps above.

 Create a cool 3D text using Photoshop and Illustratorfinal Create a cool 3D text using Photoshop and Illustrator

We`ve reached the end of the tutorial.I thank you for reading and I hope you learned something today.If you have a problem,leave a message and I`ll help you as much as I can.

If you like this post,you may subscribe to the OURTUTS RSS Feed for more photoshop tuts and articles.

Our strict privacy policy keeps your email address 100% safe & secure.

We offer up to date testking 220-702 questions and testking 642-642 answers with 100% pass guarantee. Just download testking 350-029 dumps and pass exams on first attempt.

Written by Madalin Tudose

Hello!My name is Madalin Tudose and I`m the founder of OurTuts blog.I love design and spend a lot of my time learning Photoshop techniques and putting them in practice.

Hey, this post has 37 Comments. Join the discussion:

  1. You lost me on adding the gradient overlay in photoshop can you please help me out to get it finished?

  2. jac says:

    hands up…! damn good tut…***

  3. Aki says:

    awsme…. great collection….

  4. Mark Francis says:

    In searching for sites related to web hosting and specifically comparison hosting linux plan web, your site came up.

  5. Patrick says:

    Nice tutorial. Great way to learn a bit more about effects and brushes.
    Also a great way to show how you can combine Illustraror and Photoshop

  6. excellent training of text effect using Photoshop.

  7. avl1979 says:

    Здравствуйте. У меня есть вопрос по поводу контекстной рекламы на Вашем сайте. Вам не доводилось сталкиваться со случаями заморозки аккаунта администрацией гугла за как бы “накрутку”? Как защитить себя в этом случае?

  8. ekhsan says:

    Thanks article…Effect 3D what could in for with Photoshop CS3…? Afterwards what of Effect 3D in addition Plugin…? Replay please

  9. steefler says:

    шикарноо..)

  10. Tishioche says:

    Понравилось. А для графического наполнения Вы материал где берете? Меня давно интересовало, как получается научиться находить на файловых архивах настолько подходящий материал… По поиску куча разного отображается, а чтобы найти реально что-то ценное – дык на это аж нуна пол дня, а то и больше потерять…. Или это Вы из перональной коллекции взяли?

  11. K3nny says:

    Great!!!

  12. roberto sanchez says:

    Gracias por el tuto, creativo y fácil.

  13. Thanks very much for this great post.

  14. Хочется поспорить с автором, что всё эксклюзивно так? Я считаю, каким образом раскрыть данную тему.

  15. Каждому по возможностям, от каждого по потребности, или как там это у Карла Маркса было прописано

  16. Great article! Thank you very much!

    Regards

  17. Pro-Designer says:

    amaziiiiiiiing
    keep them coming

  18. asif ali says:

    hey ,i’ve my adobe illustrator expired.have to activate it again

  19. Felipe says:

    Wow… easy and excelent…

  20. TutsKing says:

    I’m liking this one a lot. Keep up the good work.

We like feedback!