|

~~ PAGE 2 ~~

(Click on the above graphic for an
explanation of the FBN skill ratings.)
I would like to thank
Flutterby and Jill and Peggy, my fellow FlyByNight members, for testing this
tutorial for me! Thanks guys for for helping me get this thing
straightened out...
For this tutorial, I am
trying something new. I am including a minimal amount of screenshots
in the main tutorial and offering the option of a second window with all
the screenshots. If you feel you need lots of screen shots, click
here
to open a second window with all the screen shots for this page of the
tutorial. (If you think you'll need the screenshots, click the link
now so the page can load while you continue reading!) You can then
switch back and forth between the windows as needed. You can also
open this second window by clicking on the screenshot number (i.e.:
Screenshot 1). This option will be available on each page of the
tutorial.
|
~~~ DRESS ~~~ |
|
1. Change your background
color to white.
2. Change your vertical
guides to 120
and 230; and your horizontal guides to 250 and 350.
3. Add a new vector layer
(Layers/New Vector Layer)
and name it "dress".
4. Using your Preset
Shapes Tool set to
rectangle, draw out a rectangle using your guides for placement. We'll be
adding a design to our dress later...plain white would be so boring,
wouldn't it?
5. Change your vertical
guides to 95
and 265; and your bottom horizontal guide to 340.
6. Click on your Object
Selector Tool and click
Node Edit in your Tool Options window.
7. Drag the two lower nodes
up and out to the intersections of your guides.
8. Right click on the lower
left node and choose Node Type and then Curve Before.
9. Right click on the lower
right node and choose Node Type and then Curve After.
10. Each of your nodes now
has a "control arm handle". Pull each of these handles
down and toward the center of your canvas to get the bottom curve of your
dress. Try to follow the curve of your coat bottom - you'll be able to see
your coat while in Node Edit! (Screenshot
17)
|
|
~~~ LEGS ~~~ |
|
1. Change your vertical
guides to 140 and 180; and your horizontal guides to 350 and 410.
2. Add a new vector layer
(Layers/New Vector Layer)
and name it "left leg".
3. Using your Preset
Shapes Tool set to
rectangle, draw out a rectangle using your guides for placement.
4. Click on your Object
Selector Tool and click
Node Edit in your Tool Options window.
5. Change your lower left
node to "curve after" and your upper left node to "curve
before".
6. Move your nodes and
adjust the curve for the "calf" of your leg. (Screenshot
18)
7. Change your vertical
guides to 190 and 230.
8. Add a new vector layer
(Layers/New Vector Layer)
and name it "right leg".
9. Using your Preset
Shapes Tool set to
rectangle, draw out a rectangle using your guides for placement.
10. Click on your Object
Selector Tool and click
Node Edit in your Tool Options window.
11. Change your lower left
and upper right nodes to "curve before" and your upper left and
lower right nodes to "curve before".
12. Move your nodes and
adjust the curve for the "calf" of your leg. (Screenshot
19)
|
|
~~~ HAND ~~~ |
|
1. Move your
"dress" layer beneath your "left boot" layer and then
move both leg layers beneath your "dress" layer.
2. Change your vertical
guides to 250
and 300; and your horizontal guides to 260 and 290.
3. Change your background
color to peach.
4. Click on your top layer
and add a new vector layer
(Layers/New Vector Layer)
and name it "right hand".
5. Using your Preset
Shapes Tool set to hexagon, draw out a
hexagon using your guides for placement. (I chose hexagon so I wouldn't
have to add so many nodes - using the hexagon, they're already there.)
6. Click on your Object
Selector Tool and click
Node Edit in your Tool Options window.
|
|
7. Double click on one of your
nodes to activate them all. Right click on any of your nodes, click Node
Type and choose Symmetric. Right click again, click Node Type and choose
Cusp. Click on a blank area of your canvas to deselect your nodes.
8. Move your nodes around to
form your hand. Here's a screenshot showing how my nodes look, with an
inset of the finished hand. (Screenshot
20)
9. Move this layer to the
bottom - just above Layer1.
|

|
|
REMINDER:
 |
|
~~~ UMBRELLA and
HANDLE ~~~ |
|
1. Change your top horizontal
guide to 450 - leave the others as is.
2. Change your background
color to red.
3. Click on your top layer and
add a new vector layer
(Layers/New Vector Layer)
and name it "umbrella".
4. Using your Preset
Shapes Tool set to ellipse, draw out an
ellipse using
your guides for placement.
5. Click on your Object
Selector Tool and click
Node Edit in your Tool Options window.
6. Add three new nodes at the
top of your ellipse.
|
|
7. Double click on one of your
nodes to activate them all. Right click on any of your nodes, click Node
Type and choose Symmetric. Right click again, click Node Type and choose
Cusp. Click on a blank area of your canvas to deselect your nodes.
8. Move your nodes around to
form your umbrella. Move both side nodes to the top of your umbrella. Here's a screenshot showing how my
nodes look, with an
inset of the finished umbrella. (Screenshot
21):
|

|
|
9. Change your vertical
guides to 280
and 285; and your horizontal guides to 270 and 320.
10. Add a new vector layer
(Layers/New Vector Layer)
and name it "umbrella handle".
11. Using your Preset
Shapes Tool set to
rectangle, draw out a rectangle using your guides for placement.
12. Rotate your handle 10� to
the right. (Image/Rotate - made sure All Layers IS NOT checked.)
13. Move this layer beneath your
"right hand" layer.
|
|
~~~ CAT ~~~ |
|
1. Change your vertical
guides to 70
and 120; and your horizontal guides to 195 and 240.
2. Click on your top layer and
add a new vector layer
(Layers/New Vector Layer)
and name it "cat head".
3. Change your background
color to orange.
4. Using your Preset
Shapes Tool set to hexagon, draw out a
hexagon using your guides for placement.
5. Click on your Object
Selector Tool and click
Node Edit in your Tool Options window.
6. Double click on one of your
nodes to activate them all. Right click on any of your nodes, click Node
Type and choose Symmetric. Right click again, click Node Type and choose
Cusp. Click on a blank area of your canvas to deselect your nodes.
7. Move your nodes around to
form your cat's head. (Screenshot
22)
|
|
8. Change your vertical
guides to 80
and 110; and your horizontal guides to 230 and 260.
9. Add a new vector layer
(Layers/New Vector Layer)
and name it "cat paw".
10. Using your Preset
Shapes Tool set to ellipse, draw out an
ellipse using
your guides for placement.
11. Click on your Object
Selector Tool and click
Node Edit in your Tool Options window.
12. Double click on one of your
nodes to activate them all. Right click on any of your nodes, click Node
Type and choose Symmetric. Right click again, click Node Type and choose
Cusp. Click on a blank area of your canvas to deselect your nodes.
13. Move your nodes around to
form your cat's paw. Here's a screenshot showing how my nodes look, with an
inset of the finished head and paw. (Screenshot
23):
|

|
| 14. Move your "cat
head" and "cat paw" layers beneath your
"left sleeve" layer. |
|
REMINDER:
 |
|
~~~ BRAID ~~~ |
|
1. Change your vertical
guides to 125
and 150; and your horizontal guides to 180 and 290.
2. Click on your top layer and
add a new vector layer
(Layers/New Vector Layer)
and name it "braid".
3. Using your Preset
Shapes Tool set to
cc_braid, draw out a braid using
your guides for placement.
4. Rotate your braid 10�
to the right. (Make sure All Layers IS NOT checked.)
5. Duplicate this layer
and mirror your image for the right braid. (Layers/Duplicate;
Image/Mirror)
6. Move both braid layers
beneath the "hat brim" layer. (Screenshot
24):
|

|
|
~~~ BOW BACK ~~~ |
|
1. Change your background
color to white.
2. Change your vertical
guides to 115
and 155; and your horizontal guides to 250 and 260.
3. Click on your top layer and
add a new vector layer
(Layers/New Vector Layer)
and name it "bow back".
4. Using your Preset
Shapes Tool set to
rectangle, draw out a rectangle using your guides for placement.
5. Add another horizontal
guide at 230. (You should have three horizontal guides at: 230, 250, and
260).
6. Click on your Object
Selector Tool and click
Node Edit in your Tool Options window
|
|
7. Double click on one of your
nodes to activate them all. Right click on any of your nodes, click Node
Type and choose Symmetric. Right click again, click Node Type and choose
Cusp. Click on a blank area of your canvas to deselect your nodes.
8. Move your nodes around to
form the back part of your bow, using your top guide to form the "curve" of
your bow back. Here's a screenshot showing how my nodes look, with an
inset of the finished bow back. (Screenshot
25):
9. Play with your bottom
nodes to give your bow a flair of your own! I rounded my corners a bit.
10. Duplicate this layer
and mirror your image for the right side. (Layers/Duplicate;
Image/Mirror)
|

|
|
~~~ BOW ~~~ |
| 1. Change your vertical
guides to 110
and 155; and your horizontal guides to 225 and 245. (You can delete the
third horizontal guide.)
2. Add a new vector layer
(Layers/New Vector Layer)
and name it "bow".
3. Using your Preset
Shapes Tool set to
rectangle, draw out a rectangle using your guides for placement.
4. Add two nodes on both the top and
bottom of your rectangle, giving you a total of 8 nodes.
5. Double click on one of your
nodes to activate them all. Right click on any of your nodes, click Node
Type and choose Symmetric. Click on a blank area of your canvas to deselect your nodes.
6. Move the 2 center top nodes down
and the 2 center bottom nodes up - this is all that's needed to form
your bow.
7. Duplicate this layer
and mirror your image for the right side. (Layers/Duplicate;
Image/Mirror)
|
|
REMINDER:
 |
|
~~~ BOW CENTER ~~~ |
1. Add a new vector layer
(Layers/New Vector Layer)
and name it "bow center".
2. Using your Preset
Shapes Tool set to
rectangle, draw out a rectangle for the center of your bow, using your bow
as a guide.
(Screenshot
26):
3.Duplicate this layer
and mirror your image for the right side. (Layers/Duplicate;
Image/Mirror)
|

|
|
~~~ PUDDLE ~~~ |
| 1. Change your vertical
guides to 40
and 310; and your horizontal guides to 400 and 450. (You can delete the
third horizontal guide.)
2. Change your background color to
light blue.
3. Add a new vector layer
(Layers/New Vector Layer)
and name it "puddle".
4. Using your Preset
Shapes Tool set to star4, draw out a
star? shape using your guides for placement.
5. Double click on one of your
nodes to activate them all. Right click on any of your nodes, click Node
Type and choose Asymmetric. Click on a blank area of your canvas to deselect your nodes.
6. Move your nodes around and adjust
your control arms to form your puddle. (Screenshot
27):
|
|

|
| 7. Move this layer to the
bottom. |
|
REMINDER:
 |
|
~~~ RAINDROPS ~~~ |
| 1. Click on your top layer and
add a new vector layer
(Layers/New Vector Layer)
and name it "raindrops".
2. Using your Preset
Shapes Tool set to
a heart shape, draw out a several small heart shapes for your
raindrops, changing your background colors as you go.
3. Using your Preset
Shapes Tool set to
teardrop, draw out a several small teardrops for additional
raindrops, changing your background colors as you go. (Screenshot
28):
4. Send this layer to the bottom. |
|
~~~ RAINBOW ~~~ |
| 1. Open the "cc_rainbow.psp"
file you saved earlier.
2. Copy this image and paste as a new
layer in your "showers" graphic.
3. Use your Mover Tool
to move your rainbow into place.
4. Use your Deformation Tool
to "stretch" your rainbow out to a larger size.
5. Reduce the opacity for this layer
to 50%.
6. Rename this new layer
"rainbow" and move beneath your "hat brim" layer. (Screenshot
29)
|
|

|
|
REMINDER:

|
|
~~~ CAT'S FACE ~~~ |
| 1. Click on your top layer and
add a new vector layer
(Layers/New Vector Layer)
and name it "cat face".
2. Change your foreground color
to dark brown and your background color to null.
3. Use your Draw Tool
set at Point to Point, Line Width 1 Vector and Antialias both
checked and draw a mouth and whiskers for your cat and a line on
your paw.
4. Change your foreground color
to null and your background color to dark brown.
5. Using your Preset
Shapes Tool set to ellipse, draw out
a small circle for your cat's eye.
(Screenshot
31) |
| If you have PSP7, you
can duplicate your image and save the original in PSP format (make
sure you choose PSP7 Compatible in your save options). Close
the original and continue the rest of the tutorial with your
duplicate (make sure you save your duplicate with a unique file
name (ie: showers2.psp).
You will be able to open your
original at any time and change any/all of your vector
objects. Who knows - you might want a purple raincoat or a
black cat! LOL |
~~~
PAGE 3 ~~~

All
Art Work & Graphics Designed by Cathy
Copyright © 1999 -2003 by Cathy's Corner.
All rights reserved.
Revised: April 06, 2008. My pages are
designed to be viewed with IE 5.5
with a resolution of 800x600 or higher.
|