'Me'
Page 5




Step 40
FEET
the 'chair stand base' is active.

Add a new layer named 'feet'.

Activate the 'freehand' tool 
Make sure tool options is still set to 'point to point' and check mark the 'Antialias' box.

Click out an outline like the image below for a foot - what ever shape you want.

Switch to the flood fill tool   and set the color to a fleshy tone color.  I used FFE7CF.

Flood fill the foot;.

Use copy/paste ( Ctrl & C,   then Ctrl&E);  from the Image menu, choose 'mirror' and move the foot where you want it.  I try to make sure they aren't exactly even as to how much is exposed.
                  

use the rectangle selection too to draw a selection around both feet AFTER making sure that 'Antialias' is UNchecked in the tool options box;  click once to set the selection.

Change the color to a rosier tone (I used FFDBCF);  click on the paintbrush and set the tool options according to the image.
                    

Use the outer side of the paintbrush out line around the edge of the foot for dimensional purposes.

IF YOU DO NOT INTEND TO ANIMATE YOUR IMAGE, JUMP DOWN TO STEP 41
In the layers palette, right click on the feet layer and choose duplicate;  then right click on the 'Copy of feet' layer and choose duplicate again.

Use the rectangle selection tool to grab a foot on each layer and then click on the 'deformation' tool  (as used in Step 16 on Page 2)    to rotate the feet on each layer just a little on the 'copy of feet' layer and the 'copy of copy of feet' layer.  No need to rotate feet on the 'feet' layer.

This chart is an exaggerated rotation as an example;  I don't rotate the feet this much and I use a different pattern on the skirted image with only one foot moving and hiking of the skirt as a last step for the skirt image.  Also, on the skirted image, I put the feet layers above the skirt layer and only use one little foot wiggling around.
SAVE file.
 
 

Step 41
FINGERS
This one will drive you nuts because each of the 3 finger layers have to be made individually if you intend to animate you image.

Activate the 'computer' layer in the layers palette and add a new layer named 'fingers'.

Using the 'draw' tool , set the tool options as below and the color options as below.
                    

Images are zoomed so you have a better chance of seeing them, you do not need to zoom your image to work.
Start a finger at the crosshair point and drag into the sleeve area;  go to the next crosshair point and drag a second finger into the sleeve area; then the 3rd position for the left finger and the 4th position for the last finger for this layer.  I know, you can barely see them even after they are drawn
                                

Use the rectangle selection tool to drag a selection around the keyboard and click once to set the selection of all four fingers.

Add a drop shadow using the settings below.
               

Now your image should look like this

IF YOU DO NOT INTEND TO ANIMATE YOUR IMAGE, JUMP DOWN TO STEP 42.

Add a new layer and name it 'fingers2'.

Leaving 'fingers' layer unhidden so you can see where the fingers are on it,  use the examples below for placement of the finger on the second layer;  select all;  invert and drop shadow as on the previous layer.

                        

Add a new layer named 'fingers3';  use placement examples below to place fingers (the idea is to start them somewhere that one isn't already starting and you can best see that in your own image rather than the examples);  select all;  invert and drop shadow as on the previous layer.

This is what your layers palette will look like excluding the images with the red X's (Red X's imply that layer is hidden/not visible).

Deselect.

SAVE file.
 
 

Step 42
Adding the name to the chair is easy.  Put a first name on it and that reduces the number of people who can come along and download your work to use on their own pages;  put both names on it and that almost illiminates the number of people who can come along and steal it for their own use.
A nice thing about the internet is that you can create something and give it away to a thousand people and still have it for yourself - but when I create for the purpose of having something unique to my site - it really infuriates me for someone to drop by for a visit and steal it or take it and then ask if it's okay.  Some people just have no idea of how many hours you put into one dinky little graphic!  Sorry - touchy subject!
You need to activate the 'seat back' layer and decide whether you want to add a new layer or not.

At this point, unless you plan to use the same image repeatedly and change the name - it really doesn't matter;  it you're not certain about the spelling and think you might have to do it over, add the new layer and name it 'name' - done made that goof once and had to squeeze the missing letter in.

Grab your 'text' tool and set your color palette.
                                      

Click in the center of the seat back.
In the text editor, choose your font and then type in the name for the ME image;  click OK.

Name is selected so you can move it where you want it.

Next add a drop shadow using the settings below.
                    

Now, your image is complete unless you want to add the optional step below.

SAVE file.
 
 

Step 43
Image is finished.
Now, zoom out in the view by 1.

Using the rectangle selection tool, drag a line very close to the image.

Crop the image to the selection.

change the view back to Normal.

This should be about the right size you will end up with.

 
 

Step 44
(Optional step)

Because of the decompression that takes place when you make what is referred to as a 'transparent image', you may want to:
Activate 'Layer 1' at the bottom and add a background before animation as I did in the animation below.
SAVE file.

Others I have made:
                
 
 
 

Ready to animate?

When finished, close window.

Zipped tutorial in PDF format . . . 3,158KB


1       2      3       4      5

Tutorial by CSGreen
written March 1st, 2002

* I do not generally compress my graphics but for the sake of loading time - the tutorial graphics are compressed!