Abstract Hearts Illustration

Create Abstract Hearts Illustration using Photoshop

Create Abstract Hearts Illustration using Photoshop

Today we will show you how to create abstract hearts illustration using photoshop. In this tutorial we using several techniques, create fantastic harts and awesome manipulating effect in adobe photoshop CS5. So, let’s get start…

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.

Create Abstract Hearts Illustration using Photoshop

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.

Create Abstract Hearts Illustration using Photoshop

We’ve got the next result:

Create Abstract Hearts Illustration using Photoshop

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.

Create Abstract Hearts Illustration using Photoshop

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

Create Abstract Hearts Illustration using Photoshop

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.

Create Abstract Hearts Illustration using Photoshop

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.

Create Abstract Hearts Illustration using Photoshop

We’ve got the next result:

Create Abstract Hearts Illustration using Photoshop

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.

Create Abstract Hearts Illustration using Photoshop

Change the Opacity to 15% for the next copy:

Create Abstract Hearts Illustration using Photoshop

Opacity is 10% for the next copy:

Create Abstract Hearts Illustration using Photoshop

The next copy with Opacity to 10%.

Create Abstract Hearts Illustration using Photoshop

Change the Opacity to 10% for the next copy:

Create Abstract Hearts Illustration using Photoshop

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

Create Abstract Hearts Illustration using Photoshop

The next copy has Opacity – 20%:

Create Abstract Hearts Illustration using Photoshop

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

Create Abstract Hearts Illustration using Photoshop

The next copy needs the Opacity – 30%:

Create Abstract Hearts Illustration using Photoshop

One more heart with Opacity – 50%.

Create Abstract Hearts Illustration using Photoshop

Next copy with Opacity – 70%.

Create Abstract Hearts Illustration using Photoshop

Now we have to put on the left side a copy with Opacity – 30%:

Create Abstract Hearts Illustration using Photoshop

Represent several copies with Opacity – 30%:

Create Abstract Hearts Illustration using Photoshop

One more heart with Opacity – 50%.

Create Abstract Hearts Illustration using Photoshop

… and then a copy with Opacity – 70%.

Create Abstract Hearts Illustration using Photoshop

Now we have to represent several copies of the heart with the Opacity to 10%. Change the copies’ sizes, applying the Free Transform (Ctrl+T) command.

Create Abstract Hearts Illustration using Photoshop

Let’s represent a heart’s copy with Opacity – 30%:

Create Abstract Hearts Illustration using Photoshop

… and represent several copies of the heart with Opacity – 10%:

Create Abstract Hearts Illustration using Photoshop

Choose the Custom Shape Tool (U) and draw a heart of white color. Incline it a little, applying the Free Transform (Ctrl+T) command. Set Fill to 50% for this layer.

Create Abstract Hearts Illustration using Photoshop

Make three copies of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ sizes and place them as shown:

Create Abstract Hearts Illustration using Photoshop

Using the same tools, we have to represent one more small heart:

Create Abstract Hearts Illustration using Photoshop

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

Create Abstract Hearts Illustration using Photoshop

We’ve got the next result:

Create Abstract Hearts Illustration using Photoshop

Make seven copies of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ sizes, placing them as it is shown below:

Create Abstract Hearts Illustration using Photoshop

Take now the Ellipse Tool (U) to draw an ellipse.

Create Abstract Hearts Illustration using Photoshop

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

Create Abstract Hearts Illustration using Photoshop

We’ve got the next result:

Create Abstract Hearts Illustration using Photoshop

Make two copies of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ sizes, placing them the same way indicated next picture:

Create Abstract Hearts Illustration using Photoshop

Click Create new fill or adjustment layer from bottom part of the Layers panel and select Hue/Saturation. Drag the slider to the left to decrease the Hue value.

Create Abstract Hearts Illustration using Photoshop

Final Result:

Create Abstract Hearts Illustration using Photoshop

Hope you can learn something new from this tutorial.

I feel really glad if you give me feedback through comment below. Soon i am going to show more interesting & innovative tutorials so please keep visit our blog. That’s for now.

Have fun!

 

Reference: adobetutorialz

Mahmudur Rahman
[email protected]
1 Comment
  • Shaheb
    Posted at 08:41h, 31 May

    Good but complex