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.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Flash Raining Text. Open Project Create Project – Action Script 3 Select Text Tool Type in some text – From the Properties Menu – Choose Font, Font Size,
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.
Introduction to Macromedia Flash 8
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
Flash Quizzes Quiz templates generate quizzes that use Flash Interaction Components.
Creating Flash Buttons Button Making Rollover Effects Enlarging the Clickable Area Giving Buttons Behaviors Behavior Options.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
CDM105 Session 10 Macromedia FLASH MX 2004 Part 3 : Complex Animation Techniques.
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.
Click your mouse for next slide Flash - Motion Tweening Creating a movie frame by frame would be very time consuming It would also be very jerky unless.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
CDM105 Session 9 Macromedia FLASH MX 2004 Part 2 : Animation with Motion Tweening and Shape Tweening.
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.
® 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.
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). يمكنك ازالة الاطر العادية من طبقة معينة باستخدام.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
DIAMOND SHINE EFFECT. IN THIS STEP BY STEP LESSON, I WILL SHOW YOU HOW TO CREATE VERY ATTRACTIVE DIAMOND SHINE EFFECT USING SOME SPECIAL FLASH TIPS AND.
EYEGLASSES SHINE EFFECT. IN THIS LESSON, YOU WILL SEE HOW TO APPLY SHINE EFFECT ON EYEGLASSES ON THE PICTURE USING THE COLOR MIXER PANEL AND MASK.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Click your mouse for next slide Flash – Morphing and Shape Tweening You have designed some motion animation with the last lesson There is another type.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
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.
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.
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.
Dm 11 - Flash Special Effects Special Effects CREATING.
Macromedia Flash MX 2004 – Design Professional 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.
BASIC MOTION TWEEN Studio 8 1. Draw a square (blue fill, no stroke) on the upper-left area of the stage.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
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.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Flash Vector Illustration Animation Broadcast Media Mobile Computing Games Game Consoles Internet Edutainment Kiosks.
Unit 7 – Desktop Publishing Animation Animation Skills Lesson – Overview of Adobe Flash Canvas TimeLine Tools Properties.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
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.
Click your mouse for next slide Flash – Fades and Alphas One useful thing you can so is to do a fade in of a picture or an image This is done by controlling.
INTRODUCTION TO FLASH Flash is used for: Animated movies Games Website Interface (Headers, Navigation Bar 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.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
 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.
Tutorial 3 Creating Animations.
Creating Special Animations
Frame(GIF) and Vector Animation
Macromedia Flash MX.
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
The Basics of Creating a Simple Flash Animation
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Flash animation For beginners.
Chapter Lessons Create shape-tweened animations Create a mask effect
Motion Path Mouse Maze 1. Right-click & Copy the Maze from this slide.
Develop Rich Internet Content and Applications
Tweening along a path.
Presentation transcript:

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 by (MRC + Remove Frames). Using (MRC+ Clear frames) will remove the content of normal frames (keeping their places reserved). Using (MRC+ Clear frames) will remove the content of normal frames (keeping their places reserved). To clear content of keyframes press (MRC + Clear Keyframe) To clear content of keyframes press (MRC + Clear Keyframe) Mouse right click

Shortcut Keys Frames (with all types) can be created and removed using the following shortcut keys: Frames (with all types) can be created and removed using the following shortcut keys: select that frame and: F5: to create normal frame F5: to create normal frame F6: to create Keyframe F6: to create Keyframe F7: to create Blank Keyframe F7: to create Blank Keyframe And finally, if you want to remove any type of them, just precede its shortcut key with (shift) And finally, if you want to remove any type of them, just precede its shortcut key with (shift)

Layer part of timeline panel Layer part shows the layers making up the current scene. Layer part shows the layers making up the current scene. The frames of each layer are displayed in front of it. The frames of each layer are displayed in front of it. If you want to make two shapes move on the stage at the same time, you can put each one on a different layer. If you want to make two shapes move on the stage at the same time, you can put each one on a different layer. To create a new layer: To create a new layer: Press on appearing on the layer part, or Press on appearing on the layer part, or Using menu: (Insert  Timeline  Layer) Using menu: (Insert  Timeline  Layer)

Layer part of timeline panel To delete a layer: To delete a layer: Select it, the MRC and select (Delete Layer) Select it, the MRC and select (Delete Layer) To rename a layer: To rename a layer: Double click on layer and type the new name. Double click on layer and type the new name. To hide a certain layer: To hide a certain layer: Click on of that layer. Click on of that layer. To prevent user from changing objects inserted in a certain layer: To prevent user from changing objects inserted in a certain layer: Click on of that layer Click on of that layer

Layer part of timeline panel Ex) Using multilayers: Ex) Using multilayers: 1. Create a flash file 2. Create a new layer and rename it to (MyLayer) 3. Draw a rectangle in the first layer and make it appear on the stage for 2 seconds. 4. Draw a circle in the second layer and make it appear on the stage for 3 seconds. 5. Test the movie (Ctrl + Enter) 6. hide the layer (MyLayer) 7. Test it again.

Animation Animation in flash can be done using: Animation in flash can be done using: 1. Frame by Frame animation You can create motion here by drawing shapes (with small changes) in each frame. You can create motion here by drawing shapes (with small changes) in each frame. 2. Tween Animation Tween (from between) is to ask the flash to determine the behavior of an object if we give it the initial and last state of that object. Tween (from between) is to ask the flash to determine the behavior of an object if we give it the initial and last state of that object.

Frame by Frame animation The following example shows how we can prepare animated shape using frame by frame approach The following example shows how we can prepare animated shape using frame by frame approach ex) a growing line (growingLine.fla) ex) a growing line (growingLine.fla) 1. Create a flash file 2. In frame #1, draw a small square. 3. Select that square and take a copy of it. (it will be pasted to other keyframes) 4. MLC on next frame, press F6 (Insert Keyframe) 5. Paste that square in that frame and put it in front of the previous square(connected with it). 6. Repeat the steps (4,5) a number of times. 7. Test the movie (ctrl + Enter)

Tween Animation Tween Animation could be done using two main methods: Tween Animation could be done using two main methods: 1. Shape tween: Simply, It is the transformation of an object shape from one case to another. Simply, It is the transformation of an object shape from one case to another. 2. Motion tween: Simply, It is moving an object from one place to another. Simply, It is moving an object from one place to another.

Shape Tween Ex) transforming an object from a circle to rectangle. (shapeTween.fla) Ex) transforming an object from a circle to rectangle. (shapeTween.fla) 1. Create a flash file 2. Draw a circle in the first frame. 3. MRC on frame#35, then, Insert Blank Keyframe. 4. Draw a rectangle in that frame. 5. MLC on frame#1, then go to (property inspector) and choose (shape) from Tween DropDownList. 6. Click (Ctrl+Enter) to test the work

Shape Tween 7. Create a new layer. 8. Write any text on the stage using (Text Tool) from toolbox. 9. Convert it to shape by : selecting it and choosing (modify  Break Apart) twice. 10. After that, insert Blank Keyframe in frame# Add another text on a different place of the stage and apply step 9 again. 12. MLC on frame#1, then go to (property inspector) and choose (shape) from Tween DropDownList. 13. Click (Ctrl+Enter) to test the work