How to create 3D Love text composition
February 23rd, 2010 by ART-D Posted in Adobe Photoshop, Designing, Text Effects
In this tutorial, I will show you how to make a stunning 3D text effect using different textures to give it a unique look with Xsara3D & Photoshop.
Final Image Preview

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 represent here by turn the letters composing LOVE word.

Select for the beginning the text options by clicking on the Text Options icon:

… and then the Color options:

Also the Bevel Options

Then we have to set also the angle of the letters’ position on the file and the light:

Set angle and the light for letter ‘O’:

Set angle and the light for letter ‘V’:

Set angle and the light for letter ‘E’:

Choose now Export to File and save each letter. 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. Use the Paint Bucket Tool (G) to fill with black color the new background layer.

Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Registration Target 2 shape at the bottom of the menu, and then double-click a shape thumbnail to select it.

Click and drag to draw the shape with #C00000 color.

We’ve got the next result:

Rasterize the entire layer contents, create a new empty layer below the layer with rays effects and Merge Down (Ctrl+E on Windows/Command+E on Mac). Click on the bottom part of the Layers panel on Add layer mask icon, click on mask to make it active and select a Soft Round brush of black color

click several times on the middle part of the document using Soft Round brush.

Press CTRL+I to Invert the colors and click once again on the middle part of the picture.

Set Fill to 59% for this layer

Rasterize the layer by creating a new empty layer below the layer with rays effects and Merge Down (Ctrl+E on Windows/Command+E on Mac). Choose for the layer the next filter: Filter>Blur>Gaussian blur

We’ve got the next result:

Set Fill to 55% for this layer in Layers panel:

Create a new layer and apply the Soft Round brush to make lighter the central part of the document. The color is #FF0000 (Opacity 50%).

The layer will be situated under the rays’ layer.

Set Fill to 59% for this layer in Layers panel:

Create a new layer and apply the Soft Round brush mentioned above to paint the central part of the document with the color #C00000

Set Fill to 44% and change the Blending mode for this layer to Vivid Light

Insert the earlier saved letters of the LOVE word. Keep each letters in its own layer, and then arrange them around each other, in whatever way looks good to you.

Go to Layer Style to add Stroke for each layer containing the letters.


Next we need to create new layer and using the Pen Tool (P) in Path Mode draw the next path on the frontal part of the letter ‘L’.

Set Fill to 0% and click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

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.

Add also the Stroke

We’ve got the next effect on the letter

Using the same Pen Tool (P) in a new layer we must represent the frontal part for letter “O”. Firstly we need to draw the outer shape of the letter “O” and close off the path, then select the path in Paths panel, go to Pen Tool (P), choose Subtract from shape area option from Options bar and draw in where the hole should be.

Set Fill to 0% for this layer and go to Layer Style to add Gradient Overlay

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.

Also set the Stroke

We’ve got the next result:

Create new layer and using the Pen Tool (P) in Path Mode draw the next path on the frontal part of the letter ‘V’.

Set Fill to 0% and click on Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

Post Pages: 1 2
Tags: 3D, background, card, colorful, design, heart, Photoshop, text-effect, tutorial, valentine, valentines-day





















aroel
23/02/2010
vryy cool
dumm
26/02/2010
“LOVE is in the air” – good for Valentine`s Day. Good job. Like it.
Web & Graphic Designer
26/02/2010
Text effects never get old!
Akhil Raj
26/02/2010
That’s awesome. The final result is just g8. Thnx 4 the tut man.
Lorenzo
26/02/2010
very nice! can someone please email me a free download of Xara3d! advance thankyou!
vector
26/02/2010
Feeling very good, thank you!
Alexander
27/02/2010
Nice work, it really fits valentine.
I like how you mixed in some 3d effects instead of the boring 2d.
Posted it on my website, though it’s in a queue since more people are posting before you. So it will be up in 18 hours.
linking to this tutorial.
If you ever feel like getting some more viewers just drop by at my website (www.GraphicPusher.tk).
No sign up needed, you post we provide with links to you.
Thanks for sharing this wonderful art!
//Alexander.
Hasan ali
27/02/2010
hey guys please help me out …i selected the frontal parts with pen tool bt when i go in layer options and apply gradient overlay nothing happens what to do guys pls help me…
free vectors
27/02/2010
another great tutorial thanks !!!
Project Center
28/02/2010
Clear and easy to understand tutorial (especially appreciate the clear screenshots you’ve included as part of the post).
Ariyadi Arnas
14/03/2010
NICE…WORK!!
Jofrek
15/03/2010
nice)))
Crissy
21/03/2010
I’VE GOT THE SAME ISSUE AS HASAN ALI :/ WHAT’S UP WITH THAT?
Johnny
21/03/2010
is there a video tutorial to this?
wal3a_em
26/03/2010
wawwwwwwww thanksssss
MAarokas
09/04/2010
HELP, same as Crissy and Hasan ali
jerfuentes
10/04/2010
very, nice
Noe
08/05/2010
How to fill #C00000 Color,
where to find that
Gasy Yooth
18/05/2010
thanks ,very nice tuts. but tell me why can’t apply the gradient overlay after selecting with the pen tool??? please reply!!!
Alaska
04/06/2010
Very good , thank you very much ^^
Jason
17/06/2010
Merci c’est un très bon tuto, mais j’ai un petit problème, quand je fais glisser la forme sur le fond noir je les couleur n’apparaissent pas quelqu’un pourrait m’aidez s’il vous plaît ?
40ayak
10/10/2010
super lesson, thank you very much
white
25/11/2010
super good .
ptite_chipie
24/01/2011
Superbe! magnifique! bien expliqué! bravo!
Joe M
19/02/2011
This is so beautiful!
PrincipeDeyser
23/09/2011
Se Cool
Zule
02/12/2011
To Hasan ali – use the paint bucket tool .
Jerry
10/01/2012
Same prob as Hasan and the others. Paint bucket did nothing at all to fix it. Can you please explain how to get it to work right? Using CS4.