XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer.

Slides:



Advertisements
Similar presentations
Distributed Multimedia Programming Week - 1. Document Window The Document Window is divided in to six main components Timeline – The Timeline is where.
Advertisements

INTRODUCTION TO ADOBE FLASH CS4
1What is the Stage. 2How do you open a panel in Flash
Tutorial 4 Creating Complex Animations. XP Objectives Modify an animation’s motion path Modify motion tweens using the Motion Editor Create an animation.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
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.
© Anselm Spoerri Lecture 10 Flash –Recap –Key Components & Tools –Animating Bitmaps –How to modify Color and Transparency of Bitmap –Animating along Motion.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Introduction to Macromedia Flash 8
3.02 Computer Animation Software and Design Guidelines
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
3.02 Computer Animation Software and Design Guidelines
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
Chapter 17 Putting It All Together. Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download.
CDM105 Session 10 Macromedia FLASH MX 2004 Part 3 : Complex Animation Techniques.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
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 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.
CDM105 Session 9 Macromedia FLASH MX 2004 Part 2 : Animation with Motion Tweening and Shape Tweening.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
CT1514.  What is Motion Guide Layer?  Controls the movement of objects in a Motion tween animation  How to create a Motion Guide Layer?  Click on.
© 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.
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.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
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.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
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,
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Working with Movie Clips – Lesson 61 Working with Movie Clips Lesson 6.
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.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
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.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Animation in flash. Frame-by-Frame Animation An animation is made from a series of framed images displayed one after the other to create the motion. Flash.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
Tutorial 3 Creating Animations.
Creating Special Animations
Tutorial 3 Creating Animations.
Flash Interface, Commands and Functions
Computer presentation
Creating Complex Animations
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Develop Rich Internet Content and Applications
Presentation transcript:

XP Tutorial 4 Special Animations

XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer When a guide layer is used together with a motion tween it is called a motion guide layer. A motion guide layer provides a path for an object in the guided layer to follow throughout the motion tween. To create a motion guide layer for a motion tweened animation, you create first the motion tween on the layer. Select the layer and insert a motion guide layer above it by selection the Motion Guide command from the Timeline submenu on the Insert menu. On the motion guide layer, draw a path for the animated object to follow using the Pencil, Pen, Line, or Brush tool.

XP New Perspectives on Macromedia Flash MX Animation Using a Motion Guide Layer Motion guide layer Guided layer Add Motion guide button Orient to path option selected

XP New Perspectives on Macromedia Flash MX Testing the Motion Guide Layer Press the Enter key to test the motion guide tween. Click the first frame of the animated layer and then click the Orient to path check box in the Property inspector, to check it. Click the last frame of the animated layer and then click the Orient to path check box in the Property inspector, to check it. Move the playhead to the first frame and press the Enter key to test the animation again.

XP New Perspectives on Macromedia Flash MX Animation Using a Mask Layer Create the object that will be masked on one layer, and add a new layer above it that will contain the mask. Right-click the top layer and select Mask from the context menu. Mask layer Masked layer indented below the mask layer

XP New Perspectives on Macromedia Flash MX Animation Using a Mask Layer

XP New Perspectives on Macromedia Flash MX Mask Layer Animation Mask layer Masked layer Mask object

XP New Perspectives on Macromedia Flash MX Animating Text Blocks Text can be animated in many ways to create special effects. Text blocks can be animated using frame-by- frame or tweened animations. To create a motion tween with a text block, you need to first convert the text block to a symbol. This process is the same as you follow to create motion tweens for other symbols.

XP New Perspectives on Macromedia Flash MX Sample Shape Tween

XP New Perspectives on Macromedia Flash MX Animating Individual Letters Animating individual letters in a word or phrase makes it possible to create interesting text effects. To create most effects, you first need to break a word into its individual letters and then animate each letter separately. The easiest way to animate letters is by using motion tweens.

XP New Perspectives on Macromedia Flash MX Animating Individual Letters

XP New Perspectives on Macromedia Flash MX Distribute to Layers The Distribute to Layers command will take a group of selected objects and place each individual object onto its own layer. Each new layer is named based on its new content. The layer that originally contained the grouped objects will be empty after you apply the Distribute to Layers command. This command is located in the Timeline submenu of the Modify menu.

XP New Perspectives on Macromedia Flash MX Motion Tweens for Each Layer

XP New Perspectives on Macromedia Flash MX Individual Letters Animation

XP New Perspectives on Macromedia Flash MX Creating and Testing Animations Using Onion Skinning Onion skinning displays more than one frame at one time on the Stage. This is especially helpful when creating frame-by- frame animation. Flash will display the current frame plus two or more frames on the Stage at once.

XP New Perspectives on Macromedia Flash MX Creating and Testing Animations Using Onion Skinning Onion Skin Outlines button Onion Skin button Edit Multiple Frames button Modify Onion Marker’s button Onion Skin markers Several frames visible on the Stage at once

XP New Perspectives on Macromedia Flash MX Complex Animation with Nested Symbols You can create complex animation effects just by adding more layers to the document’s main Timeline. To animate multiple parts of an object at the same time, you can use nested symbols, which contains instances of other symbols within its Timeline. The nested movie clip instances are referred to as the child movie clips and the movie clip they are nested within is referred to as the parent movie clip.

XP New Perspectives on Macromedia Flash MX Example of Nested Movie Clip

XP New Perspectives on Macromedia Flash MX Using the Movie Explorer The Movie Explorer is a panel that displays all of a document’s elements in a hierarchical view allowing you to manage and easily locate any of the individual elements. To open the Movie Explorer you click the Movie Explorer command from the Other Panels submenu, which is located on the Window menu.

XP New Perspectives on Macromedia Flash MX Using the Movie Explorer Show Video, Sounds and Bitmaps button Show Frames and Layers button Customize which Items to Show button Show Action Scripts button Display of selected elements Search for specific elements Show Text button Show Buttons, Movie Clips and Graphics button

XP New Perspectives on Macromedia Flash MX Movie Explorer Elements

XP New Perspectives on Macromedia Flash MX Other Movie Explorer Options Go to Location – moves the playhead to the keyframe the selected instance resides in Find in Library – displays the selected symbol in the Library panel Show Movie Elements – displays the document’s elements such as its layers, frames, and symbol instances Show Symbol Definitions – displays the symbols used in the document; also displays the elements of the symbols Show All Scenes – displays the elements and symbols for all scenes in the document not just the current scene Print – prints a list of the contents of the Movie Explorer; only those elements displayed in the Movie Explorer are printed

XP New Perspectives on Macromedia Flash MX The Movie Explorer Movie Explorer panel displaying text blocks