6
1 CHAPTER HIGHLIGHTS Understand the Adobe Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site Distribute a Flash movie 2 USING FLASH CS3 What is Flash CS3? A animation and interactive authoring program Has tools for complex animation, as well as excellent drawing tools 3 USING FLASH What can Flash CS3 be used for? Web sites Webbased applications CDRom and interactive applications Video 4 OPTIMIZED FOR THE WEB Flash’s Native format is vector images, which reduce the size of graphic files. Vectors are scalable Flash provides streaming content over the internet Flash provides streaming content over the internet instead of waiting for the entire contents of a web page to load 5 THE DEVELOPMENT ENVIRONMENT You can customize your workspace Flash works on a movie metaphor Create Scenes on a Stage Scenes run in frames on a timeline Scenes run in frames on a timeline You create a movie by arranging objects on the stage You can play the movie on the stage using VCRlike controls 6

Flash CS3 A.ppt - Safire Design · • Distribute a Flash movie 2 USING FLASH CS3 • What is Flash CS3? – A animation and interactive authoring program – Has tools for complex

  • Upload
    lymien

  • View
    215

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Flash CS3 A.ppt - Safire Design · • Distribute a Flash movie 2 USING FLASH CS3 • What is Flash CS3? – A animation and interactive authoring program – Has tools for complex

1

CHAPTER HIGHLIGHTS

• Understand the Adobe Flash environment

• Open a document and play a movie

• Create and save a movie

• Work with layers and the timeline

• Plan a Web site

• Distribute a Flash movie

2

USING FLASH CS3

• What is Flash CS3?

– A animation and interactive authoring program

– Has tools for complex animation, as well as excellent drawing tools

3

USING FLASH

• What can Flash CS3 be used for?

– Web sites

– Web‐based applications

– CD‐Rom and interactive applicationspp

– Video

4

OPTIMIZED FOR THE WEB

• Flash’s Native format is vector images, which reduce the size 

of graphic files.

– Vectors are scalable

• Flash provides streaming content over the internet• Flash provides streaming content over the internet

– instead of waiting for the entire contents of a web page to load

5

THE DEVELOPMENT ENVIRONMENT

• You can customize your workspace

• Flash works on a movie metaphor

– Create Scenes on a Stage

– Scenes run in frames on a timeline– Scenes run in frames on a timeline

– You create a movie by arranging objects on the stage

– You can play the movie on the stage using VCR‐like controls

6

Page 2: Flash CS3 A.ppt - Safire Design · • Distribute a Flash movie 2 USING FLASH CS3 • What is Flash CS3? – A animation and interactive authoring program – Has tools for complex

2

PLAYBACK OF FLASH CONTENT

• Movies are viewable through a browser

• Adobe Flash Player is required (free download available on 

Adobe’s Web site)

M i b l d th h th b th l• Movies can be played through the browser, the player, or as a 

stand‐alone “projector”

7

HOW FLASH STARTS UP

• Three parts to the Development Environment

– Stage

– Timeline

– Workspacep

• You can display other parts of the program

– The toolbox

– The properties panel

8

THE FLASH ENVIORMENT

toolbox timeline

9

stagestage

panels

THE STAGE

• Contains all objects that are seen by the viewer in the final 

movie

• You can draw objects on, or import objects to the stage

10

THE TIMELINE

• Used to organize and control the movie’s content by 

specifying when each object appears on the stage

• Images are contained within frames, which are units of the 

timelinetimeline

• The timeline has separate layers

• The timeline has a playback head

11

THE TOOLBOX

• Contains a set of tools used to draw and edit graphics and text

• Divided into four sections: Tools, View,Colors, Option

• Panels, such as the Properties Panel are used to organize and 

dif bj t d f t i imodify objects and features in a movie

12

Page 3: Flash CS3 A.ppt - Safire Design · • Distribute a Flash movie 2 USING FLASH CS3 • What is Flash CS3? – A animation and interactive authoring program – Has tools for complex

