Creating Animation in Flash
UNIT-II
[Link] R
Department of Data Science and Analytics
Introduction to Flash Animation
●Flash is a multimedia software platform.
●Used to create vector graphics, animations,
games, and web applications.
●Adobe Flash Professional was the most widely
used tool.
Why Use Flash for Animation?
●Lightweight and scalable animations.
●Ideal for web content.
●Rich multimedia support (graphics, video,
audio).
Features of Flash
●Vector-based graphics.
●Timeline-based animation.
●ActionScript scripting language.
●Motion tweening.
●Frame-by-frame animation.
User Interface of Flash
●Stage
●Timeline
●Layers
●Tools Panel
●Properties Inspector
Starting a New Project
●Setting stage dimensions.
●Choosing frame rate.
●Selecting background color.
Working with the Timeline
●Organizes content in chronological order.
●Each layer has its own timeline.
●Divided into frames and keyframes.
Frames and Keyframes
●Frame: Single unit of time.
●Keyframe: Frame where change occurs.
●Blank keyframe: No content on it.
Layers in Flash
●Manage different elements.
●Stacking order matters.
●Helps organize animation.
Adding Content to Layers
●Drawing tools (line, shape, pen).
●Importing images.
●Converting to symbols.
Symbols in Flash
●Graphic Symbol
●Button Symbol
●Movie Clip Symbol
Creating Symbols
●Select object > Modify > Convert to Symbol.
●Reusable elements.
Frame-Based Animation Overview
●Each frame drawn separately.
●Traditional animation style.
Creating Frame-Based Animation
●Insert keyframes.
●Change object position/appearance per frame.
Example of Frame-Based Animation
●Bouncing ball animation.
●Frame-by-frame change in position.
Tween-Based Animation Overview
●Start and end states defined.
●Flash calculates intermediate frames.
Types of Tweening
●Motion Tween
●Shape Tween
●Classic Tween
Creating Motion Tween
●Create symbol.
●Right-click > Create Motion Tween.
●Move or transform object across frames.
Creating Shape Tween
●Works on shapes only.
●Morph one shape into another.
Classic Tween
●Legacy method.
●Insert keyframes manually.
Example of Motion Tween
●Car moving across screen.
Example of Shape Tween
●Circle transforming into a star.
Understanding Layers in Detail
●Lock/Unlock layers.
●Hide/Show layers.
●Guide layers for animation paths.
Using Onion Skinning
●View multiple frames at once.
●Helps in smooth animation.
Masking in Flash
●Reveal only specific parts of layer below.
●Create dynamic visual effects.
ActionScript Introduction
●Flash scripting language.
●Add interactivity.
Basic ActionScript Examples
●`stop();` to stop playback.
●`gotoAndPlay(1);` to loop.
●Event listeners.
Publishing Flash Animation
●File > Export.
●SWF or HTML formats.
●Embed into websites.
Flash Alternatives Today
●Adobe Animate (modern replacement).
●HTML5 Canvas, SVG, CSS Animations.
Summary and Q&A
●Review key concepts.
●Open for questions.