1What is the Stage. 2How do you open a panel in Flash

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Dawn Pedersen Art Institute. Introduction Prior to Flash CS3, the movement of Illustrator and Photoshop documents into Flash was difficult. At that time,
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
© Anselm Spoerri Lecture 10 Flash –Recap –Key Components & Tools –Animating Bitmaps –How to modify Color and Transparency of Bitmap –Animating along Motion.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
Introduction to Macromedia Flash 8
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Chapter 3 Working with Symbols and Interactivity.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
1 Flash Basics by Dr SC Li. 2 File Types  In general, Flash 5.0 generates 3 types of files:  ???.fla  Flash ’ s working file  ???.swf  Flash movie.
Flash II MIS439 Eva Tao March 19, 2007 Source:
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Chapter 4 Creating Animations.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
© 2011 Delmar, Cengage Learning Chapter 9 Introduction to ActionScript 3.0.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Working with Symbols and Interactivity
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
© 2010 Delmar, Cengage Learning Chapter 2: Drawing Objects in Adobe Flash.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
Adobe Flash CS3 Revealed
© 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.
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Dm 11 - Flash Special Effects Special Effects CREATING.
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
1 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
DM 11- Flash –Unit C and Interactivity WORKING WITH SYMBOLS.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
To play, start slide show and click on circle Lesson 3 Lesson 3 Lesson 3 Lesson 4 Lesson Lesson 4.
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
Adobe Flash Professional CS5 – Illustrated
INTRODUCTION TO ADOBE FLASH CS4
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Working with Symbols and Interactivity
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
Presentation transcript:

1What is the Stage. 2How do you open a panel in Flash 1What is the Stage?2How do you open a panel in Flash?3What's a hidden tool, and how can you access it?4Name two methods to undo steps in Flash, and describe them.5How you have about Flash? Answers 1The Stage is the area viewers see when a movie is playing in Flash player or a web browser. It contains the text, images, and video that appear on the screen. Objects that you store on the pasteboard outside of the Stage do not appear in the movie. 2To open a panel in Flash, choose Windows > [panel name]. Some panels, such as the History panel, are in the Other Panels submenu. 3Because there are too many tools to display at once in the Tools panel, some tools are grouped, and only one tool in the group is displayed. (The tool you most recently used is the one shown.) Small triangles appear on tool icons to indicate that hidden tools are available. To select a hidden tool, click and hold the tool icon for the tool that is shown, and then select the hidden tool from the menu. 4You can undo steps in Flash using the Undo command or the History panel. To undo a single step at a time, choose Edit > Undo. To undo multiple steps at once, drag the slider up in the History panel. 5Choose Help > Flash Help to browse or search Flash Help for information about using Flash CS3 and ActionScript 3.0. Choose Help > Help Resources Online or visit www.adobe.com to see tutorials, tips, and other resources for Flash users.

1What are the three drawing modes in Flash, and how do they differ 1What are the three drawing modes in Flash, and how do they differ?2How can you draw a perfect circle using the Oval tool?3When would you use each of the selection tools in Flash?4What does a mask do? Answers 1The three drawing modes are merge drawing mode, object drawing mode, and primitive drawing mode. In merge drawing mode, shapes drawn on the Stage merge to become a single shape. In object drawing mode, each object is distinct and remains separate, even when it overlaps another object. In primitive drawing mode, you can modify the angles, radius, or corner radius of an object. 2To draw a perfect circle, hold down the Shift key as you drag the Oval tool on the Stage. 3Flash includes three selection tools: the Selection tool, the Subselection tool, and the Lasso tool. Use the Selection tool to select an entire shape or object. Use the Subselection tool to select a specific point or line in an object. Use the Lasso tool to draw a freeform selection area. 4A mask restricts the visible area of the layers beneath it. Only the area that is covered by the mask shows through. 

What is a symbol, and how does it differ from an instance What is a symbol, and how does it differ from an instance?2Name two ways that you can import an asset into Flash.3When you import an Illustrator file, what happens if you choose to import layers as layers? As keyframes?4Describe the four button states in a button symbol's Timeline.5How can you change the opacity of a color or instance in Flash? Answers 1A symbol is a graphic, button, or movie clip that you create once in Flash and can then reuse throughout your document or in other documents. An instance is a copy of a symbol located on the Stage or nested inside another symbol. 2You can import an asset file to the library, which adds the asset only to the Library panel. You can also import an asset file to the Stage, which places the asset on the Stage and automatically adds the asset to the Library panel. 3When you import layers in an Illustrator file as layers, Flash recognizes the layers in the Illustrator document and adds them as separate layers in the Timeline. When you import layers as keyframes, Flash adds each Illustrator layer to a separate frame in the Timeline, and creates keyframes for them. 4Button symbols include four states: Up, Over, Down, and Hit. Up is the default state for the button. Over determines the button's appearance when the mouse rolls over it. Down determines the button's appearance when it is clicked. Hit defines the active area, which is the area that responds to the mouse click. 5The opacity (or transparency) of a color or instance is determined by its alpha value. To change the opacity of a color, change the alpha value in the Color Picker. To change the opacity for an instance, select Alpha from the Color menu in the Property inspector, and then change the alpha percentage.  

How do you format text in Flash How do you format text in Flash?2Which tool do you use to select text to edit it? Which tool do you use to rotate or move a text box?3How do you add a sound file to a layer?4What is a motion tween and how do you apply it?5How do you apply a filter to text? Answers 1To format text, select it with the Text tool, and then select options in the Property inspector. You can change the typeface, text size, type style, paragraph alignment, and so on. Click the Edit Format Options icon to change the options related to the text box, such as the indent, margins, and line spacing. 2To edit or format text, select it with the Text tool. To rotate, move, resize, or otherwise manipulate a text box, select it with the Selection tool. 3To add a sound file to a layer, select a keyframe in the layer, and then select a sound file from the Sound menu in the Property inspector. The Sound menu lists sound files that are in the Library panel. 4A motion tween applies incremental changes to frames, so that you don't need to reposition or modify objects for each frame. To apply a motion tween, specify the settings or position for an initial keyframe and for a final keyframe. Then, click between the keyframes in the Timeline, and select Motion from the Tween menu in the Property inspector. 5To apply a filter to text, first select the text with the Text tool. Then, click the Filters tab in the Property inspector. Click the Add Filter icon, and select a filter. You can customize the filter settings in the Filters panel.  

How does a motion tween differ from a shape tween How does a motion tween differ from a shape tween?2How do you create a shape tween?3What is a motion guide, and how do you create one?4How can you edit a nested symbol? Answers 1A motion tween creates animation frames for changes in an object's position, size, transparency, color, or other attributes. A shape tween creates animation frames to morph one object into another. Use a shape tween when the initial object has a different shape from the final object. 2To create a shape tween, position the original object on the initial keyframe and the final object on the last keyframe, and then click a frame between the keyframes and select Shape from the Tween menu in the Property inspector. You can apply a shape tween to shapes you draw on the Stage, but to apply one to a group, instance, or bitmap image, you must first break the element apart. 3A motion guide provides a path for an object to follow in the frames included in a motion tween. To create a motion guide, right-click (Windows) or Control-click (Mac OS) the layer that contains the object you're animating, and choose Add Motion Guide. Flash adds a guide layer to the Timeline. Insert a keyframe on the guide layer for the beginning of the motion guide, and then draw a path on the Stage. Create a motion tween on the object's layer, beginning on the same frame as the motion guide. In the Property Inspector, select Orient To Path, Sync, and Snap. Finally, place the object at the beginning of the motion guide for the first keyframe and at the end of the motion guide for the final keyframe. 4To edit a nested symbol, double-click it in the Library panel. To edit it in context, double-click the symbol that contains it on the Stage, and then double-click the nested symbol.

How can you label frames, and when is it useful How can you label frames, and when is it useful?2Which tool lets you change the direction for a gradient?3How can you test a button on the Stage?4How do you name an instance, and why is it necessary?5Describe a quick way to create multiple layers, each containing a separate object. Answers 1To label a frame, create a keyframe for it, and then type a name in the Frame Label box in the Property inspector. You can label frames in Flash to make it easier to reference frames in ActionScript, and to give you more flexibility. If you want to change the frame at which an action occurs, you can move the label, rather than having to locate every reference to the frame number in the script. 2The Gradient Transform tool, grouped with the Free Transform tool, lets you rotate, resize, or change the center point for a gradient. 3To test a button on the Stage, choose Control > Enable Simple Buttons 4To name an instance, select it on the Stage, and then type in the Instance Name box in the Property inspector. You need to name an instance if you plan to refer to it in ActionScript. 5To quickly move objects to individual layers, select the objects on the Stage, and then choose Modify > Timeline > Distribute To Layers. 

ActionScript Basics What is a variable, and how do you declare one ActionScript Basics What is a variable, and how do you declare one?2What is a function?3How can you add comments that will be ignored when the script is run?4What is a conditional statement?5What is an event? What is an event listener? Answers 1A variable represents a specific piece of data, which may or may not be constant. Before you can use a variable, you need to declare it. To declare a variable, you use the var keyword, name the variable, and assign a value to it. 2A function is a group of statements that you can refer to by name. Using a function makes it possible to run the same set of statements without having to type them repeatedly into the same script. 3You can add comments that ActionScript won't read to remind yourself or others what you are accomplishing with different parts of the script. To add a comment for a single line, start it with two slashes (//). To type a multi-line comment, start it with /* and end it with */. 4A conditional statement requires the script to determine whether something is true or false, and then to act based on that determination. The most common type of conditional statement is the if statement. The if statement checks a value or expression in its parentheses. If the value is true, the lines of code in curly brackets are carried out; otherwise, they are ignored. You can add an else statement to provide alternative instructions if the condition is not true. 5An event is something that is initiated by a button click, a key press, or the end of a video. An event listener, also called an event handler, is a function that is executed in response to specific events. 

Component What is a component Component What is a component?2What's the difference between the Component inspector and the Parameters panel?3How can you change a parameter for a component? Answers 1Components are prebuilt movie clip symbols with defined parameters that you can use to add user interface elements, such as buttons, check boxes, or scroll bars, to your document. You can modify the parameters to change a component's appearance and behavior. 2The same parameters are available in the Component inspector and the Parameters panel. However, in the Parameters panel, you can also name the component instance and specify its dimensions and location on the Stage. 3Select the component, and then open either the Component inspector or the Parameters panel. Scroll through the parameters grid, and select the parameter you want to change. Then, select a parameter setting from the pop-up menu in the grid, or type a new value.