Home  >  Tutorials  >   PSP 8 Tutorials  >
Patchwork Heart
E-mail this tutorial to a friend Email to a Friend

Patchwork Heart
Created by: drango

In this tutorial we will create an old-fashioned patchwork heart. We will utilize several of the features of PSP 8 including the Flood Fill tool, gradients, selections, and the Deformation tool. Since this is a patchwork project, each of the patches you create will be different from the others. There are several steps where you will be given the chance to individualize your heart. Don't be afraid to experiment. Remember, your heart will look different from my heart and everyone else's.

Download File Download File

Link Jane's Place Wallpaper Fills

You will need 6 "fabric" patches. You may use the ones provided with this tutorial or select your own. Any floral background or wallpaper will work as well as checks, stripes, animal prints, whatever. You may even use some of the preset patterns provided by PSP 8. This is your patchwork heart. Your choice of "fabrics" will make your heart as individual as you are. You could even use Christmas patterns for your heart.

The download includes the Jasc Heart 1 Preset Shape, 6 fabric patterns and a lace tube. If it's not already there, copy the file "Heart 1.PspShape" into the "Shapes" folder in your PSP 8 program folder. Open the fabrics and the lace into your workspace, then minimize.

Four of the fabric patterns are from Jane's Place. It is well worth your time to visit her site and select your own fabrics (wallpaper fills).

New Image   Materials Palette - Materials Box

Okay, let's get started.

Open a new image, 400 x 400 pixels, white background. Set the Foreground Material to Solid Color = black and the Background Material to Null.

New Raster Layer Add a new raster layer and name it "Heart".

Preset Shapes Tool

Activate the Preset Shapes tool and utilize the following settings:
– Retain Style = unchecked
– Create as vector = unchecked
– Line Style = default line
– Width = 1
– all other settings are not important

Click on the Shape list drop-down menu and select a Heart shape.

Start at the coordinates (x:50 y:50) – watch the numbers at the right of your Status bar – and draw the cursor out to (x:350 y:350) – again watch those number in your Status bar.
New Raster Layer Create a new raster layer, name it "Patches".

Pen Tool  Draw Mode Line Segments
Activate the Pen tool:
– Create as Vector = unchecked
– Simple Mode = checked
– Mode = Draw Mode
– Segment Type = Line Segments
– Width = 1
New Shape

We will now create the patches that will make up our patchwork heart.

Place the cursor on the outside of the heart close to the upper right curve. Hold your finger down on the left button of your mouse and drag the cursor down across the heart at an angle. Continue past the edge of the heart then release the mouse button. Don't worry about the line extending outside the heart, we will clean this up later. Your heart now has two patches.

To draw a new line, click on the New Line icon. Draw four more lines from the edge of the heart to a different edge, from the edge of heart to previously drawn lines, or from line to line. You are creating a patchwork, draw the lines where you want them. There is no wrong way to do this. Remember to click the New Line icon each time you wish to draw a new line.

You should now have a total of six patches.

Magic Wand Tool

We will now clean up our lines.

Activate the "Heart" layer. With the Magic Wand click on the outside of the heart.

Activate the "Patches" layer and hit Delete. This takes care of any lines that extend past the outline of the heart.
Zoom Tool

We will now take care of any line overruns within the body of the heart itself.

Activate the Zoom tool.

Zoom in on each intersection of your lines. We want to remove any overruns.


Eraser Tool

Activate the Eraser tool:
– Size = 1
– default settings for all else.

Erase any overruns. Restore your image to its original size when finished.


Layer Visibility Off

Layer Visibility On

Hide the 'Background' layer, then merge the 'Heart' and 'Patches' layers (Layers || Merge || Merge Visible).

Rename this layer "Heart". Then turn the 'Background' layer visible again.

Save Image Now would be a good time to save your work.

Magic Wand Tool

We are now ready to add our fabric to our patchwork heart.

Activate the "Heart" layer and select a patch by clicking inside one with the Magic Wand.

Materials Palette - Materials Box  Materials Pattern Option In the Foreground Material dialog, select the Pattern tab, then open the drop-down list and choose one of the fabrics that you previously minimized. Resize to 50%.
Flood Fill Tool Using the Flood Fill tool, fill the patch with the fabric.
Now we will give our fabric patch a bevel so that it will look like it has a padded backing. Go to Effects || 3D Effects || Inner Bevel with these settings:
– Bevel = round (top row, second bevel)
– Width = 20
– Smoothness = 2
– Depth = 2
– Ambience = 8
– Shininess = 0
– Color = White
– Angle = 315
– Intensity = 40
– Elevation = 36

Select a different patch, fill with a different fabric and apply the same bevel to the patch. Continue until all patches are filled with different fabrics and have been beveled.

Save your work.

New Raster Layer

