17 January 2009

Valentine's day hearts

This tutorial sources taken form www.adobetutorialz.com

Begin by creating a file of 1024x768 px and 72 dpi.

Select the Rectangle Tool (U) on the tools’ panel to represent a rectangle.

Designing the abstract background for Valentine Day in Photoshop CS3

Next choose Blending Options and here Gradient Overlay selection:

Designing the abstract background for Valentine Day in Photoshop CS3

Set the gradient’s parameters:

Designing the abstract background for Valentine Day in Photoshop CS3

And this is what we get at this moment:

Designing the abstract background for Valentine Day in Photoshop CS3

Next we’ll select the Custom Shape Tool (U) and out of the presented table we’ll choose the element shown below:

Designing the abstract background for Valentine Day in Photoshop CS3

Select also white color, stretching out the figure the way demonstrated next image:

Designing the abstract background for Valentine Day in Photoshop CS3

Fill 0% on the layer and select again Blending Options with Gradient Overlay.

Designing the abstract background for Valentine Day in Photoshop CS3

Set the colors by following the codes demonstrated below:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Working with the background is finished. It’s time to start representing the picture’s main elements. In this case we’ll take again Custom Shape Tool (U) and here we’ll select the small heart, the same one from below:

Designing the abstract background for Valentine Day in Photoshop CS3

We need to represent the heart in a way for the rays to come out the central part of it.

Designing the abstract background for Valentine Day in Photoshop CS3

Gradient Overlay:
Designing the abstract background for Valentine Day in Photoshop CS3


Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Set Blending Options/Stroke with the same parameters presented below:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Next we shall draw another heart inside the first one that we have already represented.

Designing the abstract background for Valentine Day in Photoshop CS3

Select Gradient Overlay for it with the same parameters, but this time we need to fix the Scale option on 150.

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Draw another heart, bu smaller one and place it the same way as the next picture indicates it:

Designing the abstract background for Valentine Day in Photoshop CS3

Blending Options\Gradient Overlay:

Designing the abstract background for Valentine Day in Photoshop CS3

Set the colors exatly the next codes indicate it.

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

We need to apply Stroke option for the last heart too.

Designing the abstract background for Valentine Day in Photoshop CS3

It’s the picture we need to get on this stage:
Designing the abstract background for Valentine Day in Photoshop CS3

Now we’ll try drawing one more heart, but a little bigger that the previous one and situate it the same way shown below.

Designing the abstract background for Valentine Day in Photoshop CS3

Gradient Overlay

Designing the abstract background for Valentine Day in Photoshop CS3

Set the colors, following the next codes:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Stroke:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Now we have to select another type of heart figure, using again the Custom Shape Tool (U)

Custom Shape Tool (U). "" You use the shape tools to draw lines, rectangles, rounded rectangles, and ellipses in an image. In Photoshop, you can also draw polygons and create custom shape libraries to reuse and share custom shapes.
'); return false">Custom Shape Tool (U)
and its possibilities.

Designing the abstract background for Valentine Day in Photoshop CS3

We shall draw four heart’s elements, placing them as below:

Designing the abstract background for Valentine Day in Photoshop CS3

We shal number them out just not to mix the parameters that are characteristic for one or another. Here we have Blending Options for the first heart. Gradient Overlay:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Stroke:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

The parameters for the second heart: Gradient Overlay:
Designing the abstract background for Valentine Day in Photoshop CS3


Designing the abstract background for Valentine Day in Photoshop CS3

Stroke:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

The parameters for the third heard: Gradient Overlay:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Stroke:

Designing the abstract background for Valentine Day in Photoshop CS3

Stroke:

Designing the abstract background for Valentine Day in Photoshop CS3

Finally the parameters for the last fourth heart. Gradient Overlay:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Next we shall draw more heart’s elements and give them the same colors with those presented next picture:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

It’s time to choose the Pen Tool (P) and represent a kind of train under the hearts.

Designing the abstract background for Valentine Day in Photoshop CS3

We’ll represent the train behind the third heart too.

Designing the abstract background for Valentine Day in Photoshop CS3

We need repeating the same operation, but this time with the fourth heart.

Designing the abstract background for Valentine Day in Photoshop CS3

The Gradient Overlay option from bellow needs to be applied for the second heart’s train:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Next Gradient Overlay option will be applied for the train belonging to the third heart:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Finally we have to apply the next shown parameters for the train that is situated behind the fourth heart.

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Next stage includes drawing one more heart that should be placed behind the main big heart, drawn at the beginning.

Designing the abstract background for Valentine Day in Photoshop CS3

Fill 0% on the layer and apply Stroke option with the parameters demonstrated next table:

Designing the abstract background for Valentine Day in Photoshop CS3

Make several copies of the last made heart, getting the same result as that one, presented below:

Designing the abstract background for Valentine Day in Photoshop CS3

Now we shall use again the Custom Shape Tool (U)

Custom Shape Tool (U). "" You use the shape tools to draw lines, rectangles, rounded rectangles, and ellipses in an image. In Photoshop, you can also draw polygons and create custom shape libraries to reuse and share custom shapes.
'); return false">Custom Shape Tool (U)
with its table that gives us the possibility to select the needed element.

Designing the abstract background for Valentine Day in Photoshop CS3

The new figure is colored with #7D9DE5 and situated the position from below:

Designing the abstract background for Valentine Day in Photoshop CS3

Apply for the new element Stroke option again:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

At this moment we need to draw several more elements like the last one and position them out the same way as below:

Designing the abstract background for Valentine Day in Photoshop CS3

Try to represent one more figure like this one, giving its layer this option Fill – 0%.

Designing the abstract background for Valentine Day in Photoshop CS3

Select Stroke option with the same parameters from below:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

We shall take now the Ellipse Tool (U) and represent a rounded element.

Designing the abstract background for Valentine Day in Photoshop CS3

Gradient Overlay:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3


Designing the abstract background for Valentine Day in Photoshop CS3

Make a copy of our last made circle, minimize it with Free Transform selection and place it the way shown next image:

Designing the abstract background for Valentine Day in Photoshop CS3

Make one more copy of the same element:

Designing the abstract background for Valentine Day in Photoshop CS3

Select Gradient’s parameters and change the shown colors with those indicated in the next picture:

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Designing the abstract background for Valentine Day in Photoshop CS3

Try to draw two more rounded elements with the colors’ codes from next picture:

Designing the abstract background for Valentine Day in Photoshop CS3

The last stage includes downloading out of Internet a set of brushes, named Floral for picturing the next ornament. The brush containing the butterfly’s figure is numbered 1068.
The brush having the heart’s figure has the number 1276.

The final picture is the next one!

Designing the abstract background for Valentine Day in Photoshop CS3

The abstract background for Valentine's Day is finished, so the lesson is! Good luck with your inpiration!

View full size here.

No comments:

Post a Comment

Follow on Buzz