How to make 3D spectacular text effect in Photoshop

December 4th, 2009 by ART-D Posted in Adobe Photoshop, Text Effects

   

In this tutorial, I will show you how to make 3D spectacular text effect using simple techniques from Xara3D and Photoshop. We’ll use Xara3D to create the text and Photoshop to decorate the text with different brushes. Let’s get started!

Final Image Preview

How to make 3D spectacular text effect in Photoshop CS4
Start by creating each letter separately in a 3D program, I use Xara3D (download the Xara3D 6 trial to your Desktop, run the installer file and follow the on-screen instructions), and import them into a Photoshop document.

Create a new file in Xara3D and then start representing by one figure of the next year (2010)

How to make 3D spectacular text effect in Photoshop CS4
Select for the beginning the text options by clicking on the Text Options icon:

How to make 3D spectacular text effect in Photoshop CS4
… and then the Color options:

How to make 3D spectacular text effect in Photoshop CS4
… set the Extrusion options:

How to make 3D spectacular text effect in Photoshop CS4
Also the Bevel Options

How to make 3D spectacular text effect in Photoshop CS4
… finally the Shadow Options:

How to make 3D spectacular text effect in Photoshop CS4
Then we have to set also the angle of the figures’ position on the file and the light:

How to make 3D spectacular text effect in Photoshop CS4
Choose after that the Export to File option and save each character:

How to make 3D spectacular text effect in Photoshop CS4

How to make 3D spectacular text effect in Photoshop CS4

How to make 3D spectacular text effect in Photoshop CS4

How to make 3D spectacular text effect in Photoshop CS4
Create a new document (Ctrl+N) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Using the Rectangle Tool (U), let’s represent a big rectangle reserved for background we want to have.

How to make 3D spectacular text effect in Photoshop CS4

For this layer click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next background:

How to make 3D spectacular text effect in Photoshop CS4
Import the earlier saved figures into a Photoshop document. Keep each figure in its own layer, and then arrange them around each other, in whatever way looks good to you.

How to make 3D spectacular text effect in Photoshop CS4
For the layer containing the first ’0′ figure we’ll adjust the Hue/Saturation (CTRL+U) settings. Click and drag the Hue slider to change the color of the selected figure

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next color for first ’0′ figure:

How to make 3D spectacular text effect in Photoshop CS4
Next we’ll represent four new layers (Create new layer) for each figure and select Hard Round brush of white color from Brush Tool (B)

How to make 3D spectacular text effect in Photoshop CS4
and paint very accurately the frontal parts of the figures as shown:

How to make 3D spectacular text effect in Photoshop CS4
Each layer must have different Layer Style. For the layer contain ’2′ figure, click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next gradient for ’2′ figure:

How to make 3D spectacular text effect in Photoshop CS4
Set the Layer Style >Gradient Overlay for the ’0′ figure as shown:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next gradient for ’0′ figure:

How to make 3D spectacular text effect in Photoshop CS4
Set the Layer Style >Gradient Overlay for the ’1′ figure as shown:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next gradient for ’1′ figure:

How to make 3D spectacular text effect in Photoshop CS4
Set the Layer Style > Gradient Overlay for the very last figure:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next gradients for figures:

How to make 3D spectacular text effect in Photoshop CS4

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , , , , , , , , , ,

  • lin

    07/12/2009

    this text is very good.

  • psaddict

    07/12/2009

    Nice work!

    Added to http://www.psaddict.com

  • Phước

    08/12/2009

    thanks , veru much ! ^^

  • Be zhos

    08/12/2009

    is very good…..!

  • Michael Garmahis

    10/12/2009

    This tutorial is featured on Top 50 Christmas Photoshop Tutorials

  • ANKITA

    17/12/2009

    ITS AMAZING…!!!

  • lytto

    17/12/2009

    really impressive…love it

  • Derek V

    22/12/2009

    Can you do a one that is like the SyFy channels logo. With lighting and shadows?

  • Farman

    22/12/2009

    Great work man, Can I please have the PSD file?

    Please send on my email: farmaanz@yahoo.com

    I’ll be very thankful to you!

  • Riyadi

    01/01/2010

    Nice…

  • a-r

    02/01/2010

    Merci pour ce tutorial. Il est genial. Merci de m’avoir fait découvrir Xara. Merci de m’avoir donné du plaisir.
    :)

  • rabikant

    22/01/2010

    elegant design.

    Thank You.

  • jc

    01/02/2010

    why not just use adobe illustrator for your 3d texts? it’s easier, just use the magic wand tool.

  • henry schilitzar

    02/02/2010

    I think this is a stunning display of 3d text in photoshop and is an excellent tutorial.

  • Tony

    23/02/2010

    Incredible, thank you, so crazy!:)

  • Ninja

    06/03/2010

    This effect rocks people

  • anilkumar

    18/03/2010

    i cant save xara 3d file to a psd format. that only jpg. can save it psd? pls send reply

  • lemon

    01/04/2010

    how to save the text…i can`t..pls help me

  • Sukdev Rai

    14/04/2010

    great idea..

  • Nadia

    12/05/2010

    awesome work!!! I am trying to do something like this but I cant…
    Do you know anyone that has the time or is willing to help me!
    with My name!
    Or something like what you have… I tried following the tutorial but I SUCK!! :( LOL
    Email me back please!
    Nadss87@yahoo.com

  • staph

    17/07/2010

    very Incredible, thank you,,

  • 40ayak

    10/10/2010

    perfect!

  • Jason

    21/12/2010

    How do I import the 3D text into PS without the background coming from Xara3D? Is there a step I am missing or a setting I do not see?

  • Jason

    22/12/2010

    I cannot get the shadows to over from from Xara correctly. They look horrible when I do. Am I missing a setting or possibly saving on the wrong format. I have tried jpeg (which doesnt have transparency) gif, png and they all look bad. What am I doing wrong?

  • Noel

    22/12/2010

    This is awesome!! Thanks!

  • tanveer

    21/05/2011

    very nice…..i like it!!!!!!!!!

  • vivek soni

    16/06/2011

    it is very useful site by vivek soni

Our marvelous HP0-D07, 642-982 and BR0-001 provides you great opportunity to pass 642-611 papers and HP0-S32 papers.