Adobe Photoshop 7.0 Design Professional - PowerPoint PPT Presentation

1 / 38
About This Presentation
Title:

Adobe Photoshop 7.0 Design Professional

Description:

Chapter Lessons Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site ... – PowerPoint PPT presentation

Number of Views:165
Avg rating:3.0/5.0
Slides: 39
Provided by: Cours142
Category:

less

Transcript and Presenter's Notes

Title: Adobe Photoshop 7.0 Design Professional


1
(No Transcript)
2
Chapter Lessons
OVERVIEW
  • Understand the Macromedia 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 Macromedia Flash movie

3
Using Flash MX
INTRODUCTION
  • What is Flash MX?
  • A animation and interactive authoring program
  • Has tools for complex animation, as well as
    excellent drawing tools

4
Using Flash
INTRODUCTION
  • What can Flash MX be used for?
  • Web sites
  • Web-based applications
  • CD-Rom and interactive applications
  • Video

5
Optimized for the Web
INTRODUCTION
  • Flashs Native format is vector images, which
    reduce the size of graphic files.
  • Vectors are scalable
  • Flash provides streaming content over the
    internet
  • instead of waiting for the entire contents of a
    web page to load

6
The Development Environment
LESSON 1
  • You can customize your workspace
  • Flash works on a movie metaphor
  • Create Scenes on a Stage
  • 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

7
Playback of Flash content
LESSON 1
  • Movies are viewable through a browser
  • Macromedia Flash Player is required (free
    download available on Macromedias Web site)
  • Movies can be played through the browser, the
    player, or as a stand-alone projector

8
How Flash Starts up
LESSON 1
  • Three parts to the Development Environment
  • Stage
  • Timeline
  • Workspace
  • You can display other parts of the program
  • The toolbox
  • The properties panel

9
LESSON 1
timeline
toolbox
stage
stage
panels
10
The Stage
LESSON 1
  • Contains all objects that are seen by the viewer
    in the final movie
  • You can draw objects on, or import objects to the
    stage

11
The Timeline
LESSON 1
  • Used to organize and control the movies content
    by specifying when each object appears on the
    stage
  • Images are contained within frames, which are
    units of the timeline
  • The timeline has separate layers
  • The timeline has a playback head

12
The Toolbox
LESSON 1
  • 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 modify objects and features in a
    movie

13
Opening a movie in Flash
LESSON 2
  • 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

14
Previewing a movie
LESSON 2
  • Flash movies can be previewed in the development
    environment
  • Control menu commands
  • Play, rewind, step forward, step backward.
  • The Controller acts similar to a VCR Controller

15
Testing a movie
LESSON 2
  • When previewing a movie, some interactive
    functions do not work unless the movie is played
    using the Flash Player.
  • Use Control gt Test Movie to test using the Flash
    player

16
Creating a Macromedia Flash Movie
LESSON 3
  • 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 Photoshop

17
Creating a Macromedia Flash Movie
LESSON 3
  • 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

18
An object in a keyframe
LESSON 3
Keyframe representing object
Object on the stage
19
Creating an animation
LESSON 3
  • 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
    determines the length of the animation

20
Motion animation
LESSON 3
Arrow between keyframes indicates motion animation
21
Adding an Effect to an Object
LESSON 3
  • In addition to animating an objects location, you
    can also animate an objects appearance
  • Shape
  • Color
  • Brightness
  • Transparency
  • Rotation

22
Understanding the Timeline
LESSON 4
Frame View Icon
Playhead
Frames
Status Bar
Layers
  • Understanding how to read the timeline can help
    you determine whats happening in your movie
    frame by frame

23
Layers
LESSON 4
  • 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
  • Can be re-ordered by dragging up or down

24
Using Frames
LESSON 4
  • 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
  • The status bar indicates current frame the
    playhead is on

25
Using the Playhead
LESSON 4
  • The playhead indicates which frame is playing
  • Can be dragged left or right
  • Dragging back and forth allows you to check some
    animations in Flash without exporting to swf

26
Understanding Scenes
LESSON 4
  • A section of the timeline designated for a
    specific part of the movie
  • You can create and name scenes as you wish
  • Great way to manage your Flash movie production

27
Adjusting the Timeline view
LESSON 4
28
Modifying the frame rate
LESSON 4
Change movie dimensions
Adjust the Background color
Adjust the frame rate
29
Plan a Web site
LESSON 5
  • First step in any site production
  • Step 1 State the Purpose(Goals)
  • Step 2 Identify the Target Audience
  • Who will use the Web site?

30
Plan a Web site
LESSON 5
  • Step 3 Determining the Treatment
  • What is the look and feel?
  • Tone
  • Approach
  • Emphasis

31
Plan a Web site
LESSON 5
  • Step 4 Develop the Specifications
  • Playback System
  • Elements to Include
  • Functionality
  • User Interface

32
Create a Storyboard
LESSON 5
33
Using Screen Design guidelines
LESSON 5
  • Balance
  • Unity
  • Movement
  • User Interface

34
Using Interactive Design guidelines
LESSON 5
  • Make it simple, easy to understand
  • Build in consistency in the navigation scheme
  • Provide feedback
  • Give the user control

35
Distributing Flash Movies
LESSON 6
  • File gt Publish to export movies out of Flash
  • Export to .swf format
  • Generate the HTML code that references the
    Macromedia Shockwave file

36
HTML code
LESSON 6
.swf extension indicates aMacromedia Shockwave
file
Code specifying the Macromedia Shockwave Movie
that the browser will play
37
Other Publish options
LESSON 6
  • Stand-alone Projector Files
  • Quicktime .mov files

38
Chapter A Tasks
SUMMARY
  • Understand the Macromedia 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 Macromedia Flash movie
Write a Comment
User Comments (0)
About PowerShow.com