macromedia flash by alice tian. overview what is flash why flash basic user interfaces animation...

Macromedia FlashMacromedia Flash

By Alice TianBy Alice Tian

OverviewOverview

What is FlashWhat is Flash Why FlashWhy Flash Basic User InterfacesBasic User Interfaces Animation BasicsAnimation Basics Advanced BasicsAdvanced Basics PublishingPublishing

What is Flash?What is Flash?

Multimedia graphics program specially for Multimedia graphics program specially for use on the web. use on the web.

Enables users to create interactive movies Enables users to create interactive movies Made by MacromediaMade by Macromedia

Trial version can be downloaded here:Trial version can be downloaded here:• http://http://macromedia.com/downloads/?promoidmacromedia.com/downloads/?promoid=BIOD=BIOD

Why Flash?Why Flash?

Loads much fasterLoads much faster Allows interactivityAllows interactivity Can use more than 256 colorsCan use more than 256 colors Can control the animations Can control the animations Easier to create Easier to create More stable in web browsers More stable in web browsers

Basic User InterfacesBasic User Interfaces

ToolbarToolbar

Basic User InterfaceBasic User Interface

Stage - rectangular area where graphic Stage - rectangular area where graphic content is placed content is placed

Basic User InterfaceBasic User Interface

Timeline – organizes/controls content over Timeline – organizes/controls content over timetime

Basic User InterfaceBasic User Interface Panels:Panels:

Property InspectorProperty Inspector

ActionAction LibraryLibrary

Animation BasicsAnimation Basics

Creating a DocumentCreating a Document File -> New -> Click the General Tab -> Create Document.File -> New -> Click the General Tab -> Create Document.

Document PropertiesDocument Properties

Advanced BasicsAdvanced Basics

TweeningTweening Means “in-betweening”Means “in-betweening” Borrowed from traditional animationBorrowed from traditional animation Creating frames in between key framesCreating frames in between key frames Keyframes – contains change in motion Keyframes – contains change in motion

ButtonsButtons 4 States4 States

• UpUp• OverOver• DownDown• HitHit

Advanced BasicsAdvanced Basics

Movie ClipsMovie Clips Movies within moviesMovies within movies Properties and timeline independent of main Properties and timeline independent of main

moviemovie ActionScriptActionScript

Internal programming language in FlashInternal programming language in Flash Similar to JavaScriptSimilar to JavaScript Deals with structure and interactivity of Flash Deals with structure and interactivity of Flash

movies movies

PublishingPublishing

Web – need HTML file to embedWeb – need HTML file to embed

CD-ROM or E-mail attachmentCD-ROM or E-mail attachment Projector file requiredProjector file required

Image File – export specific file from Image File – export specific file from projector fileprojector file

Thanks!!Thanks!!