Create A 3D Typo Effect In Photoshop

Hello Peeps! In this tutorial we will learn how to create a cool 3d effect using photoshop and Xara 3D. Lets check out what we are going to create.

final-3d

STEP1

We will use Xara 3D to create the letters, you can download the demo version of xara 3d [click here]. Lets get started with Xara 3d, power up your xara 3d and create alphabets! Anything of your choice. Check the images below for creating alphabets in xara 3d.

Once you start Xara 3d click ALT + T and you will see this text window below!

alt-t

After entering your alphabets/word press okay and follow the next image!

.

xara

STEP2

After creating each alphabet you will have to export it and save it as .png format. Click  FILE > EXPORT

Check out the image below for reference.

export-settings

Once you have successfully saved this letter in .png, repeat the above steps and save all your alphabets in png format.

STEP3

Now Power up Photoshop and create a new document of any size you wish, I created a document of size 800 X 600! And pull in all your alphabets you saved then go ahead and arrange all the letters. My letters look like these after arranging.

arrange-letters

STEP4

Once that you have arranged all the alphabets now we will add the shadow. Hold  CTRL+SHIFT and click on all the alphabets, once you did it you will end up selecting all the alphabets then create a new layer below all the alphabets and fill the selection with back. To fill it with black your foreground color should be black and then hit ALT + Backspace.

selection-made-new-layer

STEP5

Now we will add Gaussian blur to the shadow layer! Click Filter > Blur > Gaussian Blur and enter the settings shown below

gaussian-blur

Once  you added Gaussian blur settings then reduce the opacity of that layer to 50% and add one more layer above shadow layer and select a soft brush of 50px and with black color paint just below the alphabets. Refer my image

shadows

STEP6

Now we will go ahead and add layer styles to each alphabet, you can keep experimenting on blending options of your own choice. Here are my blending options. (to get layer styles double click on alphabets layer or just right click and select Blending options)

layerstyles

Here is my result, I tried various Blending options and I ended up with this. Try varying blend mode of each blending option to get good effects!

afterfx

STEP7

Now we will add gradient to the background, select the gradient tool from the tools options and use my settings below for gradient color which I used.

gradient1

I selected Radial Gradient and went from center to bottom.

radigradi

STEP8

Now add some vectors, I used ink splatter vectors from here add it below the alphabets. You can check out other brushes here , use Edit> Transfrom> Perspective to get the perspective view.

Here is My final image

final-3d

Everyone would get close results or same, post your final output link in comments!

Share this post if you liked it, click on share/save below

.

.


Bluehost is most reliable and trusted Web Host.

LusterForever.com – Cool silver charms and leather bracelets design! Totally awesome sterling silver bracelets.

Learn how to create 3d typography effect in photoshop with testking 642-642 web designing course. Download the testking 70-662 design tutorials and testking 70-432 demos to boost up your skills.

You can join us for best HP0-S28 exam & 000-106 solutions. Our E20-001 contains all those materials you want to pass for real 642-982 exam & ccia.

Related Posts Plugin for WordPress, Blogger...


I'm Nahid Saleem from India, Web developer and Graphic designer. I am passionate about anything which relates to web development and design.

37 Responses to “Create A 3D Typo Effect In Photoshop”

  1. tina says:

    Power up Photoshop and create a new document of any size you wish, I created a document of size 800 X 600! And pull in all your alphabets you saved then go ahead and arrange all the letters. My letters look like these after arranging.

  2. nahidam says:

    Post your link Tina! You haven’t provided the link

  3. Alan Bernuy says:

    Nice job…
    n’ Great tutorial, Thanks!! so much to you!!.

  4. lawrence77 says:

    cool tut!
    but i already seen like this!
    but here you explain very well, hats off to that!

  5. nahid says:

    Thank you all!

  6. Michael says:

    Excellent! Thank you for sharing! I plan on trying this out now.

  7. Stacey says:

    Greetings!
    Caught this off twitter. Lovely work. Directions were concise and thorough. Good job! Thank you for sharing.

  8. sriganesh says:

    i see nthis tuts in other site. but u explained here well. iam going to downlaod xara 3d6 now

  9. maruti says:

    Hey buddy…hiiiiiiii..

    how r u ???? i am new comer this industree thank’s for this tutorial …yarrr i hope you ll give us more..n more new more tutorial……best of luck…

  10. stev says:

    thank you… been looking for a tut on this all last week, big help, thanks!

  11. stev says:

    thank you… been looking for a tut on this all last week, big help, thanks!

  12. Rosario says:

    Great tutorial, thank you for sharing

  13. [...] 34.3Create A 3D Typo Effect In Photoshop [...]

  14. Logo Design says:

    Nice and usefull, thanks.

  15. nice tutorial thanks.

  16. Игорь says:

    Как выбрать качественную лестницу для дома – деревянные, винтовые. Изготовление деревянных лесниц, перил, лестницы на заказ. Лестница с деревянными ступенями.

  17. Helen says:

    Beautiful!!! but how u move those letters?? :( ty

  18. Hi there! I just would like to give an enormous thumbs up for the good data you’ve got right here on this post. I will be coming again to your blog soon.

  19. Wonderful website you have here but I was wanting to know if you knew of any user discussion forums that cover the same topics discussed in this article? I’d really love to be a part of group where I can get feed-back from other experienced individuals that share the same interest. If you have any recommendations, please let me know. Thank you!

  20. This really answered my problem, thank you!

  21. very good post, i certainly love this website, keep on it

  22. Would you be excited about exchanging links?

  23. Thank you for all of the effort on this blog

  24. Nice post. I study something on completely different blogs everyday. It can always be stimulating to read content from other writers and apply a little bit something from their blog.

  25. Aw, this was a very nice post. In thought I wish to write like this – taking time and precise effort to make a very good article is very rare…

  26. bitsonhj says:

    hello, i am not able to make the background .ITs becoming like a dot in midle with dark red around

  27. naturally like your web-site however you need to take a look at the spelling on quite a few of your posts. Several of them are rife with spelling issues and I find it very bothersome to tell the truth then again I will definitely come again again.

  28. vita says:

    thank you for good tutorials.Instructive Tipps.

  29. [...] Tutorials in Photoshop to help every Designer on his projects. Enjoy!1.How to Make Patch on Clothes2.Create A 3D Typo Effect In Photoshoplearn how to create a cool 3d effect using photoshop and Xara 3D.3.Smooth Glass Typequick way to [...]

Leave a Reply

© 2012 AntsMagazine.Com. All rights reserved.
Proudly designed by Theme Junkie.