Home>Tutorials> PSP 8 Tutorials>
Beaded Curtain Using Custom Line Styles (1):
Creating Line Styles
E-mail this tutorial to a friendEmail to a Friend

Beaded Curtain Using Custom Line Styles (1): Creating Line Styles
Created by:Cassandrablue

In this tutorial we will learn how to make custom line styles and use the lines to create a beaded curtain. The tutorial is divided into two parts: Part 1 (this part) Creating Line Styles, and Part 2 The Beaded Curtain

Standard Toolbar - New (image) button

Pen Tool

Step 1

We will start by creating the two custom line styles. First we need to open an image: Go to File || New. PSP opens the 'New Image' dialog box.

It doesn't matter what size and type the image is, just open a size that you are comfortable working with. You can use it for testing out your line once you have created it. When your image is open activate the Pen tool.

1st line

On the Tool Options palette, click on the 'Line Style' window to open up the dropdown list. If it isn't already selected, select the '+Solid' line (at the top of the list), then click on the 'Custom' button. It is in the bottom right corner on the dropdown list.

We are going to edit this line. When we have finished editing, we will save it as a new line by clicking the 'Save as New' button.

Don't click the 'Save' button yet, we don't want to overwrite the '+Solid' line!.

OK, I know that's obvious, but I just want to make sure that no one does it by accident. ;-)

Step 2

The length of the dashes and spaces and the caps mentioned in the following steps were what I used to create the beaded curtain in this tutorial. Feel free to experiment with them, I'm sure you can come up with lots of variations of your own.

To make a dash for the first section of our line, click on the 'Add' button. A slider will appear just under the ruler. When this slider is active, it is highlighted in green. The position of the slider governs the length of the dash, moving it to the left makes the dash shorter and to the right makes it longer.

We will make the dash 15 pixels long, so put 15.00 in the 'Length' box (alternatively you can drag the slider to the 15 pixels point using the ruler as a guide).

Click on the 'Add' button again. A new slider will appear. The new slider is now active and the previous one is grey. This time the slider is highlighted in red (green for dashes, red for spaces).

Only one slider is active at a time, if you want to adjust the position of a slider that is not active, click on it to make it active.

The position of this slider determines the length of the space. We are going to make a space of 15 pixels. Put 15.00 into the 'Length' box, the slider will automatically move along the ruler by 15 pixels. (I have moved along the ruler for the screenshots, so that you can see where the new sliders are.)

(If you prefer, you can do it the other way around: add 15 [the length we want the space to be], to 15 [the length of our first dash], making 30, then move the slider to 30 on the ruler. The number in the 'Length' box will change automatically.)

Step 3

Next we will add a shorter dash (8 pixels). Click on the 'Add' button, then put 8.00 in the 'Length' box.

We'll add another space of 15 pixels here, so click on 'Add' and put 15 in the 'Length' box.

If you have used the same measurements as I have, the line in the preview window should look something like the one shown here.

Step 4

Now we will add caps to the segments of the line:

Put a tick in the 'Different segment caps' box, we can then put different caps between the dashes than on either end of the line.

In the section for 'First cap', click on the dropdown window section to open up the list of available caps.

Select the 'Fleur De Lis', then click on the 'Size' button. Tick the 'Link Axes' box (unless you want to make the height different to the width). Make the width 1.40.

In the section for 'Last cap', choose the 'Fleur De Lis' again, but make the size 2.00.

Step 5

Next we will put caps in between the segments. For the 'Segment start' choose the 'Ball' size 1.70, and for the 'Segment end' choose the 'Ball' size 2.30.

This is the line seen in the preview window.

Now click on the 'Save as New' button and give it a name that is individual, you don't want to overwrite any existing lines.

This is the line we will use to make the strings of beads.

Step 6: 2nd line

Now we will make a custom line to create the bar for hanging our bead strings from, this one will be much simpler: Change the line style back to '+Solid line' and click on the 'Custom' button.

We don't need to add lines or spaces this time. For both the 'First cap' and the 'Last cap' choose the Football and make the size 5.00 (feel free to choose different ends and sizes if you want to).

Click on 'Save as New' and give it a name.

Now you can try out your lines on the image that you have open. For the screenshots, I have flood-filled the image with White and am using Black as my foreground colour.

Add a new raster layer and activate the Pen Tool. On the Tool Options palette, use these settings:
Contiguous = unchecked
Create as vector = unchecked
Simple mode = checked
Mode = Drawing Mode
Segment Type = Line Segments
Line style = choose 1st line that you created
Width = 4 (or whatever thickness you want your line to be)
Antialias = checked

Left-click on your image and drag in whatever direction you want to, making the line any length that you like. In the screenshot the line is drawn in three different widths.

There are also examples shown here of some other line styles that I created in the same way, using different lengths for the lines and spaces and with different end caps. Have some fun experimenting for yourself!

You can now close the image and we will go on to Part 2 and create a beaded curtain with our new lines.