Simple Muted Tones Frame

Simple Muted Tones Frame

Created May 6, 2002 © Copyright SuzShook
Made "Version-Independent" March 2009
Property of SuzShook

This tutorial is my own creation;
however, most of the techniques used in this tutorial, I have learned from others!
Therefore, if you recognize any contribution you have made, I thank you!
And I thank you as well for respecting this as my work by not posting it,
in whole or in part,
in any other location without written permission from me!

Individuals and PSP graphics groups are invited to share my tutorials with others with TEXT LINKS ONLY.
You can e-mail me to let me know you are adding one or more of my tutorials to your list if you like -
it's always fun to know who is doing them!

I just love frames, and developed the ideas for this tutorial while working on another tutorial! This one is quick and easy, uses the Hue/Saturation/Lightness method for colorizing, and gives you a little practice using custom brushes! Hope you enjoy it!

I make my tutorials as brief as possible, without the customary paths, details, and how-to's. For those veterans among you, this will be welcome! But for those less familiar with PSP, I included a "Glossary" that contains all the details omitted in the tutorial. If you need a little extra help, check the Glossary section. Just click on the button below - the Glossary will open in a new window.

PSP glossary button

This tutorial assumes you have a working knowledge of Paint Shop Pro at the intermediate level (or advanced beginner level with the Glossary). It was originally written in and for PSP Version 7, then revised for PSP 8, and now made "version-independent". Screen shots for this tutorial can come from any version of PSP - where there are significant differences from version to version, a green "Version Note" will be included, along with multiple screen shots if necessary.

Where a note/tip refers to a version of PSP and all higher versions, a + sign will be used to indicate this. For example, if a note/tip applies to PSP X and higher versions, I will use the convention "PSP X+".

If you try this tutorial, and find something is inaccurate for your version of PSP, please EMAIL ME to let me know so I can fix it!

Screen shots in this tutorial are resized - your work will be larger than this!

Supplies - For this tutorial, you will need the following:
  • Paint Shop Pro - any version. The latest version of PSP can be found at the Corel site HERE.

  • Simple Filters 4 Way Average - you can get this filter and all the Simple filters HERE.  ~ ~ Unzip into your Plugins folder.

  • Corner brushes to decorate your frame - you can get some HERE. ~ ~ Unzip into your Brushes folder.

  • Dee's gold fold pattern (D_gold fold) - if you don't already have it, you can get it HERE. ~ ~ Unzip into your Patterns folder. (Thanks, Dee, for giving me permission to offer your gold fold pattern for this tutorial!)

  • The image below, or an image of your choosing. ~ ~ Click on the image to get a larger version - right click on the larger image and save into the folder where you keep your current PSP work.
  • autumn stream

~     ~     ~     ~     ~     ~     ~     ~     ~     ~

Ok, now we're ready to begin! Grab your mouse, and let's go create!

Remember to save often!

~     ~     ~     ~     ~     ~     ~     ~     ~     ~


Open the image you have chosen to frame. Resize to not more than 290 pixels on the longest side.

Set your Foreground Material style to Pattern and select the D_gold fold pattern with Angle = 0 and Scale = 100.

Set the Background Material style to Pattern, using the image you are framing as the pattern with Scale = 50 and Angle = 45.


Add a 5-pixel border using a color not found in your image. Using the MAGIC WAND tool magic wand tool, select this border and FLOOD FILL flood fill tool with the Foreground pattern.

We're now going to colorize this border so that it coordinates with the image we are framing. To do this, choose Adjust...Hue and Saturation...Hue/Saturation/Lightness. On the HSL dialog panel, click on the Reset to Default button (indicated by red arrow) in the upper right hand corner to return all sliders to 0.

HSL dialog panel

Then slowly adjust the Hue slider above the color wheel (green arrow) until you find a good match for your image. If you click on the Auto Proof button (yellow arrow), you can watch the color changes as they're applied to your border - the preview window helps as well, but I like to watch the color changes in the image itself, so I disable the preview window.

Version Note: To preview changes on your image in PSP XI and higher, click the Preview on Image button (red arrow below). To disable the preview windows, make sure the Preview arrow is pointing to the right (green arrow below).

top of HSL dialog panel - PSP XI+

You may need to adjust the Lightness slider (blue arrow) up (for lighter) or down (for darker). When you have a color you're happy with, click OK. For my image, I adjusted the Hue slider to -13 (minus 13).

Note: If you would like to learn more about using Hue/Saturation/Lightness for colorizing images, Sandra (of EssexGirl) has written an excellent tutorial entitled "Colouring with Hue/Saturation/Lightness". You can find Sandra's tutorial HERE. Though this tutorial is written for PSP7, the principles are essentially the same.

Invert the selection and apply a Cutout Effect using the following settings:

Vertical offset (0),
Horizontal offset (0),
Shadow color (black),
Opacity (58),
Blur (50)

Deselect and SAVE!


Add a 20-pixel border, select the border, and fill with the Background Material. Apply the Simple 4 Way Average filter, and then apple an Inner Bevel effect with the following settings:

inner bevel
Bevel (#3), Width (8), Smoothness (4), Depth (4), Ambience (0),
Shininess (0), Color (white), Angle (135), Intensity (55), Elevation (30)

Re-apply the inner bevel, changing the Angle to 315.

Invert the selection and apply a drop shadow using the following settings:

Vertical offset (0),
Horizontal offset (0),
Opacity (44),
Blur (19.8),
Shadow color (black)

Apply the same drop shadow 2 more times.

Deselect and SAVE!


Add a 5-pixel border. Select the border and fill the border with the Foreground Material, and colorize as in Step 2 above - the values you chose before will still be available on the HSL panel.

Deselect and SAVE!


Now to decorate the frame a little, activate the PAINT BRUSH tool paint brush tool.

On the Tool Options palette, click on the brush drop-down arrow to get the list of brushes available (red arrow).

tool options - paint brush

Use the scroll bar (blue arrow) to scroll down to the corner brush of your choice. I selected the first of the brushes provided for this tutorial. On the Tool Options palette, you will need to adjust the Size of your brush (yellow arrow) depending on the size of your image. I used 111 for my sample image.

Add a new layer to your image. Move your cursor to the upper left corner of your image, and, holding your mouse very steady, left-click 2 or 3 times until your corner brush is as dark as you want it. Use the MOVE tool move tool to adjust the position of your corner - I placed mine so the edges of the corner were just inside the outer 5-pixel border.

Colorize the decorative corner the same way you colorized the 5-pixel borders. Then apply a drop shadow with the same settings as you used in Step 3 above. The settings should already be correct on both the HSL and Drop Shadow dialog panels!

Duplicate the corner layer, mirror it, and flip it to locate it in the lower right corner. Adjust its position as needed.

And that's it! Now all you need to do is merge all layers, watermark and save!

Don't forget to sharpen your image if you resize it at this point - I used Unsharp Mask with Radius = 2.00, Strength = 50, and Clipping = 5!

Here's another frame I made using a photo of ornamental crab blossoms - on this one, I set the Hue slider on the HSL dialog panel to 67, and used a different set of corner brushes:

Simple Muted Tones Frame #2

Hope you have enjoyed this tutorial as much as I did creating it!

If you have any problems, comments, or questions, please do not hesitate to Email me.


Version Independent Tutorials ~ About Me ~ Home ~ Email

All graphics and content 2002-present by SuzShook