How to create waved Valentine background with hearts
February 8th, 2010 by ART-D Posted in Adobe Photoshop, Designing
We’ve got the next result:

Select the earlier applied tools (Pen Tool (P)) to represent one more waved line.

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

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 waved line

Using the Pen Tool (P) we’ll draw one more waved line. The layer should be placed lower than the heart’s layers.

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

Apply Bevel and Emboss

Also set the Bevel and Emboss (Contour)

Add Color Overlay

We’ve got the next effect on the waved line:

In the next step we’ll create a pattern. Create a new file 21px by 21px (RGB color mode) at a resolution of 150 pixels/inch. Here apply the Ellipse Tool (U) to represent a white circle.

Select from menu Edit>Define Pattern. Enter a name for the pattern in the Pattern Name dialog box. Close this file and back to our main document. Create a new layer and place it above the background’s one. Click on the layer on Edit>Fill and choose the earlier saved pattern.

For this layer 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 result:

Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and choose the Soft Round brush of black color from Brush Tool (B)

Make some brushstroke with Soft Round brush to clean out the pattern as shown.

Now we have to make darker the wave’s lines. In this case create a new layer and select a Soft Round brush of black color (Opacity 15%)

Make some brushstroke with Soft Round brush as shown:

Next we’ll continue representing the wave’s lines, applying the Pen Tool (P). The layer must be situated under the layers with the heart on it.

For this layer click on Add a layer style icon from bottom part of the Layers panel and select Inner Shadow

Add Bevel and Emboss

Set the Bevel and Emboss (Contour)

Apply Color Overlay

We’ve got the next effect on the waved line

Continue representing the lines, selecting the same tool Pen Tool (P). The layer’s color is black. The layer will be situated under the heart’s layers.

Go to Layer Style and apply Inner Shadow

We’ve got the next result:

Make a copy of the last made layer and select the Free Transform (Ctrl+T) command to place the copy as on the picture.

Using the same tool, continue drawing the waved lines.

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

Add Bevel and Emboss

Apply Color Overlay

We’ve got the next result:

Draw another shape:

Go to Layer Style and apply Drop Shadow

Add Inner Shadow

We’ve got the next result:

Make a copy of the last made layer and select Free Transform (Ctrl+T) command to turn the copy over, placing it the same way demonstrated next picture.

Finally we’ve got the next background:

Choose the Pen Tool (P) to represent a line under the next demonstrated angle. The layer’s color is #D31319. The layer will be situated under the layers containing the heart.

We’ve got the next result:

Next we’ll draw the next small heart, 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.

Go to Layer Style and apply Inner Glow

Also add Gradient Overlay

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 effects on the heart shape

Take the Pen Tool (P) to represent a highlight on the top part of the heart.

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

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 result:

Let’s combine now in a group all the layers composing the recently drawn heart. Press CTRL to select the necessary layers 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. Make many copies of the group with the last made heart and choose the Free Transform (Ctrl+T) command to change the sizes of the copies and their placement as shown.

The final result!
View full size here.
Post Pages: 1 2
Tags: background, card, colorful, design, heart, Photoshop, tutorial, valentine, valentines-day, wave




























pakaworld
15/02/2010
This have been the one am looking for all this time. Thank you so much.
yasir
16/02/2010
funtastic work
disne
21/02/2010
good!
faris vio
23/02/2010
good design guidelines, with perfect results
Kris Gilyeat
26/02/2010
hey a very detailed tut here must of took you a while was very helpful…..
Dawngtea
05/03/2010
Great work…
prei
09/03/2010
umm.. help help i dont know how to make the wave thingy.. please help me..
Karen
22/03/2010
Write me at svs1717@yahoo.com I would like to know what Adobe Photoshop you use. Is there a certain number after it or by certain author. Also I would like for you to make a check book cover using this program. The check book cover is 6 3/8 X 6 3/8 when open. When lolded 3 3/8 x 6 3/8. Do a design for the front. Do a different desing on the back. Would like to see this. Or just write me. Thanks for your time. Later.
Karen
seek
28/03/2010
very good~
SumiFiroj
03/04/2010
I need photoshop software full version. If you have please send me as well….
Asim
08/04/2010
This is indeed fantastic work but I am failed to fill the color in Gradient Box tool selected with (U) please help, how I can fill the Gradient Box, Should I create that box in a new layer?
Waiting aj7690@gmail.com
Amir Bahadori
24/05/2010
It’s not complete!
final picture if different.
why????
Prady
04/07/2010
Excellent work. Step by Step help was really useful for beginners like me!
avdhesh
08/02/2011
good work, but very long work
ali
08/02/2011
this stinks. it needs to be more detailed. i have no idea how to do it…at all.
sand
13/02/2011
Thanks for the 2 page tutorial…worked beautifully for a web bannner I made.
lash
12/05/2011
coool
anchal verma
24/02/2012
fantastic………..i like it…………..
glen
24/05/2012
can i have a PSD type of this?
Dfjama
10/11/2012
Thanks this is the best site on the net I have seen in this type of work.
Great work, can I have the source file and modify it myself to my needs please?
Keep it up.
Dynamic Brushes
13/01/2013
The huge amount of detail in this has paid off, the image looks both enticing and professional.
Gift
28/01/2013
Please send me the PSD file for this tut