Animated Nesting Santas
 


 

Please read my Terms of Use if you have any questions.
The layout of this tutorial is set for 1024 x 768
All images are the sole property of © Designs By Astro
Do not copy, reproduce or send through email
without my prior written permission. A link is
always welcomes and appreciated though!!
All rights reserved.

The image/images you make using this tutorial
is your property to do with as you wish.

If you have any questions or need further help you can
Email me

This is my version of the Russian nesting dolls. I have made other types that are not of a Christmas nature such as a
snowman and cute children but for this lesson we will be learning how to make the Santa. Once you learn how you
can make other types using the same basic steps as the Santa is made.

All screenshots are at 100% unless otherwise noted.

This tutorial will teach how to make the Santa and how to animate him.

I assume you have a good working knowledge of PSP and some experience using Animation Shop.
I will be using PSP 7.04 but other versions should work as well as long as you are familiar with the tool locations.

Remember to Save often, I will not remind you in this tutorial!!

Let's get started.

1.) Open a 300 x 450 transparent. Note you may wish to flood fill layer 1 with a color so that you can see better, it
can be removed later.
Set your background color to a pretty Santa suit red. I'm using #B64040 . Foreground should be turned off.

2.) Let's do a little vectoring *L* Preset Shapes set to Ellipse, create as a vector and antialias both checked, solid
line.

Draw out a fat oval close to the bottom of your canvas. Object Selector, right click on your canvas, chose Node Edit.
Pull up slightly on the top node to create an egg shape something like this...

Convert to Raster, rename to santa body.

3.) Change your background color to a skin tone. I'm using #EFDEC3.
Same Preset Shapes, draw out Santa a circle head. *L*
Convert to Raster, rename to head.

4.) Now before we make Santa a hat let's do his face and some of the other detail work.
Add a new layer naming it face. Set your foreground color to white and close your background color. Draw Tool set to
Bezier Curve, line width 2 or 3, solid line, antialias checked. Zoom in on your face. About where you think Santa's brow
would be for the left side, draw out a line, pull upwards on the left side handle and down on the right side handle.
You should have something that looks like the ~ on your keyboard. Now move this ~ to the right side. (if were to leave
it on the left it would make santa look angry and we don't want an angry Santa.) Duplicate the layer and move into position
on the left side.

5.) Set your foreground color to black, add a new layer naming it eyes. With your Paint Brush tool set to round, size 5,
Hardness, Opacity, and Density all set to 100, Step set to 25... dot Santa a couple of eyes just under his brows. You
should have something like this now...

6.) Now let's make Santa a cute nose. Add a new layer (as you can see I like to add all my things on a separate layer
so that I can move them around later if needed. *L*)
For his nose I decided to use the draw tool set to Bezier Curve, line width 1, Antialias checked, color set to a slightly
darker color than my skin tone. #E9CEB3 I drew out one nostril by pulling up on the two bezier handles. I then copied
and pasted the nostril as a new selection to the other side.

7.) I also added a new layer and used the same settings for the nose to make him some cheekbones.

8.) I then added a new layer and moved it under my cheekbones and switched to a nice rosy pink color ( #FFC0C0 )
for my foreground. I used the Airbrush set to the settings below to spray a little color under his cheeks....

You can use Gaussian Blur if you feel you need to, but I didn't. This is what my face looks like...

9.)  Add a new layer, (now you know you can name these layers but I have to admit I'm bad about not naming my layers *L*).
Set your foreground color to White. Airbrush Tool to the setting used for the blush on the cheeks. Spray a beard and some
hair on your Santa's face. This is what I have now...
Zoomed in on this screenshot.

10.) Set your background color to the skin tone you used on the face. Preset Shapes set to the same settings as before
except  use the Preset Heart 1 shape and make Santa's mouth something like this...

Select and Float your mouth, apply a cutout using these settings with this shadow color #FF8080 ....

11.) You can now do any adjusments you want to Santa's face so that you have him looking like the sweet lovable old
man we all know. Feel free to add more detail to his face giving him wrinkles or whatever you would like to do. Once
you're happy Hide Layer 1 and your body layer, merge your face layers visible, rename to face.

12.) The Santa hat comes next. Change your background color to the lovely red we used for his body. #B64040
Preset Shapes same as before set to Ellipse. Draw out an oval on the top of Santa's head and start shaping it to that
familiar Santa hat. Here is the way I set my nodes...

Convert to Raster once you're happy, rename to hat.

13.) Set your foreground color to a light gray. I'm using #DDDDDD
Airbrush  Tool to these settings...

Add a new layer, start spraying an area to make the trim around the hat. Once you've put a nice coat of the
light gray on change the color to white and add a couple quick sprays on top of the gray. Once again I didn't blur
mine. Look at the screenshot below to help you.

14.)Add a new layer. With the Airbrush set to the above settings except change the size to 35. Foreground color back
to the gray, spray a circle of color for the ball on his hat. Change to white and add some highlights to it as well.

15.) Make your body layer your active layer. Select and float it, add a new layer. With the Airbrush set to the settings above,
foreground color set to the gray, spray a long area down the middle of Santa's body to about half way (where you would visualize
Santa's coat stopping.) Now change your color to white and spray some highlights on the gray. This is what I have now...

16.) Change your background color to the body red, foreground turned off. Preset Shape to the settings used to make the
body. Draw out a long oval, we will make the arms with this. Use Node Editing to shape the arm around Santa's body
something like this...

Convert to Raster, rename to left arm.

17.) Select and Float the arm and apply a cutout using these settings...

18.) Copy, paste as new selection, mirror and move the arm into position on the other side.

19.) Add a new layer. Set your foreground color to the gray we used for the coat and hat trim. Use the Airbrush settings
used for the hat and coat to spray the arm trim. Change to the white and add a couple sprays just like you did for the
coat and hat.

20.)  Make your arm layer your active layer. Set your background color to white. Preset Shapes same as for the arm.
Draw out a circle, use Node Edit to shape the circle into a mitten for Santa's hand. This is the way mine looks...

Convert to Raster, copy, paste and mirror to the other side. Move this layer below your arm layer, rename to mittens.

21.) Make your hat layer your active layer, Select and Float it. Now apply the same cutout to your hat as you did for the arm.
Deselect it.

22.) All we have left now to do is to make Santa's belt. Set your foreground color to black, background color off.
Set your draw tool to these settings....

Add a new layer and draw a line across the belly of your Santa making it overlap the edges a little. Pull down on the handles
to create a slight curve that sort of follows the curve of the fur on Santa's coat. Select and Float your body layer, Invert the
selection, make your belt layer active and hit the delete key on your keyboard to remove the overlapping edges on your
belt. Select none.

23.) Foreground color should be black. Preset Shapes to these settings...

Draw out a rounded rectangle for Santa's buckle. Convert to Raster, this is what you should now have...

24.) Merge all layers visible. Use the crop tool to remove some of the unused area around your Santa. Export as a tube.
You can close out the original now. This tube can be used in lots of ways, one way I've used it besides animating it
of course is to add a nice string and use it as a tree or wreath ornament. I bet you can think of lots of other ways to use
it also.
 

Ready now for putting the Santa together to animate him? *L* This will be the hardest part of the entire tutorial so let me
recommend if you've worked straight through to this point that you take at least a short break before continuing, it can get
a little confusing from this point on.

Follow the next steps very carefully in order to have your Santa look as if the head flips up and the smaller Santa pops out!!

First I'm going to show you what each finished layer should look like. Take the screenshots into PSP with you as you
work on each layer if you'd like.
This is the finished layer palette screenshot....

The next 5 screenshots are resized by 80%.
Let's look at what is on the layer named Santa 5 first because it is the first layer we will be working to make...

The next layer we work on will be Santa 1. This is a screenshot of what the finished Santa 1 layer should look like...

Next is Santa 2 layer and what should be on it when finished...

Moving now to Santa 3 Layer...

Last is Santa 4 Layer...

Now let's move on to making the layers.

25.) We will be working with 3 different sizes of our Santa. Open a 400 X 200 transparent, add a new layer, Flood fill this
layer with the color background you wish to use, I'm using white. Add another new layer naming it Santa 5.
Open your Tubes and find your Santa you made, scale the size of your Santa so that it fits the height of your new canvas. I was
able to size my to 50% but you might need to go larger or smaller depending on the original size of your Santa. Place this
Santa to the far left of your canvas leaving a tiny space to the left, top and bottom.

26.) Copy and paste as a new selection the first Santa. While still selected, Go to Image, Resize with these settings...

Sharpen if needed, move into position on the right of the first Santa aligning it as best you can. Deselect.

27.) Paste one more time the first Santa which should already be on your clipboard. Resize it with the settings above
except set the percentage of the original to 90. Sharpen and move into positions.

This layer helps us set how much room we need for our finished animation but this will actually need to be our top layer
on the finished image to be animated.

28.) Use your Crop Tool to remove the unused area that is to the right of your Santa 5. Hide Layer1 and merge the
background and Santa 5 layer visible, rename to Santa 5. Hide this layer for now.

29.) Make Layer 1 your active layer. Add a new layer, flood fill this layer with your background color. Add a new layer
named Santa 1. Bring up your Santa tube again scaling it to the same size as your largest Santa. (mine was at 50%)
Click to place the Santa on the far right of your canvas. Watch your top, bottom and side spacing.  Go to Layers,
Duplicate, rename this layer to Santa 2, hide this this layer and layer 1.
Go back to Santa 1 layer, merge this layer and the background layer visible, rename to Santa 1. Hide it for now.

Zoom in when you need to!!

29.) Add a new Layer, flood filling it with your background color. Make Santa 2 layer your activelayer. Click on your
Selections Tool set to Rectangle, Feather 0, antialias UNchecked.
Draw the selections box around your Santa down to just below his belt so that all you have UNselected is the bottom
red area only.
Copy the selected area and paste as a NEW IMAGE. We will need this in just a few but first go back to your original
canvas to the selected Santa. Hit the delete key on your key board, this will remove the top half of your Santa leaving only
the bottom red portion. Select None.

30.) Use the selection tool, same settings as above, select the top portion of your bottom like this....

Copy and Paste as a new selection. Leave selected, click on the Deformation Tool, bring in the sides just a little.
Set the Deformation by clicking on your Mover Tool. While still selected go to Colors, Adjust, Brightness/Contrast, set
the Brightness to -10 and the contrast to 0. Select None. This will give you a small lip area so that it will look as if your
Santa head would have fit down over it like a top.

31.)  Make your background layer your active layer. Add a New Layer, no need to name it really we will merge it with the
other layers in just a few. Bring up your Santa tube, set the size to your largest Santa size (50% is mine) Place the Santa
tube on the canvas so that you can clearly see it. Go to Image, Resize, set the size to 95% (like you did for your middle
sized Santa). Sharpen the Santa once. Position this Santa so that he looks like he is sitting inside the bottom half of the
Santa you chopped the head off of. *L*

32.) Now remember the head of the Santa we chopped off and set aside? Activate that window, copy it, now activate
your Santa 2 layer, paste the head as a new layer, click on your Deformation Tool and rotate the head to the left so that it
looks like it is flipped over. Move into position so that it is touching the corner of the bottom of the Santa on your other layer.
Set the deformation by clicking on the Mover Tool. Sharpen once. This is what you should now have....

33.) With all layers hidden except Santa 2 layer, background layer and the nestled Santa layer, merge them visible and
rename to Santa 2. Hide the Santa 2 layer.

34.) Add a new Layer, flood fill with your background color. Add another layer naming it Santa 3. Using the Santa tube
scaled at the largest Santa size (50% was mine) click to place your Santa on the canvas. Close to the middle is fine.
Copy this layer and paste as a new selection. While still selected Resize it to 95 %, then sharpen once. Move the two
Santas around so that they are on the far right side about equal distance apart. Deselect, you should have something
like this...

Duplicate this layer, rename to Santa 4, hide this layer for now. Go back to Santa 3 and merge it visible with your
background layer, rename to Santa 3.
.

35.) Add a new layer, flood fill with your background color. Make Santa 4 layer active, click on your Selection
Tool, same settings as we've used. I want you to use the selection tool to select the head of the smaller Santa (the one on
the far right ) just like you did in Step 29 above. Make sure you only select the one Santa, don't let the selection wander
off onto the other Santa at all.
Copy and paste this chopped off head as a New Image like we did the other one. (Note you can close without saving
the first chopped off head so you won't get them confused when we go to paste the head back on). Deselect the
area, then reselect just the top portion of the bottom of the Santa like we did in Step 30 above. Copy and paste
this selection as a new selection. Leave selected and use the Deformation Tool to move it in slightly like you did
before to make the lip on the bottom part of the Santa. Apply the brightness setting used in Step 30. Deselect.

37.) Your chopped off head should still be on your clipboard but if it's not make that window active, go to Edit, Copy.
Go back to Santa 4 layer and paste this head as a new selection. Keep selected and use the Deformation Tool
to rotate the head, place it where it touches the side edge of your bottom. Deselect.

36.) Add a new layer, move this layer below your Santa 4 layer. Use the Santa tube to place a Santa on this layer
(same size as we've been using for our tubed Santa). Resize this Santa to 90% (this is our smallest size Santa we
are using). Sharpen once after resizing, move this Santa so it appears to be nestled inside the bottom of the chopped off
Santa, it should be behind the rotated Santa head. This is what you should have...

Hide layers Santa 1, Santa 2, Santa 3, Santa 4, do not hide layer 1 this time. Merge visible the rest of your layers.
rename to Santa 4. Your Layer Palette should now look like mine did above and the screenshots of what each of my
5 layers looked like above.

37.) Save as a PSP file naming it Santa.

38.) Now open Animation Shop. Go to File, Animation Wizard. The next screenshots and text will show what the animation
boxes should be set on.


Next window set to opaque.

Next window...

Next window "repeat animation indefinitely" should be selected.
Set frame display to 40.

Next window. Click on Add Image. Find the Santa.psp you saved.

Click next on the next window.

You should now be back in Animation shop. Go to View, Animation. This will show you what your animation will look
like.

40.) Last step is to save the animation. Go to File, Save As. Name your animation and click next, set "Quality" to
best, click next on the two boxes until you get to the size box showing what your animation will be. Make sure the
Optimized file size is below 100k. Mine is 76k. If yours is larger than 100k you can go back and set the Quality down
some so that you will have a smaller file size.

That's it, you now have an animated Nesting Santa!! *LOL* This was a difficult tutorial to follow but I tried to make it as
painless and clear as possible. Give yourself a big pat on the back if you toughed it out and made it through!!
 

Until next time, God Bless.
Connie
 
 

Designs By Astro      Index of Tutorials
 

Tutorial written October 22, 2002
© Copyright 2002 Designs By Astro
All rights reserved.