Magic Wand Tool

Add a new raster layer and name it "Ribbon".

Activate the "Heart" layer and click outside the heart with your Magic Wand. Invert the selection (Selections || Invert).

Materials Palette - Materials Box  Materials Gradient Option      Flood Fill Tool

Activate the "Ribbon" layer and flood-fill with a linear gradient of your choice:
– Angle = 45
– Repeat = 0 or increase until you find a pleasing effect

Select a gradient that goes well with your fabric patches.


Go to Selections || Modify || Contract, contract the selection by 7 and hit Delete.

Do not deselect.


Magic Wand Tool

Layer Visibility Off     Layer Visibility On

We will now give our ribbon edging some definition.

Activate the Magic Wand, hold down the Shift key, and click outside the heart. Invert the selection (Selections || Invert). Your ribbon should now be selected. We will now apply an Inner Bevel to it: Go to Effects || 3D Effects || Inner Bevel:
– Bevel = 1st bevel on 2nd row
– Width = 8
– Smoothness = 0
– Depth = 4
– Ambience = -30 (minus 30)
– Shininess = 0
– Color = white
– Angle = 315
– Intensity = 50
– Elevation = 50

Hide the background layer, click on the "Heart" layer, and go to Layers || Merge || Merge visible. Again rename the merged layer to 'Heart'. Then turn the background layer visible again. Save your work.


We will now add a lace border to our patchwork heart.

Flood-fill the background layer with black so that we can better see the lace. Maximize the "lindalace" tube. Open the Layer palette (F8) and drag the lace layer onto your heart image. Rename this layer "Lace". Position the lace so that the upper curved side of the lace extends out past the edge of the heart. You only want the outermost part of the lace to show.

Duplicate Layer In the Layer palette, drag the "Lace" layer below the "Heart" layer. Duplicate the "Lace" layer and mirror it (Image || Mirror).

Match up the two lace layers so that they meet at the point of the heart. You will have something that looks like a butterfly where the two lace pieces join.

Hide the "Heart" and background layers, click on one of the lace layers and go to Layers || Merge || Merge visible. Rename this layer "Lace1". Turn all layers visible again and save your work.


Deform Tool

Note: Return to this point when told to repeat the previous step.

Activate the "lindalace" tube once more and drag it onto the heart image once more. Rename this layer "Lace2".

Using the Deform tool, rotate the lace until it matches the right side of the heart.


With the Deform tool still activated, move the lace until it extends out past the edge of the heart and overlaps the ragged end of the lace already there.

In the Layer palette, drag the "Lace2" layer below the "Heart" layer and adjust until you are satisfied with its placement.


Duplicate the "Lace2" layer and mirror (Image || Mirror). Adjust the lace on the opposite side of the heart until you are satisfied with its placement. Hide the "Heart" and background layers. Go to Layers || Merge || Merge visible and rename as "Lace2".

Turn all layers visible again and save your work.


Return to the previously marked spot and repeat all of the previous step. Place the new lace below the "Lace2" layer toward the bottom of the heart. Do not try to make it extend all the way to the point. When you merge the two lace layers rename it "Lace3".

Save your work.


Activate the "lindalace" tube one last time and drag onto the heart image once more. Name it "Lace". Do not rotate. Simply drag the lace to the bottom of the heart extending it beyond the edge of the heart.

In the Layer palette, drag the "Lace" layer below the "Heart" layer and adjust the lace until you are satisfied with its placement. Try to center the point of the heart with the center of the edge of the lace. Hide the background layer only and merge visible (Layers || Merge || Merge visible).

Turn the background layer visible again and save your work.


New Raster Layer

For the final touches to our patchwork heart we will add some keepsake trinkets.

Add a new layer named "Gold Heart".

Materials Palette - Materials Box  Materials Gradient Option

Change the Foreground and Background Material to gradient:
– Style = linear
– Rotate = 45
– Repeats = 0

Choose a gold gradient.

Preset Shapes Tool Activate the Preset Shapes tool, choose the Heart shape, and draw a heart that is approximately 45x45. You can make it smaller or larger depending on your preference.

Now let's give our gold heart an inner bevel:

Go to Effects || 3D Effects || Inner Bevel. Use the Metal Button preset in the Preset drop-down list. Position the gold heart wherever you choose on your heart.

Add another layer, choose a different preset shape and add another gold trinket to your heart. The star shape makes a good one. Or, if you want, go through your tubes and add some gold beads, pearls, gems, whatever strikes your fancy. A cameo would look rather well. Three or four keepsake trinkets should be enough.

When finished, merge all layers (Layers || Merge || Merge All [Flatten]) and save. You may leave the background black or fill it with a gradient or pattern of your choice.

You are now finished with your patchwork heart.

I hope you've enjoyed this tutorial. – drango