A Flash Developer Resource Site














Internet Commerce

Partners & Affiliates














Developer Channel

internet.com


Featured Flash FLA
Gallery Downloads 11303 Flash Movies | 7 New Flash Movies Added
What's New | Top 100

Featured FLA

» Author: Nitin Tikhe
» Title: Cart
» Description: This Animation Tut is a fun and useful for kids below 15 years. Watch the Flag, Doors, Stick and Horse movements.
» More by Nitin Tikhe


Random FLAs | Add Flash Movie
Featured Flash Site
Gallery Downloads 6008 Flash Sites | 0 New Flash Links
What's New | Top 100 Flash Site

Featured Site

» Posted in the Flash Kit Links section
» Title: Banana Swimwear
» Description: This is a banana swim wear interactive catalog we designed and animated in Flash


Random Links | Add your own Flash Related Links
Flash Tutorials 1255 Tutorials 7 New Tutorials Added!
What's New | Top100

» Make flash video player for broadcasting live streaming video / TV on website
» How to convert the project file of Flash Demo Builder 2.0 into FLV file
» FLV to PSP for Mac - How to convert YouTube video to PSP on mac
» How to Convert FLV to MP4 for Playback on iPod
» how to download and convert youtube video to AVI with Leawo Free FLV converter
» Flash Multi-player Game Tutorial - TicTacToe
» How to make Flash elearning tutorials with screen recorder?
» Fader API:Slideshow with MovieClips on stage
» How to convert MS PPT file into an FLV File
» Unknown Tag: Title10
Random Tutorial | Add Site

Network Design Manager
The Computer Merchant, Ltd
US-VA-Hampton

Justtechjobs.com Post A Job | Post A Resume


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Tutorials Tutorials » Animation

Categories Frame by Frame tutorial
Author: Snoophogg | Website: www.xenonmovies.tk |

 
Page 1
1

New Page 1

Frame by Frame animation tutorial by Brendan Harris aka Snoop Hogg.

Sorry the tutorial is so long, but if you are completely clueless about flash, then I suggest you read all of this tutorial so you fully understand about animating. In this tutorial we are only going to animate stick men, most people start off by animating stickmen because their a good practice activity. OK here we go!

1) Ok open flash, I have flash mx, just double click on it obviously.

2) Draw a simple stickman using the brush tool located on the left of the stage. if you can't see the toolbox, look at the top of the screen and press window and then make sure toolbox is selected with a tick.

3) Next insert a layer, this will be for the other stickman. Reason for layer: Layers are like tissue papers, it is a way of organizing flash movies easier. If you have one object e.g. a tree and want a person to walk past it, you would draw the tree on one layer and insert another layer for the person to walk past. It makes it easier to edit things, you will understand better when you start to get more into flash. When ever you have two objects on the stage always put them on different layers, it will be far far far less work.

Picture of how to insert layer

4) Your stage and timeline should now look like this

Image of What your timeline should look like

5) OK your doing great so far, now right click the black dot which is in the timeline on layer 1 and you should have a number of options for you to do. Choose "inset frame". Next right click the same black dot again and click inset key frame.

6)Now rub out the stickman which is on layer 1 completely, Leave the stickman on layer 2 for now. Click which ever onion skin button you want, the onion skin button is for seeing where you last drew the picture. So for example, if you had a man dancing and you rubbed him out but you couldn't tell where he was before, you would use this tool to see where he was previously. click the button and you will understand what I mean..

How to do onion skin

7) Now that you can see the outline of the stickman from frame 1, draw the stickman in a different position. for example, if the stickman was standing up straight and you wanted him to kick then slightly move his leg up a bit. Just redraw the stickman except with his leg up a but

8) Now repeat this process again by inserting another frame, then a key frame. Next erase the stickman on frame two which you just drew and draw him again on frame 3 in another position. So let me explain this a bit better. If he was standing up straight on frame 1, and he moved his leg up 25 degrees on frame 2 then you would draw his leg up even more further up to his leg on frame 3 because you want him to look like he's kicking his enemy.

9) Now insert another frame and key frame for frame 4. The stickman on layer 1 should of reached near stickman 2 head by now. Click on layer 2 just by clicking where it says "layer 2" near the timeline, this will make sure it's selected. Now that the stickman on layer 2 is selected rub him out and draw him again flying backwards. So that he looks like he's been hut with a harsh Jackie Chan kick.

10) Insert another layer. To change the name of the layer right click it and go to properties (I think), I can't remember because I don't have flash at the moment, this is whole tutorial is written from memory. So change the name of layer 3 to blood so you can tell what's on what, you can also change the name of layer 1 and 2 if you want.

11) Animate the blood the same way you have animated the stickman and you should now have a stickman. You don't have to include the blood but i just like to see some blood. Hope you understood the tutorial, email me if you have any problems, good luck!

1

» Level Basic

Added: : 2005-06-22
Rating: 6.71 Votes: 47
Hits: 380
» Author
I like making flash movies and i'm currently learning how to make games. Oh yes and i love cheese on toast.
» Download
Download the files used in this tutorial.
Download (4 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments