How to Create Amazing Valentine’s Day Background with Abstract Hearts in Adobe Photoshop CS6

February 10th, 2013 by admin Posted in Adobe Photoshop, Designing, Drawing Techniques

Today, I’m going to show you how use custom brushes, shapes and Layer styles in Photoshop CS6 to create eye catching Valentine’s Day background. Layered PSD file included. Let’s get started!

Final Image Preview

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

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

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Create a new layer and select the Soft Round brush from Brush Tool (B).

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Use this brush to paint the canvas with the color #F16A50 as shown:

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

On the same layer we’ll insert the mask by choosing Add layer mask on the bottom part of the Layers panel . Then choose the Soft Round brush of black color (set Opacity to 20% in Options bar). Paint in the mask using the same brush as we did in the previous example to hide out the next zones on layer as it is demonstrated below.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Next we’ll add a new layer (Create new layer) again and select the Soft Round brush.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Use this brush to paint the background with the color #F6615D.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Insert the mask on the same layer the same way described above and choose the Soft Round brush of black color (brush Opacity – 15%), paint in the mask to hide out the next zones on layer the same way from next picture, using the brush mentioned previously.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Create a new layer and select the Soft Round brush to paint the background as on the picture below. The brush’s color is #730506.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and select the Soft Round brush of black color (brush Opacity – 50%).

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Paint in the mask using this brush to hide out the content of the layer as it is demonstrated next image. Try to get the same result it is shown on the picture.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Create a new layer again, use the Soft Round brush to paint the canvas with #A10004 color (brush Opacity – 20%).

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Set Fill to 40% for this layer.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Start representing the small heart, choose the Pen Tool (P), set the drawing mode on Shape Layers in Options bar and draw the next shape as shown, use the Convert Point Tool to correct the heart’s shape.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

We’ve got the next result:

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

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

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Apple Gradient Overlay:

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

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 Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Add Drop Shadow:

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

We’ve got the next result:

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Make a copy of the last made layer containing the heart and select the Free Transform (Ctrl+T) command to displace the copy’s layer, making it smaller in the same time and inclining it as it is represented on the next image. Change also on the copy the Gradient Overlay settings:

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

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 Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

We’ve got the next result:

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Next make many copies of the hearts’ layers and select the Free Transform (Ctrl+T) command to change the copies’ sizes, situating them the same way demonstrated on the next picture.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Combine in a group all the layers containing the hearts (press CTRL button to select the necessary layers in Layers panel and press CTRL+G to Create a new group).

Make a copy now of the created group (CTRL+J). The very first group needs then to be hiden in Layers panel. The group’s copy will be rasterized (firstly select the group and only after that press CTRL+E to Merge Down).

Choose for the rasterized layer the next filter Filter > Blur > Gaussian blur:

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

We’ve got the next result:

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Make a copy of the layer containing the gaussian blur. Using the Free Transform (Ctrl+T) command, we may turn over the copy on 90 degrees to the left and then turn it around by horizontal position, leaving it down a little.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

The earlier hiden group must be situated above all the layers and click on ‘eye’ icon from Layers panel to show it again. Choose after that the Free Transform (Ctrl+T) command on each heart to change their sizes and inclining position as on the picture it is represented.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Create a new layer and select the Soft Round brush to paint above the hearts.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

The brush’s color is #FE7600 (brush Opacity – 10%).

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Set Fill to 62% for this layer and change the Blending mode to Overlay.

How to Create Amazing Valentine's Day Background with Abstract Hearts in Adobe Photoshop CS6

Leave a comment

Your email address will not be published.