Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional

Adobe Flash Professional CS5 – Illustrated Objectives Understand Adobe Flash Start Adobe Flash Professional CS5 View the Flash workspace Arrange the workspace Open a document and play a movie Understand the Timeline Add a layer and element Use Help and exit Flash

Adobe Flash Professional CS5 – Illustrated Understanding Adobe Flash Multimedia program for:   Creating animation, games, and Web interfaces Serves as an authoring tool

Adobe Flash Professional CS5 – Illustrated Uses of Adobe Flash Add movies to Web pages   Animation   Persistence of vision   Streaming Create interactive content   Navigational components   User interface Create self-running programs   Rich Internet Applications (RIA)

Adobe Flash Professional CS5 – Illustrated Understanding Adobe Flash Files Documents =.fla file Output file for users =.swf file   Uses Flash Player plug-in to play.swf files standard in most browsers free download

Adobe Flash Professional CS5 – Illustrated Starting Adobe Flash Prof CS5 Double-click Flash shortcut icon on desktop (Win), or Use the Start menu

Adobe Flash Professional CS5 – Illustrated The Welcome Screen Open existing or recently used files Create new files of various types Create files from a template Access Flash Exchange Web site Access links to tutorials

Adobe Flash Professional CS5 – Illustrated The Welcome Screen

Adobe Flash Professional CS5 – Illustrated Viewing the Flash Workspace Workspace definition   Screen area for working with elements of a movie Workspace elements   Stage   Timeline   Panels   Application bar

Adobe Flash Professional CS5 – Illustrated Viewing the Flash Workspace

Adobe Flash Professional CS5 – Illustrated Flash Workspace: Stage Contains movie elements (text, images, graphics, drawings, video) Shows how elements interact Shows how action plays in the movie Size corresponds to size of movie when it is played on the Web

Adobe Flash Professional CS5 – Illustrated Flash Workspace: Timeline Controls and organizes movie elements by using layers and frames

Adobe Flash Professional CS5 – Illustrated Flash Workspace: Panels Control aspects of a project with individual windows Display information and options for selected objects Select tools for creating and modifying objects Store media objects for the project

Adobe Flash Professional CS5 – Illustrated Flash Workspace: Panels Properties panel Attributes and options for selected element on Stage or Timeline Library panelMedia to be used in a project Tools panelTools to draw, select, modify, and view graphics and text  Selection tools  Drawing, painting, and text tools  Retouching tools  Navigation tools  Color tools  Tool options

Adobe Flash Professional CS5 – Illustrated Flash Workspace: Application Bar Contains Flash commands Contains workspace and Help options Contains Workplace switcher

Adobe Flash Professional CS5 – Illustrated Planning and Managing a Project Flash project planning process

Adobe Flash Professional CS5 – Illustrated Arranging the Workspace Workspace Switcher Types:

Arranging the Workspace Work with panels   Dock (group)   Undock   Regroup   Collapse/Expand   Close panels Adobe Flash Professional CS5 – Illustrated

Arranging the Workspace Viewing expanded panels

Adobe Flash Professional CS5 – Illustrated Arranging the Workspace Undocked Tools panel

Adobe Flash Professional CS5 – Illustrated Opening a Document and Playing a Movie Options for playing a movie   On the Stage   Commands on the Control menu   Keyboard shortcuts   Controller Panel

Adobe Flash Professional CS5 – Illustrated Opening a Document and Playing a Movie Good practice   Save file with a different file name to protect the original

Adobe Flash Professional CS5 – Illustrated Opening a Document and Playing a Movie Open dialog box

Adobe Flash Professional CS5 – Illustrated Opening a Document and Playing a Movie Viewing the Controller

Adobe Flash Professional CS5 – Illustrated Opening a Document and Playing a Movie Testing a movie in Flash Player

Adobe Flash Professional CS5 – Illustrated Understanding the Timeline Layers   Appear in a column   Contain elements of a movie and determine their position Frames   Appear in a row   Show elements in the project over time

Adobe Flash Professional CS5 – Illustrated Understanding the Timeline Ways to manipulate layers:   Show/hide   Lock from editing   Display as an outline   Add/delete   Create a folder (useful organizing tool)

Adobe Flash Professional CS5 – Illustrated Understanding the Timeline Viewing layers

Adobe Flash Professional CS5 – Illustrated Understanding the Timeline Frames:   Use to create animation   Create different effects by using different frame types   View status of a movie (current frame, frame rate [fps], total elapsed time)   Scrubbing

Adobe Flash Professional CS5 – Illustrated Understanding the Timeline Viewing the Timeline

Adobe Flash Professional CS5 – Illustrated Understanding the Timeline Options for changing appearance   Undock   Move   Resize   Close

Adobe Flash Professional CS5 – Illustrated Adding a Layer and Element Each document has one layer by default Elements are added to layers by:   Importing them, or   Dragging them from the Library panel to the Stage Rename layers to organize them

Adobe Flash Professional CS5 – Illustrated Adding a Layer and Element Adding content to a new layer

Adobe Flash Professional CS5 – Illustrated Exploring Help Find what you need by   Looking up a subject by topic, or   Searching for specific keywords, or   Pressing [F1] Access Help by   Typing a search item in Help text box on the menu bar, or   Opening Help from the Window menu

Adobe Flash Professional CS5 – Illustrated Exploring Help Adobe Flash Professional CS5 Help

Adobe Flash Professional CS5 – Illustrated Exploring Help Viewing a Help topic

Adobe Flash Professional CS5 – Illustrated Exploring Help Searching for help on a keyword

Adobe Flash Professional CS5 – Illustrated Exiting Flash Click Close button on the menu bar, or Use keyboard shortcuts