How to create 3D Love text composition
February 23rd, 2010 by ART-D Posted in Adobe Photoshop, Designing, Text Effects
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.

Set the Stroke

We’ve got the next result:

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

Set Fill to 0% and go to Layer Style > 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 effect on the letters:

Create a new layer above the “O” letter layer. Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Heart Card 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 color #900000. Put the heart shape in the same position as below, using the Free Transform (Ctrl+T) command.

Make many copies of the last created layer and select Free Transform (Ctrl+T) command to change the copies’ sizes and their placement as on the next picture it is indicated.

Combine in a group all the layers with the hearts on them (press CTRL button to select the corresponding layers in Layers panel and then hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel). Let’s rasterize the group by selecting it out firstly and then press CTRL+E to Merge Down. Go to Layer Style and apply 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:

We’ve got the next gradient on the hearts:

Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and choose the Hard Mechanical brush of black color

Using this brush paint on the mask to hide the coming out hearts on the letters’ edges.

This way we have to represent small hearts above the “E” letter

Create a new layer above “V” letter and use here the Rectangle Tool (U) to draw several horizontal lines. The lines’ color is #900000

Combine all the lines’ layers in a group. Press CTRL button to select the corresponding layers in Layers panel and hold on the left mouse’s button when dragging the selected layers on Create a new group icon from bottom part of the Layers panel. Rasterize the new group by selecting it and press CTRL+E to Merge Down. Next we need to warp this layer, select Free Transform command by pressing Ctrl+T, click the Switch Between Free Transform And Warp Modes button in the Options bar

Use the control points to incline the lines the same way as it is shown below

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.

We’ve got the next gradient on the lines:

Select the lines’ layers, holding CTRL button click on the frontal letter’s layer (drawing with Pen Tool). There will be a layer’s selection.

Click on the bottom part of the Layers panel on Add layer mask icon to hide the lines around the letters. Use supplementary in the mask the same brush we used when hiding the hearts above the “O” letter. It’ll help with erasing the lines coming out the letters’ edges.

Use the same method to represent the lines above the “L” letter. We need to change only the gradient’s angle on the lines’ layer. Settings for Layer Style >
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.

We’ve got the next decoration for the letters:

Create a new layer and select here the Hard Mechanical brush

Using this brush represent several colored spots under the layers of the LOVE word. The brush’s color is #8C0410

For the next decoration we’ll use the next vector – Swirl Floral Vector from Vecteezy.

insert the vector under the layers containing LOVE word.

Click on Add a layer style icon from bottom part of the Layers panel and select Color Overlay


Make five copies of the layer containing the swirl and choose Free Transform (Ctrl+T) command to change the copies’ placement and their sizes. The copies’ layers should be placed lower than the layers with the LOVE word.

Insert the mask on some of the layers with the swirl (Add layer mask). Choose after that the Hard Mechanical brush of black color

Paint with this brush to hide that part of the swirl mentioned with the arrows.

We’ve got the next result:

Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Heart Card shape at the bottom of the menu, and then double-click a shape thumbnail to select it. Click and drag to draw several small hearts of the color #8C0410

We’ve got the next result:

Finished!
View full size here.
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.
GErman
21/03/2013
Nice Work…
Maintain it and make More..
I Appreciated your EFFORT !!
shrihari
16/04/2013
brilliant…thanks..