Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS.

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
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.
© Anselm Spoerri Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import Images & Organize.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
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.
© 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.
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.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
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.
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.
Prof. Anselm SpoerriMultimedia Production Rutgers Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall.
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:

Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS

Unit C2Getting Started with Macromedia Flash Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons

Unit C3Getting Started with Macromedia Flash 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

Unit C4Getting Started with Macromedia Flash 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

Unit C5Getting Started with Macromedia Flash 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

Unit C6Getting Started with Macromedia Flash 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

Unit C7Getting Started with Macromedia Flash Naming a Symbol

Unit C8Getting Started with Macromedia Flash 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

Unit C9Getting Started with Macromedia Flash 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

Unit C10Getting Started with Macromedia Flash Applying Effects to Instances

Unit C11Getting Started with Macromedia Flash Understanding the Library The Library provides a way to view and organize symbols Change Symbol names and properties Add or delete Symbols

Unit C12Getting Started with Macromedia Flash 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

Unit C13Getting Started with Macromedia Flash 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

Unit C14Getting Started with Macromedia Flash The Library Name Text Box New Symbol Icon New Folder Icon Properties Icon Options Menu

Unit C15Getting Started with Macromedia Flash 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

Unit C16Getting Started with Macromedia Flash 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

Unit C17Getting Started with Macromedia Flash The Four Button States The button timeline

Unit C18Getting Started with Macromedia Flash 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

Unit C19Getting Started with Macromedia Flash 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

Unit C20Getting Started with Macromedia Flash Assigning actions to a button Select the desired button on the stage Display the Actions Panel Select the appropriate category Select the desired action

Unit C21Getting Started with Macromedia Flash 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

Unit C22Getting Started with Macromedia Flash 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

Unit C23Getting Started with Macromedia Flash 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.

Unit C24Getting Started with Macromedia Flash 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 C25Getting Started with Macromedia Flash Unit C Tasks Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons