Internet Commerce

Partners & Affiliates

Developer Channel


Featured Flash FLA
Gallery Downloads 11401 Flash Movies | 5 New Flash Movies Added
What's New | Top 100

Featured FLA

»  Author Miguel Panos
»  Title: Tarta
»  Description: It is a circle graph or pie chart that takes the data entered by user
»  More by Miguel Panos


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

Featured Site

»  AuthorDeft Creative Ltd
»  Link: Home Page
»  Description: Portfolio site for .DeftCreative Ltd. A UK based web design studio specialising in flash websites, games and interactive CDROMs. With an emphasis on making things different.


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

» Making Automatic Training Screen Capture Easily
» Create Undersea Life Animation
» Making Deinterlace Video with a low bitrate Easily
» How To Make A Simple Animation Using Christmas Clips
» Simple Step by step flash game tutorial Spot the diffrence
» How To Make A Moving Text Slide
» Create Flash Banner With Text Float Effect
» How To Make Zoo Photos Slideshow
» How To Make A Dolphin Photos Slideshow
» Unknown Tag: Title10
Random Tutorial | Add Site


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

Search Tutorials


Tutorials Tutorials » Animation

Categories Easy frame by frame animation tutorial
Author: B (aka brendan) | Website: www.freewebs.com/sexybrendan/ |

 
Page 1
1

[endif][if !vml]FLASH TUTORIAL[endif]

FRAME - BY - FRAME ANIMATION

WARNING - YOU SHOULD UNDERSTAND BOUT THE TOOLS B4 READING THE FOLLOWING STEPS

1) Open up flash, there are many flash programs e.g. macromedia cold fusion, or macromedia dream weaver, so pick the right one, I've got flash mx version 6.0

2)draw 2 simple stick men next 2 each other but not touching, use the brush tool to draw them, if u cant see the brush tool click on the window menu near the top of the screen and make sure tools has a tick next 2 it.

3) I made this drawing of the flash page to help u. it's not precise but u should be able to tell what's what. Your timeline should look like this right now.

4)Right click the black dot, which is in the red line and click "insert frame" or just press f5. Right click the first ( I'm labelling the keywords in red) black dot again and this time click "insert key frame".

5) Click the 2 squares on the timeline near the red line. Either the one with 2 white squares or the one with a light blue and dark blue. These will show the outline of where the object was previously.

6)The red line on the timeline should be going through the 2nd black dot. Rub out a one of the stickman's leg, which ever one u want 2 attack. Rub out one leg and one leg only,

7) Redraw the leg which has disappeared in a new place so it's slowly attacking his opponent. Yours should look similar to mine above but it doesn't have to be exact.

8)Press enter and the stick man should move his leg a bit. If he does your going the right way to victory. tip: if u don't want to see the previous outlines like on the pic above, just click the outline button again.)

9)Right click the 2nd black dot and click "insert frame". Right click the 2nd black dot again and click "insert keyframe",

10) rub out the leg which is about to kick. The screen should look similar to the one above.

11)Redraw the leg so it's even closer, I made him jump so he's performing a jumping kick but u don't have to.

12)Right click the 3rd black dot and click "insert frame" right click the 3rd black dot again and click "insert key frame"

13) If he's performing a jumping kick like mine then use the black arrow tool in the tool table and move him closer to his opponent so he's about to kick him in the face. If he's performing a normal kick then just rub out the present leg and draw a new one closer to his enemy.

14) Use the technique you've been using (insert frame, insert key frame blah blah blah) so that eventually he will kick him in the face. You can include blood which makes it look a lot better in my opinion.

15)Eventually when the stick man hits/touches the other stick man they will both become 1 object so you will have to rub out a tiny gap so they are separated.

16)In this lesson you've learnt how to make a animated stick man.

Page 2 of flash tutorial

1

» Level Basic

Added: : 2005-01-05
Rating: 3.20 Votes: 42
Hits: 1159
» Author
I love flash even though I havent been doing it for along time.
» Download
Download the files used in this tutorial.
Download (7 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