Home>Tutorials> Plugins & Filters>
Framing with Sinedots: A Rectangular Frame
Download this tutorial Email to a Friend

Framing With Sinedots: A Rectangular Frame
Created by:Cassandrablue


This tutorial shows how to make a rectangular frame using Sinedots. The same method can also be used to make a square frame by adjusting the canvas size in step .

Download the attachments for this tutorial Sinedots II Link

You will need Dragonfly's Sinedots II filter. If you don't already have it you can download it from the link. Put the filter in your plugins folder, or a sub-folder.

Download the attachments for this tutorial Simple Filters Link

You will also need Simple Filter's top left mirror. If you don't already have it, the link will take you to Simple filter's download page. Instructions for installing are also on the page.

Download the attachments for this tutorial Download Files

Before you start - download this ZIP file which contains the .cfg needed to complete the tutorial and the photo that I use in the tutorial, you can, of course use an image of your own.

Create a folder called 'sinedots cfgs' (or any name that you'd like to call it), in your Sinedots folder and put the .cfg into it. (You can actually create the folder anywhere you like, but this way it keeps everything together and it's easy to remember where to find the presets).


Standard Toolbar - New (image) button

Some of the screenshots in this tutorial show sections from the image instead of the whole image.

Step 1. Firstly, we are going to create a new image on which to make the sinedots shape. Feel free to experiment with the sizes given here, the height of the image will govern the width of the frame. Make a note of the height that you use, it will be needed later.

In this first step we are going to create a new 300 x 80 pixels image:

To create a new image:

Click on the File || New menu option. The system opens the New Image dialog box.

In the New Image dialog box, change the settings as follows:

Width = 300 pixels
Height = 80 pixels
Resolution = 71.9999 pixels
Background color = Transparent
Image type = 16.7 Million Colors (24 Bit)

After making these settings, click on the OK button.



Step 2.
We now want to create the sinedots image, that we are going to use for making our frame.

Go to Effects || Plugin Filters || Dragonfly || Sinedots II

To open the preset click the 'open' button, in the bottom centre section of the screen (arrowed). Use the navigation box that appears, to locate the folder that you created for your cfgs and open the sg_soft-buckle.cfg.

To open the dropdown list of presets that the cfg contains, click little arrow of the 'name window' (circled). I have included some other presets for you to play with, but for now choose the soft-buckle from the list. You will be able to see the image in the preview window, but don't click 'OK' yet, we have one adjustment to make first.


This preset has 'screen' as the blend. This gives the image a black background. For this tutorial we need the background to be transparent, so we need to change the blend.

The Gamma setting and the colour in this screenshot, will be different to the ones in the preset that we are using in this tutorial. You don't need to change them.

Open the dropdown list for the 'blend' (centre right of the screen) and choose 'screen' from the dropdown list.

The area surrounding the image will now change to transparent. You will be able to see this in the preview window.
Click OK


The sinedots image image that we are using in this tutorial is difficult to see against the transparent background, so to make it easier to work with we will add a coloured layer underneath.

Go to Layers || New Raster Layer
then Layers || Arrange || Send To Bottom

Now Flood fill the bottom layer with black.
Hold down the shift key and press D, to make a duplicate of the image. You can minimize the duplicate for now, we will need it later.



Step 3. Next we will Use PSP's rotating mirror to create a nice angle for the corner of the frame, but first we need to make the canvas size larger.

Go to Image || Canvas size

Ticking both the Centre image horizontally and vertically boxes, change the canvas size to 400 x 400. The bottom layer should still be active so flood fill it with black again, to fill in the spaces that enlarging the canvas has made. Then make the sinedots layer active.

Now that we have some more space we can use the rotating mirror.

Go to Effects || Reflection Effects || Rotating Mirror

Use these settings
Horizontal and Vertical offsets both = 0
Rotation Angle = 315.



Step 4. Open the image that you want to frame. The picture used in the tutorial, is included in the download file. I'm not much of a photographer though, so you'll probably have a better one of your own that you can use instead.

We are going to add a border to the image. Make the background colour in your palette black (you can use a different colour if you want to). The size of the border should be the height you used when you made the sinedots image at the beginning of the tutorial, mine is 80 pixels.

Go to Image || Add Borders

Tick the symmetric box and put the size that you want the border in one of the boxes (as you have symmetric ticked all the boxes will change together)

Tool Palette - Mover tool


Step 5. Next we will add the sinedots frame to the picture, so make the image containing your sinedots corner active.

Go to Edit || Cut (Ctrl+X)

The empty image can be closed. Your picture image should be active.

Go to Edit || Paste || Paste as New Layer [Ctrl+L]

Use the Mover Tool to reposition the Sinedots corner.
Place it at the outside edge of the picture.


Step 6. Now we will add a section to the top and left side of the frame. Open the copy of the sinedots image that you minimized earlier.

Go to Edit || Copy

This image is no longer needed so you can close it. Back to the main image

Go to Edit || Paste || Paste as New Layer [Ctrl+L]

Use the Mover Tool to reposition the new section next to the sinedots corner. I placed mine so that the ends were just touching. For a different effect you can overlap them.


Step 7. If your sinedots corner reaches more than halfway down the left side of your picture, you will not need to do this step. If it doesn't, the gap will need to be filled like this

Go to Edit ||Paste || Paste as New Layer again.
Then go to Image || Rotate ||

Make sure that the all layers box is not ticked (we only want to rotate the current layer) and rotate by 90 left. Move the section to the left side so that it meets the bottom of the sinedots corner. The bottom of it will be outside of your image.


Step 8. We need to merge the Sinedots layers together, so open the layers palette and turn off the visibility of the background layer, by clicking the glasses on that layer, covering them with a red X.

Go to Layer || Merge|| Merge Visible

Turn the background layer back on, by clicking the glasses again to remove the X.


Step 9. We are going to use Simple filter by Sandy Blair to mirror the top left corner and make our frame.

Go to Effects || Plugin Filters || Simple || Top Left Mirror

The frame now runs all the way around the picture.



Step 10. In this step I am giving two alternatives. You can either change the colour of the sinedots frame, or apply a sculpture to it.

To change the colour :-
Change the foreground colour of the palette to the colour that you want to make your sinedots frame. I used the Eye Dropper to select a yellow from the dandelion in my picture.

Next open the layer palette. At the far right of each layer, you will see a padlock covered by a red X.

On the layer containing your sinedots frame,
click the padlock to remove the X.

This will lock the transparent areas of the layer, so that when we flood fill, they will not be affected by the colour.

Flood fill the layer with your foreground colour, then click the padlock in the layer palette to replace the X.


Alternatively you could add a sculpture effect like this:-

Effects || Texture Effects || Sculpture

This example uses PSP's silver preset (found in the dropdown list at the top of the sculpture dialogue box, along with others that you could try). It looks rather like pewter.

If you like this effect, but find it a little dark, you can go to

Colours || Adjust || Brightness/Contrast

Try these settings
Brightness = 50, Contrast = 10
If this is still too dark, or too light, experiment with the settings until you are happy with the result.


Next we will add a cutout around the picture to give more depth. Make the background layer active and with the Magic wand

Match mode = RGB Value, Tolerance = 0, Feather = 0.

Click on the black border around the picture, to select it. The selection lines (commonly known as marching ants) should run around both the outer and inner edges of the border.

Go to Selections || Invert

The selection lines should now just run around the inner edge of the border.

Go to Layers || New Raster Layer
then go to Effects || 3D Effects || Cutout

Use these settings
Vertical Offset = 2
Horizontal Offset = 2
Opacity = 35
Blur = 27.5

Add another new layer and repeat the cutout, changing the Horizontal and Vertical offsets to minus 2 (-2) .

Deselect [Ctrl+D]


To finish off the frame, change the palette background to the colour used for flood filling the sinedots layer (or if you used sculpture, any colour except black).

Go to Layers || Merge || Merge All.
then Image || Add Borders

Add a symmetric border of 5 pixels. Select the border with the Magic Wand.

If you used sculpture on the sinedots frame, apply the same sculpture preset to the selected border. If you coloured it, go to Effects || 3D Effects || Inner Bevel and apply the Metallic preset.