|


(Click on the above graphic for an
explanation of the FBN skill ratings.)

WARNING - AS WITH
MOST OF MY TUTORIALS, THIS ONE IS GRAPHIC INTENSIVE. I HAVE
USED MANY SCREEN SHOTS ALONG THE WAY.
I'M TRYING
SOMETHING NEW FOR THIS TUTORIAL. I'M USING THUMBNAILS AND A NEW SCRIPT THAT I
HOPE WILL REDUCE THE LOAD TIME OF THE PAGES. IF YOU CLICK ON ANY OF
THE THUMBNAILS A LARGER IMAGE OF THE GRAPHIC WILL OPEN. YOU CAN DRAG
THE NEW IMAGE BY CLICKING AND HOLDING ON THE TOP BAR. CLICK ON THE X
TO CLOSE THE LARGER IMAGE.
We will be working with vectors
Here are the tool options which I
always have available in my standard toolbar:
They are from left to right:
Tool Palette
Tool Options Window
Color Palette
Layer Palette
If you do not have these tools active, activate them now.
Open a
new image 400x400, 16 million colors, transparent background.
Save this image as angel.psp to a folder on your hard drive. Now
you can save your image at any time by holding down your control key and the letter s. I will be
reminding you to save your image throughout the tutorial.
Add a new vector layer. (Layers/New Vector Layer.)
Name this layer "head"
Change your foreground color to black and your background color to null.
Click on your preset shapes tool, click on ellipse, and use the following
settings:
Starting at coordinates 200,175, use your right mouse button (this allows you to draw your circle
from the center out)
and hold down your shift key (this forces a perfect circle)
draw a circle approximately 260 pixels in diameter.
Selections/Select None.
Starting at coordinates 200,210,
use your right mouse button (this allows you to draw your circle from the center out)
and hold down your shift key (this forces a perfect circle)
draw a circle approximately 190 pixels in diameter
The bottom of this circle should meet the bottom of your first circle:

(click to view larger image)
NOW WOULD BE A GOOD TIME TO SAVE YOUR IMAGE (CTRL +S)
Click on your Object selector Tool:
In your Tool Options window, click on Node Edit. Your image will look like
this:

(click to view larger image)
Randomly add nodes around your circle by holding down your control
key and clicking with your left mouse button. You'll need to add
a few at the bottom and a lot at the top. (Don't worry - you can't add too
many - in fact, you'll probably have to add more later!) Notice that while adding my nodes, I lost my perfect "circle", this is fine:

(click to view larger image)
Now we want to repeat this process on our larger circle. With your
Object Selector Tool, left click on your outer circle to make it
the active vector object. As we did with the smaller circle, add
some nodes:

(click to view larger image)
NOW WOULD BE A GOOD TIME TO SAVE YOUR IMAGE (CTRL +S)
Now we want to edit our nodes. Click on the Node Edit button and the nodes on your larger circle will
become visible. (In case you lost them switching between PSP and the tutorial.)
Left click on your canvas to the left of, and above, your circle. Holding down your mouse button, drag
your cursor to the bottom right
of your canvas, so that you have surrounded your circle. All your
nodes will now be black:

(click to view larger image)
Left click on any of your nodes and choose Node Type/Symmetric. Left click again and choose Node
Type/Cusp. This will change the properties of all your nodes at once, which is so much easier than changing
them one at a time, then click anywhere on your canvas to "unselect" your nodes.
By changing all our nodes we have more control over the angles: we can
adjust each side of the node separately. When you click on each node, you will see
two "tails"; one has a circle at the end and the other has an arrow. By shortening/lengthening and
moving these tails, you will form the different angles we need to form our "outer" hair.
Now let's left click on individual nodes and move them to form our angel's hair. Start working on either side
of your head and edit your
nodes to form the tufts of hair.

(click to view larger image)
Remember when I told you that you'd probably need to add more nodes? Add more nodes as needed by
holding down your control key and left clicking along your circle.
Repeat the process we used to change our node type:
Left click on your canvas to the left of, and above, your circle.
Holding down your mouse button, drag your cursor to the bottom right
of your canvas, so that you have surrounded your circle. All your nodes
will now be black. Left click on any of your nodes and choose Node
Type/Symmetric. Left click again and
choose Node Type/Cusp. This will not affect any nodes you have already edited.

(click to view larger image)
Continue editing your nodes until you are happy with your "hair":

(click to view larger image)
NOW WOULD BE A GOOD TIME TO SAVE YOUR IMAGE (CTRL +S)
Now we'll edit the nodes on our smaller circle. Click on your Object selector Tool, then click on your smaller
circle.
In your Tool Options window, click on Node Edit.
Repeat the process we used to change our node type:
Left click on your canvas to the left of, and above, your circle.
Holding down your mouse button, drag your cursor to the bottom right
of your canvas, so that you have surrounded your circle. All your nodes will now be
black. Left click on any of your nodes and choose Node Type/Symmetric. Left click again and choose Node
Type/Cusp.
Using the same method we used on the first circle, edit your nodes to form the bottom of your face and the
inner hair line around your "face". We need to line up our bottom nodes so that the bottoms
of both objects meet EXACTLY. Zoom in on your image at a 3:1 ratio, so that the chin area fills your canvas:

(click to view larger image)
Move the bottom nodes until your bottom lines are exactly the same:

(click to view larger image)
If you find that your nodes are getting too crowded, left click with your
mouse and "surround" the top nodes and drag them all up to give yourself more room to work:

(click to view larger image)
Continue to edit your nodes until you have formed the tufts of hair
around your face:

(click to view larger image)
Are you absolutely stumped? Are you sick and tired of editing your nodes
and not getting the right angles? Okay, okay, here's some help: click
here
to download an image with the basic outline of my angel. Open this
image in PSP, copy and paste as a new layer on your angel image. Move this layer to the bottom of your layer palette. With your mover
tool, line this up as close as possible with your image. Now you can
use this as a guide for editing your nodes. Keep playing with your
nodes until you are happy with the "look" of your head.
By this time you should be pretty good at node editing! I think you've
done a great job so far - after all, you are still here!
NOW WOULD BE A GOOD TIME TO SAVE YOUR IMAGE (CTRL +S)
Add a new vector layer. (Layers/New Vector Layer.)
Name this layer "body"
Click on your preset shapes tool and choose dodecagon. Why dodecagon?
Just because it's a shape I hardly ever get to use! (Plus it adds quite a few
more nodes than the ellipse.) Starting at coordinates
200, 135, use your right mouse button to draw your dodecagon so
that it is approximately 100 pixels wide by 65 pixels high. This doesn't have to be exact, it's just a
guide: we're going to be changing the size with node editing:

