How to create Festive Background for Valentine’s Day with Abstract Hearts in Photoshop CS5

February 6th, 2012 by admin Posted in Adobe Photoshop, Designing, Drawing Techniques

   

In this tutorial I will give you some tips on how to create Festive Background for Valentine’s Day with Abstract Hearts in Photoshop CS5. You will learn how to add a Layer Style, draw hearts with Pen Tool, apply brushes etc. Layered PSD file included. So let’s get started!

Final Image Preview

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

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

How to create Festive Background for Valentine's Day with Abstract 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 Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

We’ve got the next background:

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Next create a new layer and choose a Hard Rpund brush from Brush Tool (B).

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Use this brush to represent many small circles of #F00202 color. Apply the brush with a different Brush Size and different Opacity value.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Then start drawing the heart shape, choose the Pen Tool (P), set the drawing mode on Shape Layers in Options bar and draw the next shape as shown.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

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

How to create Festive Background for Valentine's Day with Abstract 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 Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

We’ve got the next heart:

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Make a copy of the last made layer and remove the Gradient Overlay style from the copy. Choose the Path Selection Tool (A) to select the path as shown.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Press Alt+SHIFT and use the right arrow on the keyboard to displace a little the path copy.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Select the path using the Path Selection Tool (A) and use the Free Transform (Ctrl+T) command to make it smaller.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Select Subtract from shape area from Options bar. This way we’ll cut the middle part of the heart shape.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Then change the layer’s color on the white one.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Insert the mask on the same layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Use this brush to paint in the mask to hide the next zones on the layer exactly the same way from below.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Create a new layer and choose the Soft Round brush applied before to paint on the heart’s surface. The brush’s color is #С50404.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Hold down Alt (Windows) or Option (Mac OS) and click between the brush’s layer and the layer containing the heart’s in the Layers panel to create a clipping mask.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

We’ve got the next result:

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Make one more copy of the very first heart’s layer and remove the Gradient Overlay style from the copy. Using the Free Transform (Ctrl+T) command, we can move the copy’s layer on the same place from below.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

Paint in the mask using this brush to hide the next zones on the heart as it is shown below.

How to create Festive Background for Valentine's Day with Abstract Hearts in Photoshop CS5

  •  

  •    
  •  

 

Post Pages: 1 2

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

  • Brooke Malone

    08/02/2012

    Great tuorial! But I think the black to white gradient could use a lesser opacity… it loooks more geometric and less like reflected light

  • Art

    10/02/2012

    Poor description, could not reproduce some steps as the new user.

  • Cody Shaw

    13/02/2012

    this was to complicated for my students….

  • iamastudentthatjustdidthis

    15/02/2012

    this was easy

  • Bharat

    21/02/2012

    I like that bokeh effect on the background, nice tutorial.

  • awesome

    17/12/2012

    just dl the psd file…… mga bobo

  • awesome

    17/12/2012

    its not hard to learn for inteligent like me but for the bobo its hard… mga tanga gago

  • Dynamic Brushes

    13/01/2013

    Striking image, very professional and the hearts have a lovely warm glow.

  • Al Leyland

    14/02/2013

    Very nice tutorial. Clear and well written. I have just created a valentines wallpaper using your techniques. Thank you.

  • Pham Quang Khải

    19/09/2013

    Very Good………Good….. Thanks

  • Hudson

    19/02/2014

    hmmmm, after I removed the gradient overlay from the copy of the heart the second heart turned red, not black, like yours. Also, when I selected ‘subtract from the shape area’ the background turned completely red. Help!