Transcript flash

UEN Professional Development
aa
Web Animation
With Macromedia Flash
Jessica Anderson
[email protected]
(801)585-6849
UEN Professional Development
aa
Flash Web Site
•






Freedom Knot
http://www.freedomknot.com
Mysterious World of Mummies
http://www.discovery.com/highspeed/tlc/mummies/
Brain Pop
http://www.brainpop.com/
Cyprus High School
http://www.granite.k12.ut.us/Cyprus/cyprusonline/index.html
U Street in Focus: Exploring Washington’s Historic Neighborhood
http://www.washingtonpost.com/wpsrv/photo/blackhistory/front.htm
Virtual World: Great Barrier Reef
http://www.nationalgeographic.com/earthpulse/reef/reef1_flash.ht
ml
Building BIG
http://www.pbs.org/wgbh/buildingbig/lab/forces.html
UEN Professional Development
aa
Flash allows you to:
 Create
animation
 Add
synchronized sound
 Add
interactivity to your web pages
 Engage
web viewers
UEN Professional Development
aa
Designed for Web Use:
 Small
file sizes
 Downloads
 Can
relatively quickly
be used stand alone
UEN Professional Development
aa
Vector Graphics

Flash creates Vector Graphics

creates small file sizes

Defined by lines, curves, color and position
properties

Vector graphics can be resized and reshaped


without changing the quality of the graphic
Resolution independent
UEN Professional Development
aa
Bitmap Graphics

Defined by colored dots or pixels

Better for photograph or "real looking" object
graphics

Resolution dependent

fixed to a grid of a particular size

Resizing can make it look pixilated or ragged

Flash can import bitmap graphics
UEN Professional Development
aa
Vector v.s. Bitmap Example
 Scale
Example
UEN Professional Development
aa
Class Objectives
 Tutorial





Example
Shape Tween
Motion Tween
Motion along a path
Masking
Buttons