Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 3: Understanding the Adobe Flash Professional CS5 Interface Adobe Creative Suite.

Slides:



Advertisements
Similar presentations
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 3: Understanding the Adobe Dreamweaver CS5 Interface Adobe Creative Suite.
Advertisements

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.
© 2010 Delmar, Cengage Learning Chapter 1: Getting Started with Flash.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
3.02 Computer Animation Software and Design Guidelines
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Getting Started with Flash
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5 Adobe Creative Suite.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 4 KellerAdobe CS5 ACA Certification Prep Flash Domain 4: Building Rich Media Elements.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 4 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 4: Adding Content.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 2 KellerAdobe CS5 ACA Certification Prep Flash Domain 2: Identifying Rich Media.
Getting Started with Flash
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 3: Understanding Adobe Photoshop CS 5 Adobe Creative Suite 5 ACA Certification.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Flash.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Adobe Flash Professional CS5 Provides a comprehensive authoring environment for creating digital animation and interactive Web sites. Used to create engaging.
Chapter 4 Creating Animations.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
Tutorial 1 Introducing Adobe Flash CS3 Professional
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Adobe Flash CS5 Introduction. What is Flash? Flash is a multimedia platform used to add animation, video, and interactivity to Web sites. It is often.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Appendix A Becoming an Adobe Certified Associate.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Macromedia Flash MX Design Professional Macromedia Flash MX GETTING STARTED WITH.
March 10,   Review for Photoshop Certification Exam. Ojective.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Getting Started with Flash Chapter 1 Understand the Flash workspace Lesson 1.
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
Macromedia Flash Design Professional Macromedia Flash GETTING STARTED WITH.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Introducing Macromedia Flash 8
Background Information
Tutorial 3 Creating Animations.
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
Getting Started with Adobe Flash Professional CS6
Dreamweaver CS4 Skills PLAN – PLAN – PLAN first
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.
Develop Rich Internet Content and Applications
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Adobe Flash CS3 Revealed
Presentation transcript:

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 3: Understanding the Adobe Flash Professional CS5 Interface Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 111

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objectives Identify elements of the Flash interface. Use the Property inspector. Use the Timeline. Adjust document properties. Use Flash guides and rulers. Use the Motion Editor. 222

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objectives (cont.) Understand Flash file types. Identify best practices for managing the file size of a published Flash document. 333

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Vocabulary FLA FLV frame rate frames guide interface layers Panels group playhead Snapping SWF XFL XML 444

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Domain 3.0 Understanding the Adobe Flash Professional CS5 Interface The third domain for Rich MediaCommunication explores the FlashProfessional CS5 workspace. The third domain for Rich Media Communication explores the Flash Professional CS5 workspace. Understanding the workspace for anyapplication is essential to using the softwareeffectively and efficiently. Understanding the workspace for any application is essential to using the software effectively and efficiently. 555

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.1 Identify Elements of the Flash Interface When working inany application,it is important tobecome familiarwith theinterface; alsoknown as theworkspace. When working in any application, it is important to become familiar with the interface; also known as the workspace. 666

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.1 Identify Elements of the Flash Interface (cont.) The Panels group is shown on the right side of theworkspace and is divided into two separategroupings that you can collapse or expand byclicking the double arrow icon at the top of the panel. The Panels group is shown on the right side of the workspace and is divided into two separate groupings that you can collapse or expand by clicking the double arrow icon at the top of the panel. You place and manipulate content for your movie onthe Stage. You place and manipulate content for your movie on the Stage. The Timeline controls the elements of your Flashdocument over time. The Timeline controls the elements of your Flash document over time. The Tools panel is divided into four sections: tools,view, colors and options. The Tools panel is divided into four sections: tools, view, colors and options. 777

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.2 Use the Property Inspector The Property inspector, sometimes alsoreferred to as the Properties inspector,displays attributes of the current selection ortool, to make accessing common attributeseasier when making modifications. The Property inspector, sometimes also referred to as the Properties inspector, displays attributes of the current selection or tool, to make accessing common attributes easier when making modifications. 888

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Reading: pages FL38 – FL40, FL42 Exercise: page FL41, FL43 Review Questions: FL Domain 3.0 – 3.2

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.3 Use the Timeline The Timeline is where you manage objects in aFlash document, using layers and frames. The Timeline is where you manage objects in a Flash document, using layers and frames. 10

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.3 Use the Timeline (cont.) Layers organize your artwork and animations inyour Flash document. Layers organize your artwork and animations in your Flash document. Frames contain the layers and represent time.Time is indicated in frames per second (fps) andis referred to as the frame rate. Frames contain the layers and represent time. Time is indicated in frames per second (fps) and is referred to as the frame rate. The playhead indicates which frame isdisplayed on the Stage. The playhead indicates which frame is displayed on the Stage. 11

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.4 Adjust Document Properties You can modify document properties in theDocument Settings dialog box. You can modify document properties in the Document Settings dialog box. 12

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.4 Adjust Document Properties (cont.) The Document Settings dialog box providesthe additional option to change the unit ofmeasure being used in the Flash document. The Document Settings dialog box provides the additional option to change the unit of measure being used in the Flash document. 13

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Reading: pages FL43 – FL45, FL46 – FL47 Exercise(s): page FL46, FL47 - FL48 Review Questions: FL Domain 3.3 – 3.4

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.5 Use Flash Guides and Rulers Using rulers can help size objects as you drawthem and align objects on the Stage. Using rulers can help size objects as you draw them and align objects on the Stage. A guide is a line that is used to help with theplacement of objects and does not appear whenthe Flash document is published. A guide is a line that is used to help with the placement of objects and does not appear when the Flash document is published. Snapping activates a reference guide to showalignment to a previous placed object. Snapping activates a reference guide to show alignment to a previous placed object. 15

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.5 Use Flash Guides and Rulers (cont.) You can accessadditionalsnapping byopening the EditSnapping dialogbox. You can access additional snapping by opening the Edit Snapping dialog box. 16

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Reading: pages FL48 – FL50 Exercise(s): page FL50 – FL51 Review Questions: FL Domain 3.5

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.6 Use the Motion Editor The Motion Editor lets you control in detailmotion tween properties that you havecreated or have applied using a MotionPreset. The Motion Editor lets you control in detail motion tween properties that you have created or have applied using a Motion Preset. Object-based animation is much easier to work with than working exclusively with keyframes. 18

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.6 Use the Motion Editor - Key Terms Tween Span– the number of frames in a motion tween Motion Path - a dotted line representing the path an object takes from the beginning frame to the ending frame. Alpha Setting – controls object transparency Property Keyframe – indicates a change in the property of an object

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Tween Span Two important things happen during the animation process. First, the Timeline shows the tween span (also called motion span), which is the number of frames in a motion tween. The tween span can be identified on the Timeline by the frames highlighted in blue.

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Tween Span

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Motion Path Secondly, a dotted line, called the motion path represents that path the object takes from the beginning frame to the ending frame. Flash provides several motion presets that you can apply to an object. – Window > Motion Presets – Select a preset

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Motion Path

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Assignment Reading: pages FL51 – FL52 Exercise: pages FL52 – FL54

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Adding Effects To An Object Objects have properties, such as brightness, color and size. You can alter an object’s properties as it is being animated using the motion tween process. For example, fades are created by changing an objects transparency (alpha setting), or having it grow larger by altering it’s size over the course of the animation. Another useful effect is applying filters. All of these changes can be made using the Properties panel after selecting the object.

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Mini - Assignment Adding Effects To An Object Create an object Create a motion tween using the object Change the Alpha setting to make the object transparent

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Review Questions: FL Domain 3.6

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.7 Understand Flash File Types File extensions: –.fla This extension can only be opened using Flash; can be edited –.swf Created using the publish command; can be played in a browser without the Flash program being installed (but Flash Player must be); cannot be edited using the Flash program

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.7 Understand Flash File Types SWF, the Shockwave Format, is the publishedoutput file from Flash. SWF, the Shockwave Format, is the published output file from Flash. FLV, the Flash Video file format, is used todeliver video over the Internet using FlashPlayer. FLV, the Flash Video file format, is used to deliver video over the Internet using Flash Player. XFL is an internal file format that compressesthe Flash document using Zip compression,making it easier to share Flash files with others. XFL is an internal file format that compresses the Flash document using Zip compression, making it easier to share Flash files with others. 29

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.7 Understand Flash File Types (cont.) XML or eXtensible Markup Language, isgoverned by the World Wide WebConsortium (W3C) and helps in thedistribution of electronic publishing byproviding a standard to identify content andthe structure of a document. XML or eXtensible Markup Language, is governed by the World Wide Web Consortium (W3C) and helps in the distribution of electronic publishing by providing a standard to identify content and the structure of a document. 30

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.8 Identify Best Practices for Managing the File Size of a Published Flash Document It is important to consider some bestpractices as you publish your Flashdocument to be viewed over the Internet. It is important to consider some best practices as you publish your Flash document to be viewed over the Internet. 31

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Summary 3.1 Identify elements of the Flash interface 3.2 Use the Property inspector. 3.3 Use the Timeline. 3.4 Adjust document properties. 3.5 Use Flash guides and rulers. 3.6 Use the Motion Editor. 32

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Summary (cont.) 3.7 Understand Flash file types. 3.8 Identify best practices for managing the file size of a published Flash document. 33

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Reading: pages FL54 – FL57 Exercise: pages FL58 – FL59 Review Questions: FL Domain 3.7 – 3.8