Ruffled Edge Heart
~ This tutorial assumes you are familiar with the tools in PSP ~
It was written on January 10, 2007, using PSP 9, but it can be completed in most versions.
Tutorials are only guidelines, it's always fun to experiment with different settings on your own : )
- This tutorial may not be suitable for a beginner -
Supplies needed:
Corel Paint Shop Pro
Pattern fill of your choice
My Supplies
Step 1:
Download and unzip my supplies. Place the ddbgfille8.bmp file in PSP's Displacement Map folder.
(if you know who this image belongs to, please let me know so that proper credit may be given)
Place the heart1 shape in PSP's preset shapes folder (if you do not already have this shape)
Step 2:
Create a new raster file (file > New), 600x600, white background. (we can resize it later)
Open your pattern fill in PSP & minimize it.
Click on your preset shape tool, locate the heart1 preset and load it.
Set the properties on the preset shape tool options palette as follows:
- Retain Style: unchecked
- Vector & Anti-alias: checked
- Line style: solid
- Line width: 33
Step 3:
Go up to your materials palette and change the Foreground to a color that matches your pattern.
Change the Background to your pattern, but close it off for now (click transparent).
Step 4:
Left click and drag on your canvas until you get the size heart you want. I made mine large, about 530x472.
Now, center your heart in the canvas by going up to Objects > Align > Center in canvas.
Duplicate your heart layer, rename the duplicate layer 'heart fill' and hide it by clicking on the 'eye' next to the layer.
Step 5:
Go back to the original heart layer, right click and convert to raster.
Effects > Distortion effects > Displacement Map and find the ddbgfille8.bmp file.
Plug in the following settings:
Stretch map to fit image, Blur 30, 2D, Intensity 5.00, Rotation 0, Transparent
Step 6:
Image > Flip.
Apply the Displacement map again, same settings as above.
Go back up to Image > Flip one more time.
You should now have something like this:
Step 7:
Ok, now comes the fun part, creating the ruffle!
Grab your Lighten/Darken brush (or hit the lowercase letter 'L' to select it)
Plug in the below settings:
We are going to darken each recess area of our ruffle.
For those of you who have never used this brush before, I'd like to explain how it works.
Holding down the left mouse button and painting on your image will 'lighten' the area.
Holding down the right mouse button and painting on your image will 'darken' the area.
You can reverse that by checking the box next to 'Swap mouse buttons' located on the right side of the tool options palette.
Notice that mine is checked on the image above. I did that because we are going to be using the darken brush
first, and I find it easier to paint with the left mouse button, but it's your choice.
Step 8:
Go around the heart, darkening the areas where you think the ruffle shadows should be.
See below image or refer to my finished heart:
Step 9:
When you are satisfied with your shadows, uncheck 'Swap mouse buttons', change the size
of the brush to 19, and the opacity to 20.
Now go around your heart again, this time painting highlights between the shadows you just created.
You may need to adjust the brush settings to get the look you want, you don't need to stick with
mine if they're not working for you. Refer to my finished heart for reference.
When you are satisfied with your ruffles, hide this layer by clicking on the eye next to the layer.
Whew, we're almost done! If you haven't been saving your file as you went along, now is a good time : )
Step 10:
Go up to your 'heart fill' layer, should be the top layer, make it visible by clicking on the eye next to the layer.
Duplicate this layer, rename the duplicate 'extra edge' and hide it. Go back to the 'heart fill' layer.
Using the Object Selection Tool
, go to the canvas and double click on your heart to bring up the Vector
Property Dialog Box. Check the Fill box and make sure your pattern is showing. Uncheck the Stroke and hit OK.
You should have something like this, only with your pattern in it:
Step 11:
Right click on the 'heart fill' layer and convert to raster.
Effects > 3D Effects > Inner Bevel and plug in the below setting:
I added a drop shadow to this layer with the following settings:
Vertical & Horizontal 1
Transparency 65
Blur 10
Color: Choose a darker shade of the color you used on your ruffle
Unhide your ruffle layer - your heart should be looking pretty good at this point : )
Step 12:
This step is optional, I used it to add another stroke to my padded heart.
Unhide the 'extra edge' layer (top layer), change the stroke and line style to something
you like. I used a white dotted line style with a stroke size of one, but it's hard to see in
my sample image due to resizing.
Hide your background layer, right click on any of the heart layers, merge visible, resize if necessary and you are done!
You can download my original heart in png format here.
I hope you had fun doing this tutorial and I would love to see your results!
Pattern fill of your choice
My Supplies
Step 1:
Download and unzip my supplies. Place the ddbgfille8.bmp file in PSP's Displacement Map folder.
(if you know who this image belongs to, please let me know so that proper credit may be given)
Place the heart1 shape in PSP's preset shapes folder (if you do not already have this shape)
Step 2:
Create a new raster file (file > New), 600x600, white background. (we can resize it later)
Open your pattern fill in PSP & minimize it.
Click on your preset shape tool, locate the heart1 preset and load it.
Set the properties on the preset shape tool options palette as follows:
- Retain Style: unchecked
- Vector & Anti-alias: checked
- Line style: solid
- Line width: 33
Step 3:
Go up to your materials palette and change the Foreground to a color that matches your pattern.
Change the Background to your pattern, but close it off for now (click transparent).
Step 4:
Left click and drag on your canvas until you get the size heart you want. I made mine large, about 530x472.
Now, center your heart in the canvas by going up to Objects > Align > Center in canvas.
Duplicate your heart layer, rename the duplicate layer 'heart fill' and hide it by clicking on the 'eye' next to the layer.
Step 5:
Go back to the original heart layer, right click and convert to raster.
Effects > Distortion effects > Displacement Map and find the ddbgfille8.bmp file.
Plug in the following settings:
Stretch map to fit image, Blur 30, 2D, Intensity 5.00, Rotation 0, Transparent
Step 6:
Image > Flip.
Apply the Displacement map again, same settings as above.
Go back up to Image > Flip one more time.
You should now have something like this:
Step 7:
Ok, now comes the fun part, creating the ruffle!
Grab your Lighten/Darken brush (or hit the lowercase letter 'L' to select it)
Plug in the below settings:
We are going to darken each recess area of our ruffle.
For those of you who have never used this brush before, I'd like to explain how it works.
Holding down the left mouse button and painting on your image will 'lighten' the area.
Holding down the right mouse button and painting on your image will 'darken' the area.
You can reverse that by checking the box next to 'Swap mouse buttons' located on the right side of the tool options palette.
Notice that mine is checked on the image above. I did that because we are going to be using the darken brush
first, and I find it easier to paint with the left mouse button, but it's your choice.
Step 8:
Go around the heart, darkening the areas where you think the ruffle shadows should be.
See below image or refer to my finished heart:
Step 9:
When you are satisfied with your shadows, uncheck 'Swap mouse buttons', change the size
of the brush to 19, and the opacity to 20.
Now go around your heart again, this time painting highlights between the shadows you just created.
You may need to adjust the brush settings to get the look you want, you don't need to stick with
mine if they're not working for you. Refer to my finished heart for reference.
When you are satisfied with your ruffles, hide this layer by clicking on the eye next to the layer.
Whew, we're almost done! If you haven't been saving your file as you went along, now is a good time : )
Step 10:
Go up to your 'heart fill' layer, should be the top layer, make it visible by clicking on the eye next to the layer.
Duplicate this layer, rename the duplicate 'extra edge' and hide it. Go back to the 'heart fill' layer.
Using the Object Selection Tool
, go to the canvas and double click on your heart to bring up the VectorProperty Dialog Box. Check the Fill box and make sure your pattern is showing. Uncheck the Stroke and hit OK.
You should have something like this, only with your pattern in it:
Step 11:
Right click on the 'heart fill' layer and convert to raster.
Effects > 3D Effects > Inner Bevel and plug in the below setting:
I added a drop shadow to this layer with the following settings:
Vertical & Horizontal 1
Transparency 65
Blur 10
Color: Choose a darker shade of the color you used on your ruffle
Unhide your ruffle layer - your heart should be looking pretty good at this point : )
Step 12:
This step is optional, I used it to add another stroke to my padded heart.
Unhide the 'extra edge' layer (top layer), change the stroke and line style to something
you like. I used a white dotted line style with a stroke size of one, but it's hard to see in
my sample image due to resizing.
Hide your background layer, right click on any of the heart layers, merge visible, resize if necessary and you are done!
You can download my original heart in png format here.
I hope you had fun doing this tutorial and I would love to see your results!