Translation, Output and Delivery
Flash
multimedia software platform
desktop application
mobile apps
rich web applications
mobile games
production of animations
embedded web browser video players
Appropriate Use of Animation
Do
Don't
Create subtle special effects or transition
Add creativity/playfulness to a site
Explain abstract concepts
Use animation just for the sake of doing it
Force a user sit through a set sequence
Overdue animation so it takes away from your site's goals
The ActionScript programming language
web applications
desktop applications
video games
mobile aplications
interactive animations
Programmers can implement Flash software using an IDE
Adobe Flash Builder
Adobe Director
Adobe Animate
FlashDevelop
Powerflasher FDT
Flash Animation
Bitmap-based graphics
Embedded fonts
Vector-based graphics
Sound
Flash Environment
Flash authoring environment
Flash player
Flash Files
Authoring file
Published file
Introduction to Flash and Animation
Publishing animations on Web pages
Using Flash to create embedded multimedia
The Flash development environment
Creating Flash animations
Layers
Timelines
Creating animation
Adding sound
Creating a Flash Movie
Important Components
Stage
Layers
allow to separate and stack objects
where the action takes place
Timelines
broken into frames that correspond to different times in the animation
Determine the size
Create the Flash file and configure the stage properties
Design the movie on paper
Height and width in pixels
Size
Background color
Design layers
Layer analysis
Adding a New Layer
Rename the layer
Add the content to the new layer
Click Insert Layer button in the Timeline panel
Layer order determines how items are stacked on each others in movie
Drawing with Flash
Draw the item and position it on the stage
Configure its properties
Make sure to select the correct layer
to select an item and its outline , double-click it...
similar to Fireworks
Timelines
Playhead
Keyframe
Consisit of layers divided into frames
indicates the current frame displaying on the stage
an item won't appear in a movie at a particular time unless its layer has a frame at that time
frame that defines an object at a given point in time
Creating Flash Animation
Types of animation
Shape
Motion
uses shapes you create in Flash
uses symbols you create or import into Flash
Creating a Shape Animation
Create a keyframe at the start time
Create a keyframe at the end time
Create a new layer
Select any frame between the beginning and ending keyframes and then create a "tween"
Creating a Motion Tween
allows you to use bitmaps
can be moved, resized, rotated, morphed to a different symbols
same as shape tweening, but uses a symbols rather than a shape
Symbols
Symbol
Types of symbols
reusable object
graphics, movie clips and buttons
Saving Symbols
Import an existing graphic into a Flash symbol library
Create a graphic in Flash then convert it to a symbol
Stopping an Animation
By default, animations play continuously when published
To configure an animation to play once
select the frame in which you want the animation to stop, right-click, click Actions
In the ActionScript window, type stop () ;
Adding sound
Create a sound layer
Create a keyframe when you want the sound to play
Publishing
Use HTML to create a new HTML document
Use Flash (.swf) file to insert into an existing HTML document
Save distribution files
Using Flash to Create Embedded Multimedia
embed audio and video files in Flash documents and then publish them on Web pages
Creating Embedded Flash Audio
Create a timeline to stop the audio
Import the audio file to a Flash document