Home  >  Tutorials  >   PSP 8 Tutorials  >
Offset Frame
E-mail this tutorial to a friend Email to a Friend

Offset Frame
Created by: cassandrablue

 
In this tutorial we are going to create a frame using different sized borders and decorate it with a brush that uses the Brush Variance palette. (Most of the screenshots in this tutorial only show sections of the image.)
 

Download File  Download File

If you want to use my image – just download it with the zip file on the left. You can alternatively use an image of your own.

I have used the front cover from an old piece of sheet music. I have included the image in two sizes. I used the small one for the tutorial.

The download file also contains the pattern (sg_gold-crystal.bmp) that we're going to use for the frame; you can either copy it into your My PSP 8 Files\Patterns folder or just open and minimize it in PSP to have it available as a pattern.

 



Open Image



Step 1

Open the image that you are going to frame (I had virginiamoonlight.jpg). We will start by applying a Cutout effect to the picture. If your image is a background and not a normal layer (look at the Layer palette if you are not sure), you first have to convert the background to a layer: Go to Layers || Promote Background Layer.

Now we are ready to apply the Cutout effect: First go to Selections || Select All (Ctrl+A), then to Selections || Float (Ctrl+F), and finally to Effects || 3D Effects || Cutout:
– Vertical Offset = 1
– Horizontal Offset = 1
– Opacity = 80
– Blur = 1.98
– Color = Black

Repeat the Cutout effect, but change the Vertical and Horizontal Offset settings to minus 1 (-1). Deselect (Selections || Select None or Ctrl+D).

To be able to add borders later, we now have to convert our layer to a background layer again: Go to Layers || Merge || Merge All (Flatten).

 








Dropper Tool

Materials Palette - Active Colors








Materials Palette - Materials Box  Materials Pattern Option

Step 2

We will now set up the Materials palette for the colours and patterns that we will use in the tutorial. We need two colours which will be used alternately for the borders, while making the frame.

Activate the Dropper tool and move it across your image until you find a colour that you would like to use in your border, then left-click to select the colour. It will now appear in the Foreground (Stroke) Material box on your Materials palette. This is the colour that will alternate with the gold in the frame. (I had a green: Red = 33, Green = 73, Blue = 62; #21493E.)

For the background we need to choose a colour that is not on the outside edge of the image, so click on the Background (Fill) Material box and choose a colour. The borders in this colour will be selected and filled with gold.

Next click on the Foreground (Stroke) Material box in your Materials palette to open up the Materials dialogue box. We are going to use a Pattern fill, so click on the Pattern tab, then open the dropdown box containing your patterns by clicking the pattern window:
– Pattern = sg_gold-crystal (or another pattern of your choice)
– Angle = 0
– Scale = 100
– Texture = unchecked

 












Recent Colors


First Border

Step 3

Now that the palette is ready, we will start to add the borders. We will be alternating colours as we add the borders.

Go to Image || Add borders. Uncheck the 'Symmetric' box and use these settings:
– Left = 0
– Right = 5
– Top = 5
– Bottom = 0

Right-click on the colour box and you will see a box showing the recently used colours. At the bottom of this box are the present foreground and background colours of your palette.

Choose the background colour (this is the one that isn't at the edge of your image). The reason for this because when we select the border in the next step, we don't want part of the image selected at the same time. Click on OK.

You should now have a narrow border along the top and right side of your image.

 



Magic Wand Tool






Flood Fill Tool

Step 4

Now we will fill the border: Use the Magic Wand with the following settings:
– Mode = Replace
– Match Mode = RGB Value
– Tolerance = 0
– Feather = 0
– Anti-alias = checked

Select the border with the Magic Wand, then flood-fill the selected border with the gold pattern. Deselect (Ctrl+D).

 


New Borders

Step 5

The next border will be in the colour chosen from the image: Go to Image || Add borders. Right-click on the colour box and change to the foregound colour from your palette. The other settings stay the same as for the last border. Click on OK.

Steps 3, 4 and 5 should be repeated until the image has six alternating gold and coloured borders (3 gold, 3 coloured) running along the top and right side.

 

Magic Wand Tool     Flood Fill Tool

New Border

Step 6

The next border will go all the way around the image: Go to Image || Add Borders. Check the 'Symmetric' box and put 5 in the size boxes.

Change the colour to your background colour in the same way as we did previously and click on OK.

Select the border with your Magic Wand and flood-fill with the gold pattern. Deselect.

 
Wide Border

Step 7

In this step we will add a wide border to the bottom and left side of the image: Go to Image || Add Borders. Uncheck the 'Symmetric' box and use these settings:
– Left = 30
– Right = 0
– Top = 0
– Bottom = 30

Change the colour to your foreground colour and click on OK.

 
Frame

Step 8

We need two more borders which go all the way around the image. The first of these uses the same colour as the last border.

Go to Image || Add Borders. Check the 'Symmetric' box and put 5 in the size boxes. This time don't change the colour. Click on OK.

Go to Image || Add Borders again. Add one more symmetric border of 5 pixels in your background colour. Select it with the Magic Wand and flood-fill with the gold pattern. Deselect (Ctrl+D).

 
Magic Wand Tool





Step 9

To make the gold sections stand out more we are going to add a Cutout effect to the plain coloured borders (if you have used black for these borders, the Cutout won't show, so you can skip this step).

Change the Mode on the Magic Wand to Add and select all of the plain coloured borders. If you find it difficult to click on the narrow ones, you can zoom in to make it easier.

When all of the plain borders are selected we are ready to apply the cutout: Go to Effects || 3D Effects || Cutout:
– Vertical Offset = 1
– Horizontal Offset = 1
– Opacity = 80
– Blur = 1.98
– Color = Black

Repeat the Cutout, but change the Vertical and Horizontal Offset settings to minus 1 (-1). Deselect.

 









Paint Brush Tool

Brush Tip









Brush Variance Palette

Step 10

The wide border down the left side and bottom could be left plain or decorated with tubes, but for this tutorial we will make a swirling brush using the Brush Variance palette and to decorate the border.

Your Foreground Material should still be the gold pattern that was used for the borders. Make the Paint Brush active and click on the Brush Tip dropdown list in your Tool Options palette to display your brush tips. From the list choose the 'Line vertical' tip.

On the Tool Options palette use these settings:
– Shape = Square
– Size = 30
– Hardness = 50
– Step = 107
– Density = 100
– Thickness = 1
– Rotation = 0
– Opacity = 100

(You can also use the Round Shape if you prefer, it gives a more feathery edge to the scallops.)

Open the Brush Variance palette (pressing F11 is the quickest way). There is a long list of options. For this tutorial we will only be changing one of them, the rest will be used at their default value. To make sure that the settings are at default click on the Reset to Default button in the bottom right corner.

Scroll down to the botton of the list and find the option called 'Rotation'. Click on the dropdown setting list next to it and change the setting to 'Repeating Fade In'.

 



New Raster Layer

Decoration Positions

Save Preset Option     Preset: Reset to Default Option

Step 11

We are going to use the Paint Brush to paint the gold scallops down the left side and along the bottom of the frame.

First create a new layer (Layers || New Raster Layer).

Then with the Paint Brush click at the centre top of the wide border on the left side of the image (number 1 in the screenshot). Holding down the Shift key click at the bottom of the border (number 2 in the screenshot), then still holding down the Shift key click at the right end of the bottom border (number 3 in the screenshot).

If you would like to save the brush to use again, click on the Paint Brush Presets dropdown list in the Tool Options palette. In the top right corner you will see three icons. Click on the Save icon (the top one) and give your brush a name. It will then be in the list of presets ready for next time you want to use it.

When you have finished using your Brush, open the preset dropdown list and click the Reset to Default icon (the bottom one). Otherwise the next brush tip you paint with will still be using the Rotation settings from the Brush Variance palette.

 
Final Image

Step 12

To finish off we will add a drop shadow to the decoration: Go to Effects || 3D Effects || Drop Shadow:
– Vertical Offset = 0
– Horizontal Offset = 0
– Opacity = 50
– Blur = 5.94

Then go to Layers || Merge || Merge All (Flatten).

I hope you have enjoyed this tutorial and will go on to experiment with using different border sizes and changing the settings on the Brush Variance palette.