(click to view larger image)
Repeat the process we used to change our node type:
Left click on your canvas to the left of, and above, your circle. Holding down your mouse
button, drag your cursor to the bottom right
of your canvas, so that you have surrounded your circle. All your nodes will now be black. Left click on
any of your nodes and choose Node Type/Symmetric. Left click again and
choose Node Type/Cusp.
Now we want to edit our nodes to form our Angel's body. You can add nodes as needed by holding
down your Control key and left clicking on
your vector shape. (Remember to change your node type whenever
you add new nodes or you won't be able to edit them to get the
angles you want.) You want to end up with a shape similar to this:

(click to view larger image)
NOW WOULD BE A GOOD TIME TO SAVE YOUR IMAGE (CTRL +S)
Click on your preset shapes tool and choose ellipse. We're going to add our arms. Draw two
ellipses as shown below. Remember, you
don't have to be exact (that's the joy of vectors):

(click to view larger image)
We're going to form each arm by editing our nodes.
Repeat the process we used to change our node type for each ellipse.
(You can change the active ellipse by clicking on it with your
object selector tool.):
Left click on your canvas to the left of, and above, your ellipse.
Holding down your mouse button, drag your cursor to the bottom right
of your canvas, so that you have surrounded your ellipse. All your nodes will now be black. Left click on
any of your nodes and choose Node Type/Symmetric. Left click again and
choose Node Type/Cusp.
Edit your nodes until you end up with something similar to this:

(click to view larger image)
NOW WOULD BE A GOOD TIME TO SAVE YOUR IMAGE (CTRL +S)
Add a new vector layer. (Layers/New Vector Layer.)
Name this layer "cloud"
Click on your preset shapes tool and choose ellipse. Starting at coordinates
200, 370, use your right mouse button to draw your ellipse out to an approximate size of dodecagon so
that it is approximately 210 pixels wide by 45 pixels high. This doesn't have to be exact, it's just a guide, since we're
going to be changing the size with node editing:

(click to view larger image)
Add more nodes and edit them to make your ellipse resemble a cloud.
(Don't forget to change your node type to Symmetric, then Cusp)
Line up your top nodes so that you overlap your body shape EXACTLY:

(click to view larger image)
NOW WOULD BE A GOOD TIME TO SAVE YOUR IMAGE (CTRL +S)
Add a new vector layer. (Layers/New Vector Layer.)
Name this layer "wings"
Click on your preset shapes tool and choose ellipse. We're going to add our
wings. Draw two ellipses as shown below. Remember, you
don't have to be exact (that's the joy of vectors):

(click to view larger image)
Add more nodes and edit them to make your ellipse resemble a wing.
The inner portions of your wings won't show in your finished graphic,
so don't be too concerned about them.
(Don't forget to change your node type to Symmetric, then Cusp)

(click to view larger image)
Repeat the above step for your second wing:

(click to view larger image)
Move your wing layer below your head layer. (Left click on your wing layer
in your layer palette and while holding down your mouse button
drag this layer down to the correct position.)
NOW WOULD BE A GOOD TIME TO SAVE YOUR IMAGE (CTRL +S)
Are you happy with your basic shapes? No? Well, now's the time to make
any adjustments you want! Yes? Good - you'll be happy to know that we're
done with node editing!
(Okay - stop cheering and let's finish this up!!!)
On to Page
2....
All Art Work & Graphics
Designed by Cathy.
Copyright © 1999-2008 by Cathy's Corner.
All rights reserved.
Revised: April 06, 2008.
|