3

OPENING A MOVIE IN FLASH

• The .fla extension is native, and can only be opened in Flash

• Flash exports web‐ready files as .swf

• .swf files should be tested before being published

• Always keep the original .fla file

13

PREVIEWING A MOVIE

• Flash movies can be previewed in the development 

environment

• Control menu commands:

Play rewind step forward step backward– Play, rewind, step forward, step backward.

• The Controller acts similar to a VCR Controller

14

TESTING A MOVIE 

• When previewing a movie, some interactive functions do not 

work unless the movie is played using the Flash Player.

• Use Control > Test Movie to test using the Flash player

15

CREATING A FLASH MOVIE

• Movies are created by placing objects on the stage, editing 

these objects, animating them and adding interactivity

• You can create graphics in Flash,or import them from another 

program such as Photoshopprogram such as Photoshop

16

CREATING A FLASH MOVIE

• Objects placed on the stage are automatically placed in a 

layer, and in the currently selected frame of the timeline

• A keyframe represents a frame which contains an object

Always the first frame of every animation– Always the first frame of every animation

17

AN OBJECT IN A KEYFRAME

Keyframerepresentingobject

18Object on the stage

Page 4: Flash CS3 A.ppt - Safire Design · • Distribute a Flash movie 2 USING FLASH CS3 • What is Flash CS3? – A animation and interactive authoring program – Has tools for complex

4

CREATING AN ANIMATION

• A basic animation requires two keyframes

– The first keyframe sets the starting position

– The second keyframe sets the ending position

• The number of frames between two keyframes determinesThe number of frames between two keyframes determines 

the length of the animation

19

MOTION ANIMATION

Arrow between keyframes i di

20

indicates motion animation

ADDING AN EFFECT TO AN OBJECT

• In addition to animating an objects location, you can also 

animate an objects appearance

– Shape

– Color

– Brightness

– Transparency

– Rotation

21

UNDERSTANDING THE TIMELINE

• Understanding how to read the timeline can help you 

determine what’s happening in your movie frame by frame

Playhead FramesFrame View Icon

22

Frames

Status BarLayers

LAYERS

• Like transparent acetate sheets of content stacked on top of 

one another

• Adding a layer causes it to be placed on top of the other layers

C b d d b d i d• Can be re‐ordered by dragging up or down

23

THE PLAYHEAD

• The timeline is made up of individual units called frames

• Content is displayed in frames as the playhead moves over 

them when the movie plays

Th t t b i di t t f th l h d i• The status bar indicates current frame the playhead is on

24

Page 5: Flash CS3 A.ppt - Safire Design · • Distribute a Flash movie 2 USING FLASH CS3 • What is Flash CS3? – A animation and interactive authoring program – Has tools for complex

5

USING THE PLAYHEAD

• The playhead indicates which frame is playing

• Can be dragged left or right

• Dragging back and forth allows you to check some animations 

i Fl h ith t ti t fin Flash without exporting to swf

25

UNDERSTANDING SCENES

• A section of the timeline designated for a specific part of the 

movie

• You can create and name scenes as you wish

G t t Fl h i d ti• Great way to manage your Flash movie production

26

ADJUSTING THE TIMELINE VIEW

27

MODIFYING THE FRAME RATE

Change movie dimensions

Adjust theBackground

28

Adjust theframe rate

Backgroundcolor

DISTRIBUTING FLASH MOVIES

• File > Publish to export movies out of Flash

• Export to .swf format

• Generate the HTML code that references the Shockwave file

29

HTML CODE

30

Code specifying the Shockwave Movie that the browser will play

.swf extension indicates a Shockwave file

Page 6: Flash CS3 A.ppt - Safire Design · • Distribute a Flash movie 2 USING FLASH CS3 • What is Flash CS3? – A animation and interactive authoring program – Has tools for complex

6

OTHER PUBLISH OPTIONS

• Stand‐alone Projector Files

• Quicktime .mov files

31