Upload
lymien
View
215
Download
0
Embed Size (px)
Citation preview
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
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
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
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
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
6
OTHER PUBLISH OPTIONS
• Stand‐alone Projector Files
• Quicktime .mov files
31