Loadboy's

Graphic Design Studio
The Right Choice in Web Design!
Get Your FREE Quote Today...
Search:  

Step 1

Start by creating a new image 300 X 300 with a black background.

On the Tools toolbar, select the Pen Tool (V)

On the Tool Options palette select the Point To Point -Bezier Curves.

There should be a check mark in Connect Segments, Show Nodes, and Create On Vector:

On the right side of the Tool Options palette lets set Width: 2 Anti-alias is checked:

On the Materials palette, set your Foreground color to #ffffff and your switch your Background color to transparent:

Now that all of tools and colors are set, we're ready to start creating our heart shaped pattern.

We'll be starting our image from the very center of the heart, where the "arches meet". Think of this as drawing a heart shape on a piece of paper beginning from the point where the two arches meet in the middle. What direction would you move your pencil? Upwards right? Okay, now your mouse is the pencil. Place your mouse cursor in the center of the canvas, towards the upper half like so:

While holding down your mouse button, drag the cursor upwards just a bit, this will give you the arrow-end of the control arm handle. You'll notice that it points in the same direction you drag your cursor. Release the mouse button when it reaches the desired length.

This next step.. disregard the pencil and paper idea. Worked above, won't work here! Sorry.

Move your mouse cursor a little bit downwards and to the left:

Drag your cursor downwards until you have the first arch of your heart shape. You'll notice that if you move your mouse in any direction, you change the shape. I've brought my image downwards and just gently towards the right:

Again, release the mouse button when it reaches the desired length.

Go back to the center of your canvas, but this time move towards the bottom. The idea here is to be directly below your first node.

Drag your mouse downwards slightly until you get your "perfect shape". If you realize that the shape you have isn't what you want, than just put your cursor on the previous node and click to select it. You'll see your control arm is back. You can now move it in any direction to reform the shape.

Okay, just one more line here. Move your mouse cursor just below the first node, almost to the point it looks like your going to click on the 1. node:

So far so good. Now let's fill in the rest of this half of our pattern.

On the Materials palette, switch the Background color to from transparent back to color:

If all went well, your image should now look similar to this:

Don't worry if it's not perfect! We're going to smoothen things up in just a moment.

Layers > Convert to Raster Layer

Now let's make sure we have a nice clean edge.

On the Tools toolbar, select the Selection (S) and on the Tool Options palette, Selection type: Rectangle

Draw a rectangular selection just over the right edge of our pattern like this:

Now hit Delete on your keyboard:

We'll complete the other half of our pattern.

Layers > Duplicate

Image > Mirror

If it doesn't perfectly line up, you may need to select the Move Tool (M) on the Tools toolbar, and finish aligning the two pieces together:

This next step will help remove any of rough edges.

Layers > Merge > Merge All (Flatten)

Adjust > Blur > Gaussian Blur > Radius: 4 > OK.

Adjust > Brightness and Contrast > Brightness/Contrast... > Brightness: 0 Contrast: 80 > Ok

That should give a nice smooth image:

On the Tools toolbar, select the Magic Wand

Now let's save a fresh selection.

Place your mouse cursor in the very center of your heart shape pattern and click. You should now see what looks like a much of "marching ants" surrounding the outline of your pattern:

Selections > Load/Save Selection > Save Selection To Alpha Channel... > Save

Selections > Select None

Let's get a clean image background to work with.

Layers > New Raster Layer... > Ok

On the Materials palette, set your Foreground color to white ( #ffffff)

Use the Flood Fill Tool (F) and fill the layer.

Layers > Merge > Merge All (Flatten)

Okay. We now have our pattern saved to the alpha channel, and a clean image to work with.

Step 2

Layers > New Raster Layer... > Ok

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load

On the Materials palette, set your Foreground color to #dcccf5

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

Don't deselect yet!

I'm about to show you one of my "best kept secrets" to making an object look 3D! Are you ready?

Layers > New Raster Layer... > Ok

Your Foreground color should still be set to #dcccf5

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection.

Adjust > Brightness and Contrast > Brightness/Contrast... > Brightness: 0 Contrast: 15 > Ok

On the Tools toolbar, select the Move Tool (M)

Move your image towards the left until you decide on how "thick" you want your image to be. This is how my image now looks:

Selections > Invert

Now hit the Delete key on your keyboard:

Selections > Select All [Keyboard shortcut: CTRL + A]

Selections > Float [Keyboard shortcut: CTRL + F]

Selections > Defloat [Keyboard shortcut: CTRL + Shift + F]

Selections > Load/Save Selection > Save Selection To Alpha Channel... > Save

We'll use this second selection in step 3 below to add the final highlights to our image.

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load

Adjust > Blur > Gaussian Blur > Radius: 2 > OK.

Layers > Merge > Merge Down

Selections > Select None

At this point we'll add a slight drop shadow to give it some character.

Effects > 3D Effects > Drop Shadow... use the following settings:

Your image should now look similar to this:

Step 3

Now my favorite part, adding the final highlights!

Layers > New Raster Layer... > Ok

Selections > Load/Save Selection > Load Selection From Alpha Channel ... > Pick Selection #2 > Load

Selections > Modify > Contract... > Number of pixels: 3 > Okay.

On the Materials palette, set your Foreground color to white ( #ffffff)

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

On the Tools toolbar, select the Move Tool (M)

Move your image towards the right just barely outside of the selection area:

Now hit Delete on your keyboard.

Now use the Move Tool (M) and place it back into the selection area:

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load (We're using Selection #1 ;) )

Adjust > Blur > Gaussian Blur > Radius: 2 > OK.

Layers > Merge > Merge Down

That nicely highlight that right edge!

Step 4

Now lets finish the left side.

Layers > New Raster Layer... > Ok

Selections > Load/Save Selection > Load Selection From Alpha Channel ... > Pick Selection #2 > Load

Selections > Modify > Contract... > Number of pixels: 2 > Okay.

On the Materials palette, set your Foreground color to #906ecd

Use the Flood Fill Tool (F) and fill the selection.

We're going to do the same thing we did above for the right edge, only this time we're working on the left edge.

On the Tools toolbar, select the Move Tool (M)

Move your image towards the straight over to the left until you have just a slight edge on the bottom point:

Now hit Delete on your keyboard.

Now use the Move Tool (M) and place it back into the selection area:

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load (Selection #1 )

Adjust > Blur > Gaussian Blur > Radius: 3 > OK.

Don't deselect yet!

Layers > Merge > Merge Down

Adjust > Add/Remove Noise > Add Noise and use the following settings:

Selections > Select None

Step 5

All that's let now is to add your text.

On the Materials palette, set your Background color to #906ecd. (This is the same color we used for the left edge.)

On the Tools toolbar, select the Text Tool (T)

Select the style font and and height that you want to use, then click towards the left side of your candy heart. Type in your text:

Layers > Convert to Raster Layer

Effects > 3D Effects > Drop Shadow... use the following settings: