Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

Flash Animation Tutorials

Tutorials for using animation in your Macromedia Flash movies. Includes tips and techniques for tweening, creating fades and motion effects, and designing preloader animations for your movies. Learn about working with keyframes, cycles, motion guides, and more.
Frame-by-frame Animating
Computer animating in a very traditional style. Onion skin tool, keyframes and tweening. From Animation Guide Tom Franks.
Flash Animation Primer
Create a basic animation for a Web site intro page using Flash 4.
Animating Masks in Flash and LiveMotion
"Masks can be used to produce special effects such as a spotlight or a transition. A mask layer is applied to create a hole through which one or more underlying layers are revealed."
Alpha/Onion Skin
"Learn how to get a cool alpha fading, onion skin type of effect used by many Web sites." FLA file available.
Create a Splash Screen in Flash 5
Create a splash screen of an animated logo in Flash 5.
Creating a Logo with a Shape Transition
Create an animated icon that gradually morphs from one shape to another in Flash 5.
Frame by Frame Animation
"In Flash animation, there are three main ways to animate something. These methods are MotionTweening, ShapeTweening, and frame-by-frame animation. Frame-by-frame animation is used when the current frame is completely different from the previous frame, or when you require that some elements in the previous frame remain unchanged." Written for Flash 4.
Layer Masking
"A common technique in Flash introductions to Web sites is called Layer Masking. Although often used in 'tacky' spotlight-like effects, it can also be adapted in various ways for a much more interesting effect."
Optimizing Flash Animation
Tips and steps you should take when designing your Flash animations to reduce bandwidth and make them available to a wider audience.
Painting with Flash 4
Create the effect of painting to reveal an image in Flash 4.
Revolving Text
Create revolving text. FLA file available.
Simple Text Fades
Tips and techniques for creating three different text fade effects. Requires an understanding of gradients and fills, how to tween, and a basic concept of Flash.
Springy Text
Learn to create a springy text effect. FLA file available.
Typewriter
"A typewriter effect is one of the essential items to learn if you want to be a Flash pro. Learn how to do it, without using confusing Actionscripts." FLA file available.

Explore Web Design / HTML

About.com Special Features

Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. Web Design
  5. Flash
  6. Flash Tutorials
  7. Flash Animation Tutorials

©2009 About.com, a part of The New York Times Company.

All rights reserved.