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.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.
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 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Macromedia Flash Cartoons & Buttons Your Presenter: Laura Silberstein
Introduction to Macromedia Flash 8
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
3.02 Computer Animation Software and Design Guidelines
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Chapter 8 – Part III Interactive Multimedia Authoring with Flash: Animation Flash: Tweening “Computers and Creativity” Richard D. Webster, COSC 109 Instructor.
© 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.
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). You can remove normal frames from a certain layer.
CDM105 Session 10 Macromedia FLASH MX 2004 Part 3 : Complex Animation Techniques.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
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.
CDM105 Session 9 Macromedia FLASH MX 2004 Part 2 : Animation with Motion Tweening and Shape Tweening.
© 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.
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.
© 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.
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.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Dm 11 - Flash Special Effects Special Effects CREATING.
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Flash animation For beginners. homework Your homework is over two weeks so please write in each week of your planner for the next two weeks For homework.
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.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
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 Animation By Kaotip and Victoria. COLOUR TWEEN ON FLASH.
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.
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
Creating a movie clip.
Creating Special Animations
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Creating Complex Animations
Agenda 1 - Flash continued -
Animation Part III: Interactive Multimedia Authoring with Flash
Agenda 1 - Practice Files > Must be checked off today
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Flash animation For beginners.
Animate Some more advanced concepts
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Develop Rich Internet Content and Applications
Tweening along a path.
Let Flash do Guessing at Animation for you.
Presentation transcript:

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 the  How to draw a Motion path on the Guide Layer?  Sing either the pencil tool or the line tool

Note: the created motion Guide layer will guide a selected layer ( an usually appears above that layer). How to make it guide another layer or several layers? (Hint: Drag- drop)

 Every created symbol in the current session is saved into the library panel  You can import any already designed image as symbol to the library panel from (File  import to library)

Example 1: Motion Guide Layer

Example 2: Motion Guide Layer

 For spotlight effects and transitions, use a mask layer to create a hole through which underlying layers are visible.  A mask item can be a filled shape, a type object, an instance of a graphic symbol, or a movie clip.  Group multiple layers under a single mask layer to create sophisticated effects.

Example 3  Open a 550X400 new project  Name the current layer “Spot light” and do the following:  On frame (0) insert a keyframe, draw a circle, and convert it to a symbol.  On frame(30) insert a keyframe then move the circle to the opposite end.  On frame (60) insert a keyframe then move the circle back to its original position  Apply Motion tween on the frames (0) and (30)  Add new layer and name it “Text” and type a text (Welcome).  Make the “Spot light” layer a Mask layer (Right click  Mask)  Drag the “Text” layer under the “Spot light “ layer  Your time line will be as following:

 You can group any number of object into one object using:  Ctrl+G or  Modify  Group  The objects to be grouped can be:  Images  Shapes  Symbols  Texts

 How to Stop your movie from Repeating? stop();

 How to Stop your movie from Repeating Automatically at a certain time? 1-insert keyframe at that certain time 2-Go to the Action panel then type: Stop(); Note that: Actions are the same as changes, can be applied on a Keyframe only Not a normal frame

 How to Stop your movie at any time Manually? 1-Create a button or clickable text on a separate layer 2-Highlight your button or clickable text then type the following Script: on(press){ stop(); }

 How to Play your movie at any time Manually? 1-Create a button or clickable text on a separate layer 2-Highlight your button or clickable text then type the following Script: on(press){ play(); }

How to Create a Clickable Button?  Add a new layer (for each button)  Draw the button  Type the button text and place it on top of the button  Group (Button + Text) together using ctrl+G  Convert the grouped object into a button symbol  Select the grouped object then go to the action panel to type the script

How to Create a Clickable Text?  Add a new layer (for each clickable)  Type the button text  Convert the text to a button symbol  Select the text then go to the action panel to type the script

How to Create a Clickable Image?  Add a new layer (for each Image)  Import the image to library then drag it to stage  Type the image text and place it on top of the image  Group (image + Text) together using ctrl+G  Convert the grouped object into a button symbol  Select the grouped object then go to the action panel to type the script