How to create abstract Valentine’s Day illustration with hearts in Photoshop CS5

February 3rd, 2011 by ART-D Posted in Adobe Photoshop, Designing

   

In this tutorial, I will show you how to create abstract eye catching Valentine’s Day illustration with hearts from scratch using several techniques in Adobe Photoshop CS5. Let’s get started!

Final Image Preview

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1280px by 1024px (RGB color mode) at a resolution of 72 pixels/inch. Select the background layer in Layers panel and click on Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay.

How to create abstract Valentine's Day illustration with hearts 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 abstract Valentine's Day illustration with hearts in Photoshop CS5

We’ve got the next result:

How to create abstract Valentine's Day illustration with hearts 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 abstract Valentine's Day illustration with hearts in Photoshop CS5

Click and drag to draw the heart shape. Then apply the Convert Point Tool to make the appropriate corrections on the heart’s shape.

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

Set Opacity to 10% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay.

How to create abstract Valentine's Day illustration with hearts 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 abstract Valentine's Day illustration with hearts in Photoshop CS5

We’ve got the next result:

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

Next we have to make some copies of the last made layer, increasing the Opacity value for each next copy and change the heart sizes with Free Transform (Ctrl+T) command.

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

Change the Opacity to 15% for the next copy:

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

Opacity is 10% for the next copy:

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

The next copy with Opacity to 10%.

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

Change the Opacity to 10% for the next copy:

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

This way we have to represent several copies as shown (Opacity – 10%).

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

The next copy has Opacity – 20%:

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

Also we have to represent several copies as shown with Opacity – 20%.

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

The next copy needs the Opacity – 30%:

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

One more heart with Opacity – 50%.

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

Next copy with Opacity – 70%.

How to create abstract Valentine's Day illustration with hearts in Photoshop CS5

  •  

  •    
  •  

 

Post Pages: 1 2

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

  • Tasha

    20/02/2011

    Pretty simple to follow, Thanks

  • James

    01/03/2011

    Very nice tutorial. Really Like the idea.

    James

  • Jbinary

    09/04/2011

    Hi. I’m iPhone app developer.
    My app is Lock2Do.
    Your tutorial is very useful to me.
    Thanks.:)

  • WILLIAM

    04/09/2011

    good tutorial,
    it gave me insight..!! thanks dude!!
    keep it up!!
    williams

  • poonam sharma

    16/12/2011

    this sooooooooooooo sweet

  • Sandesh Ghimire

    30/01/2012

    Awesome tutorial.. Im loving it..

  • Sevan

    14/02/2012

    I could do step-by-step on my old Photoshop 7. Very nich picture and very good explained tutorial. Thank you very much. ;o))

  • mohammad reza mandegari

    24/06/2012

    hi .is nice sait .good look man !!

  • Dynamic Brushes

    13/01/2013

    Pretty in pink, these hearts have an eye-catching effect when used with transparent layers.