0% found this document useful (0 votes)
124 views30 pages

Unit - II Animation

The document provides an overview of creating animations in Flash, detailing its features, user interface, and types of animations including frame-based and tween-based methods. It discusses the importance of layers, symbols, and ActionScript for interactivity, as well as the process of publishing animations. Additionally, it mentions modern alternatives to Flash such as Adobe Animate and HTML5 technologies.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
124 views30 pages

Unit - II Animation

The document provides an overview of creating animations in Flash, detailing its features, user interface, and types of animations including frame-based and tween-based methods. It discusses the importance of layers, symbols, and ActionScript for interactivity, as well as the process of publishing animations. Additionally, it mentions modern alternatives to Flash such as Adobe Animate and HTML5 technologies.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

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.

You might also like