Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.

Slides:



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

© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.
Adding Interactivity to Flash Movies Using Buttons and ActionScript SPACE Lab
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Introduction to Macromedia Flash 8
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
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.
Adobe FlashProfessional CS5 – Illustrated
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
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.
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.
Adobe Flash CS4 – Illustrated Unit C: Using Symbols and the Library Panel.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Working with Symbols and Interactivity
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
© 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.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
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.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Flash CS3 Pro HOT CH 5 Shape Tweening. Shape tweening requirements: Vector-based objects No grouped objects No bitmaps No symbols No type, type must be.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
5-1 OBJ Copyright 2003, Paradigm Publishing Inc. Adding Sound, Video, and Basic Interactivity with Buttons Macromedia Flash Design & Application.
UNIT-V MULTIMEDIA APPLICATIONS Learning objectives To learn about symbols and instancesTo learn about symbols and instances To learn how to use Flash Action.
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,
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Copyright 2007, Paradigm Publishing Inc. EXCEL 2007 Chapter 8 BACKNEXTEND 8-1 LINKS TO OBJECTIVES Save a Workbook as a Web Page Save a Workbook as a Web.
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 Actionscript for Flash by Dr SC Li. 2 Understanding more about instances Symbolsgraphics buttons Movie clips Instances (without names) No interaction.
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.
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.
Open a new Flash File Action Script 2.0. Create a button like you did last lesson and name it Click to Play.
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.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Adobe Flash Professional CS5 – Illustrated Unit C: Using Symbols and the Library Panel.
Tutorial 3 Creating Animations.
Adding Buttons, Actions, and Sounds
INTRODUCTION TO ADOBE FLASH CS4
Chapter Lessons Create shape-tweened animations Create a mask effect
Working with Symbols and Interactivity
Presentation transcript:

Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons

An important aspect of Flash is it’s ability to create small file sizes Symbols are graphics that can be re- used without adding file size –Symbols are the original (Parent)object –Instances are the copied (Child) object Flash stores only a symbols information(size, shape, color) thus creating a smaller file size Using Flash Symbols

Attributes, such as color and shape can be freely changed for each instance You can have as many altered Instances as you like Symbols reside in the Library –Dragging a Symbol from the Library to the stage creates an Instance Using Flash Symbols

There are 3 types of Symbols; Graphics, Buttons, and Movie Clips Graphics are effective for single, re- usable images Buttons are for interactivity, such as starting or stopping a movie A Movie Clip is a “movie within a movie” Flash Symbol Types

Creating a Graphic Symbol There are 2 primary ways to create a symbol –Insert > New Symbol command, and then draw a symbol –Or draw an object and then use Insert > Convert to Symbol Use the “Convert to Symbol” dialog box to name the symbol effectively The Symbol gets placed in the library, an instance remains on the stage

Naming a Symbol

Editing a Symbol Select from the Library and double-click, or use Edit > Edit Symbol Changes made to Symbols is reflected in all their associated Instances Remember: changes made to Instances does not affect their (parent) Symbol

Working with Instances Instances can be altered in many ways –Rotated, skewed, resized, re-colored, alpha changes Some limitations to editing an Instance –An instance is a single object with no segments, therefore you cannot select just part of the instance to change –Changes are made to the entire instance –Use “Break Apart” for more edibility, but note that the link will be broken

Applying Effects to Instances

Understanding the Library The Library provides a way to view and organize symbols Change Symbol names and properties Add or delete Symbols

The Library Title Bar-names the movie with which the Library is associated –Sample and external libraries Options Menu-provides access to additional features of the library Item Preview-Displays the selected symbol Toggle Sorting Order Icon

The Library Wide and Narrow View Name Text Box-Lists the folder and Symbol Names New Symbol Icon-Displays the Create New Symbol Dialog box New Folder Icon Properties Icon Delete Item Icon

The Library Name Text Box New Symbol Icon New Folder Icon Properties Icon Options Menu

Understanding Buttons Button Symbols provide interactivity Any Flash object can be turned into a Button Symbol Unlike Graphic Symbols, Button Symbols have four States which correspond to the use of the mouse and recognize the user requires feedback

The Four Button States Up-represents how the button appears when the mouse pointer is not over it Over-represents how the button appears when the mouse pointer is over it Down-how the button appears after the user clicks the mouse Hit-Defines the area of the screen that will respond to the click

The Four Button States The button timeline

Understanding Actions In a basic movie, Flash plays frames sequentially To gain greater control, ActionScripting provides interactivity –Button presses can stop a Movie –Jump to a frame or scene –Play a sound

Analyzing ActionScript Basic ActionScript involves an event (such as a mouse click) that causes some action to occur by triggering the script ActionScript Panel Event Action

Assigning actions to a button Select the desired button on the stage Display the Actions Panel Select the appropriate category Select the desired action

Button Action Events Buttons respond to one or more of the following events –Press: With the pointer inside the button Hit area, the user presses the mouse button –Release: With the pointer inside the button Hit area, the user presses and releases the mouse button

Button Action Events –Release Outside: With the pointer inside the button Hit area, the user presses and holds down the mouse button, moves the pointer outside the Hit area, and releases the mouse button –Key Press: With the pointer inside the button Hit area, the user presses a predetermined key on the keyboard –Roll Over: The user moves the pointer into the button Hit area

Button Action Events –Roll Out: The user moves the pointer out of the button Hit area –Drag Over: The user holds down the mouse button, moves the pointer out of the button Hit area and then back into the Hit area –Drag Out: With the pointer inside the button Hit area, the user holds down the mouse button and moves the pointer outside the Hit area.

Basic Actions Can be applied to a Button- To create interactivity Can be applied to a Frame - causes the playhead to stop More advanced actions, discussed in later units, can be applied to many different types of objects

Unit Tasks Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons