Create colorful background for Valentine’s Day

January 18th, 2010 by ART-D Posted in Adobe Photoshop, Designing

   

In this tutorial I’ll show you how to create a colorful background for Valentine’s Day, using Custom Shape Tool, Layer Styles, gradients, and other Photoshop tools. Let’s get started!

Final Image Preview

Create a colorful background for Valentine's Day in Adobe Photoshop CS4

Create a new document (Ctrl+N) in Adobe Photoshop with the size 1280px by 1024px (RGB color mode) at a resolution of 72 pixels/inch. Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Heart Card shape at the bottom of the menu, then double-click a shape thumbnail to select it.

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Click and drag to draw the shape. The Foreground color is #A96E52.

Create a colorful background for Valentine's Day in Adobe Photoshop CS4

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Now we have to make many copies of the last drawn shape and select after that the Free Transform (Ctrl+T) command (click the Maintain Aspect Ratio button in Options bar) to enlarge each next copy, changing their colors too. Each next copy should be situated under the previous one.

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Continue making copies of the heart shape.

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
For this shape click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
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 a colorful background for Valentine's Day in Adobe Photoshop CS4
We’ve got the next gradient on the shape.

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Make another three copies, the color are indicated:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Continue representing the heart’s copies.

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
For this shape click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
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 a colorful background for Valentine's Day in Adobe Photoshop CS4
We’ve got the next gradient:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Another one

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
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 a colorful background for Valentine's Day in Adobe Photoshop CS4
We’ve got the next result:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Another one:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Add Layer Style > Gradient Overlay:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
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 a colorful background for Valentine's Day in Adobe Photoshop CS4
We’ve got the next result:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Another one

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
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 a colorful background for Valentine's Day in Adobe Photoshop CS4
We’ve got the next gradient on the shape:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Make another copy

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Add Layer Style > Gradient Overlay

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
The settings for Gradient Editor:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
We’ve got the next result:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Make another copy and use Free Transform (Ctrl+T) command to enlarge the shape

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4
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 a colorful background for Valentine's Day in Adobe Photoshop CS4
We’ve got the next result:

Create a colorful background for Valentine's Day in Adobe Photoshop CS4

  •  

  •    
  •  

 

Post Pages: 1 2 3

Tags: , , , , , , ,

  • serban

    26/01/2010

    nice background. I like the lighting applied to the center heart and the stars effect. good tutorial,thanks.

  • mareil

    27/01/2010

    its a nice picture but you dnt explain it that well but i like it

  • jANET

    05/02/2010

    Muy buen tutorial es realmente hermoso y la explicacion es muy concreta. Gracias

  • Hugo

    27/02/2010

    Is a Very good Tutorial, thx for all help!!!

  • 7pop.net

    18/03/2010

    That nice Tut! thanks for guide!

  • wal3a_em

    19/03/2010

    thankssssss It is very good