How to create elegant Valentine’s Day card with ornamental heart in Photoshop CS5

January 17th, 2011 by ART-D Posted in Adobe Photoshop, Designing

   

In the following Quick Tip tutorial you will learn how to use Custom shapes, Layer styles, and Gradients in Photoshop CS5 to create elegant Valentine’s Day card with ornamental heart. You can use these techniques and elements to create your own greeting card! Layered PSD file included.

Final Image Preview

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Start working by creating a new document (Ctrl+N) in Adobe Photoshop with the size 1280px by 1024px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with #B81220 color the new background layer.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

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

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

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 create elegant Valentine's Day card with ornamental heart in Photoshop CS5

We’ve got the next result:

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Create a new layer, set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel, select Inner Glow.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

We’ve got the next result:

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Next step we’ll download set of brushes for in Adobe Photoshop, named: Florar_and_Enchanting_II_by_Coby17.

Create a new layer and select the next brush from Florar_and_Enchanting_II_by_Coby17 set.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Change Foreground color to #660A17, use this brush to add some brushstrokes on the background as shown. Use different value for brush’s Opacity.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Make a copy of the last made layer and apply on the copy the next filter: Filter>Blur>Gaussian blur.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

We’ve got the next result:

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

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

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Click and drag to draw a small heart.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel, select Stroke.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

This is temporary path where we’ll insert the ornamental shapes we need, using the same Custom Shape Tool (U). We’ll use the next shapes to fill our heart.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Click and drag to draw a small star:

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel, select Stroke.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

We’ve got the next result:

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

The next star’s shape will be represented with the same tool. Select the inside anchor points of the star firstly using the Convert Point Tool (by holding SHIFT button) and then press CTRL+T (Free Transform). Click on Maintain Aspect Ratio from Options bar and drag the anchor points to the central part of the star to change the shape form.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel, select Stroke.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Next we’ll fill with different shapes the entire heart’s zone. Turn over the ornamental shapes using the Free Transform (Ctrl+T) command.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Hide the layer containing the heart’s path. All the layers of the ornamental shapes should be combine in a group (hold Ctrl button to select the corresponding layers in Layers paneland 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).
Select the new group and press CTRL+E to Merge Down into a single layer. Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

We’ve got the next result:

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Create a new layer and fill it with white color, using the Paint Bucket Tool (G). Set Fill to 53% for this layer and change the Blending mode to Overlay.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Create a new layer and choose the Soft Round brush of black color (set Opacity to 15% in Options bar).

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Use this brush to make darker the canvas edges:

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

We’ve got the next result:

How to create elegant Valentine's Day card with ornamental heart in Photoshop CS5

Happy Valentine’s Day!

View full size here.

Download free Layered PSD file.

  •  

  •    
  •  

 

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

  • Geeth

    19/01/2011

    wow. THanks

  • danielle conley

    20/01/2011

    is there a way you can make a more original valentine’s card for girls and guys that way it will be not so very odd.

  • Josh

    22/01/2011

    Hi,

    Early in this tutorial you ask us to create a new layer and then apply the inner glow effect to it. For some reason I can’t get a layer effect to show on a completely empty new layer. I’ve gone through all of the obvious possible causes for this (Show all Layer Effects, Layer is visible, Effects are Visible, etc). Am I missing a step here? This has been causing me no end of trouble for a while now. Please advise.

    Thanks.
    Josh

  • Ali

    24/01/2011

    Hi,
    Nice tatoos like

  • Samou

    02/02/2011

    Hello,

    Thanks for this awesome tutorial !

    But I can’t download the Set of Brushes, can you help me?? I’m a Mac user.

    Thanks

  • Susan

    03/02/2011

    Hey Josh, I had the same problem. Found that I had to fill the layer with black and then it worked just fine.

  • Lana

    05/02/2011

    WOW! great!! Thank you!!

  • Joe

    06/02/2011

    I can’t seem to get this part to work :

    “The next star’s shape will be represented with the same tool. Select the inside anchor points of the star firstly using the Convert Point Tool (by holding SHIFT button) and then press CTRL+T (Free Transform). Click on Maintain Aspect Ratio from Options bar and drag the anchor points to the central part of the star to change the shape form.”

    I do as it says but when I get to the “drag the anchor points to the central part of the star”, the points stay as they are and the lines connecting them move, warping the star.

    Has anybody figure out how to do this?
    Any help would be much appreciated.

  • lisa

    11/02/2011

    beautiful! thank u !

  • Fox

    25/11/2011

    Joe, I have the same problem :(

  • ar

    18/02/2012

    beautiful !
    I love it , although I couldn’t make the same ..
    Thanks

  • Bassam

    10/10/2012

    very nice

  • Al Leyland

    14/02/2013

    Firstly, thank you to the tutorial creators. Nice work. I am enjoying working through the steps, and I already like the background that I have created so far. Excellent tutorial IMO.

    Yes, I am having the same problem with changing the shape as Joe mentioned. Any chance the author, or an expert can help us out? I’ll keep trying, and if I get it right, I’ll post back. Thanks again!