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