A Flash Developer Resource Site














Internet Commerce

Partners & Affiliates














Developer Channel

internet.com


Featured Flash FLA
Gallery Downloads 11337 Flash Movies | 1 New Flash Movies Added
What's New | Top 100

Featured FLA

» Author: Bugra Ozden
» Title: Skatalog v9 - product catalog
» Description: Create your product catalog easly and publish on your website or Create your image gallery, documents list, portfolio. Fully XML Driven
» More by Bugra Ozden


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

Featured Site

» Posted in the Flash Kit Links section
» Title: Creative DW Image Show PRO
» Description: Creative DW Image Show PRO is a Dreamweaver extension which enables the user to create multimedia presentations. It combines the features of the popular Creative DW Image Show with the ability to add professional text effects to slides (similar to After Effects). The product is very customizable: the user can choose the duration of the transition effects, the slide motion start and end position, zoom and panning type for both images and texts.


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

» Make a Flash Slide Show Screen Saver
» Simple flash making tutorial for thanksgiving
» Create flash banner for website
» Create xml slideshow with free template
» How to Insert a Multilingual Subtitle Into Your Flash Video Studio
» How to Create Cool Halloween Slideshow
» Debugging flash using the Firebug console
» Create Flash Slideshow on Blogger
» FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS
» Unknown Tag: Title10
Random Tutorial | Add Site

Sr Instructional Designer D2L-Moodle,Clearance
WSI Nationwide, Inc.
US-NJ-Fort Monmouth

Justtechjobs.com Post A Job | Post A Resume


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

Search Tutorials


Tutorials Tutorials » Animation/Cartoons

Categories Creating Your First Cartoon
Author: Robert White

 
Page 2
«prev 1 2 3 next»

21> Now activate the black mouse cursor in your tool set and click anywhere on the document to deselect the character. Then double click on the body to only select it and not the head. (If your arms and legs are touching the body, double clicking the body will automatically select any other line that is touching it. If they are not touching then hold down shift and select the arms and legs to add to the body selection.) Now hit the delete button to get rid of the body.

22> You should now have an onion skin background of the previous frame where your body used to be. We are going to start the walk cycle. Move the head forward slightly, keeping in mind that there is 12 frames per 1 second of animation so don’t move it to far.

23> Now redraw the body starting with the beginning of a step. (Tip: Zoom in to about 200% on your character to make animation easier. Remember zooming is where you previously set view to “Fit in Window” Top right.)

24> Follow the keyframe steps until our character moves out into the scene. And remember to adjust your Onion Skin slider when you create the keyframe on frame 3 to only show one frame behind from your current frame. (Adjust your onion skin back a few frames to make sure your head movements are evenly spaced and move it back when your finished or else all the onion skins will make animation confusing.)

25> I made my character walk in 1/3 of the way across my scene and stopped animating on frame 20. It doesn’t matter if yours is different.

26> Now turn off onion skinning, Change your view to “Fit in Window” and move your frame slider to see if it runs smooth. You can also preview it by clicking Control --> Play. Here’s what my screen looks like now on frame 20:

27> Now its time to add some expression to the character.

28> Lock the Stickman Layer and create a new one renaming it “Expression”. Now create a keyframe on frame 25 (Or 5 frames up from where you finished his walk cycle)

29> Now draw some eyes and a mouth and make him look up at the sky as if he’s seen the anvil. (Layers that are above other layers in the stack draw over the layers beneath them. So if you made a layer underneath the background one and drew a line you would not see it. You cannot draw over the top of a symbol in the same layer that’s why we use a separate layer for the expression.)

30> Ok now its time to draw the anvil. Lock the Expressions Layer and create a new layer renaming it “Anvil”.

31> Create a keyframe 3 frames up from the keyframe you made for the expressions.

32> Set your Zoom to 100% and Start drawing the anvil above your document. (Setting your zoom to 100% will allow you to use the scrollers for the document so you can draw in the space above the scene)

33> Convert the anvil to a symbol by dragging a selection box around it to select it all then right click hitting “Convert to Symbol”. Name it Anvil and set as graphic.

34> Now we are going to use another form of animation called “Motion Tweening” Basically for objects like our anvil that just need to move from point A to point B we use motion tweening to fill in the rest of the animation instead of keyframing every fricken frame.

35> Right click the Current Keyframe and hit “Create Motion Tween”. Your layer after the keyframe should turn blue with stuttered lines through it.

36> Now move 5 frames up the layer and create another keyframe. On this keyframe move the anvil down to the ground where it is going to end its fall. You have now created the motion tween. Move your frame slider to see how it looks.

37> Now its time to animate the character so he goes sqeeeeesh. Lock the Anvil layer and unlock the stickman and expressions layer.

38> Using Keyframe animation delete parts of him as the anvil falls. Making the illusion that he is getting squashed. If you wanted to you could also animate him throwing up his hands just before the anvil hits. You can also hide layers if they are getting in the way by clicking the dot underneath the Eye on the layer you want to hide.

39> This is what my layers look like now:

«prev 1 2 3 next»

» Level Basic

Added: : 2006-05-13
Rating: 8.41 Votes: 139
Hits: 1987
» Author
Robert White Qld Australia ColdHonor@hotmail.com
» Download
Download the files used in this tutorial.
Download (0 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
 
   
 

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs