~~ 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

 

Here's what we have so far (Screenshot 30):


Click here to open full size image

 

~~~ 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.

Thanks for stopping by Cathy's Corner!  I hope you enjoyed your visit...come back soon!