Hello and welcome to my animation tutorial.

This is just a simple page to help you animate a few pictures, and I Squid am here to help you along the way. Now Sara has taught me everything I know and I will pass it along to you. I would like to say however, Sara is not that good at animation, she just knows a few things, so this will be in the simplest form, since she doesn't know any of the terms or actual awesome tricks. Just enough to get by

Sooooo if you're ready click start to begin, but if your too scared click back.

Wow! I'm shocked! You're all ready to get started? Awesome! Sara would be so proud of you. Anyways always the number one thing to do is to get to know your program, and in this tutorial we are going to us JASC'S Animation Shop. Even if you've never used this program or any others please try and mess around a bit, play with the program and get to know the different settings.

END

All done! Thank you for coming to my tutorial and I really hoped this helped you. If you have AAANY questions please mail -(Sara)

Bleeding_marker

Please don't steal any images on here and claim them as your own, you wouldn't want Sara to be Sad…

LINK


START

First we are going to get a picture to animate. Sooo since I'm the star of this tutorial, why don't we use a smaller picture of me. This is just a simple blinking animation I'm going to go through with you.


FULL

HALF

CLOSED

If you don't know, animations works by creating EACH picture between the movements of your animation. So for a Blinking picture, we will have a open eyes, half closed, and then fully closed eyes. Each is a separate image and we are going to animate them together to become one. YES YOU MAY USE MY IMAGES TO HELP YOU WITH THE TUTORIAL IF YOU FOLLOW ALONG.

Now that you have your images, save them as individual images in a place you won't lose them.

BEGINING

So We open our program! Such as JASC Animation Shop. This is what it looks like

Either click FILE - open
And bring in your first "open" eyed picture.

Or copy the same picture in PAINT and click EDIT – paste – as a new animation.
(I like this one just I hate searching through images)

ANIMATE


Now that you have you have your first slide in place, we are going to add in the other pictures.

Click ANIMATION - insert frames – from file

Click add file, and insert the "half blinking picture" or whatever slide comes next in your animation. Click insert before 2. Not one, or this will put the next image before your first slide. I also just copy the image in PAINT and paste it AFTER CURRENT FRAME or Shift+ctrl+L.

Now that we have that in-between image in we are going to add the fully closed eyes, using the same method as the last step. Insert the next image after the last slide and you will have them all in sequence

Click View animation


in the upper right hand corner.

OH EW! IM BLINKING WAAAY TO FAST! Unclick the view animation button to make it stop! That is because the default time between each slide is D10. You can see this located at the bottom of the sides.

Click onto the FIIIIRRRST slide, the fully open eyes one so that it's the only slide highlighted in blue. Then right click the slide. Scroll down to View frame properties. Now for a basic blinking slide I hit it to D50+. Sometimes the D's are to high so you'll have to put the side at 50. Copy the slide and paste it right after. So then you will have 2 of the same slides, but this will make the time longer.

Click View animation

WOW! I BLINK AT A MORE NORMAL PASE NOW! And guess what!? That's it! Awesome that was so easy right? Who would have known!?

DONE

CLICK SAVE AND YOUR DONE, theres a lot of next bottons, so just keep clicking through those. make sure the image is a gif. we like those

Thank you so much for looking at my tutorial and trying to learn how to animate. Don't think each animation is this easy tho, remember we only did a few slides, and we didn't have to draw much of a change in-between. But it's always nice to just start out with simple things.

As I said in the intro its always good to look through and play with the different things your program can offer. Such as going to EFFECTS – image transitions.




NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2012.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions