Motion Tween Motion Tween allow us to move a shape on the stage from one place to another. تسمح بحركة الشكل من مكان الى اخر Motion Tween allow us to move.

Slides:



Advertisements
Similar presentations
Flash MovieClip Symbols Movieclip symbols are reusable pieces of flash animation هي قطع من حركات الفلاش يعاد استخدامها عدة مرات Movieclip symbols are reusable.
Advertisements

Arrays in Flash What is an Array: What is an Array: Array is a list of cells, each cell in the list has a number to identify it (index or position). هي
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.
© Anselm Spoerri Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import Images & Organize.
Introduction to Macromedia Flash 8
3.02 Computer Animation Software and Design Guidelines
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
3.02 Computer Animation Software and Design Guidelines
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.
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.
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.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
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.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Creating Scenes A scene in flash contains one or more layers that show related objects, in the stage, that act and interact to deliver a certain idea.
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
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.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
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.
1 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
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.
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.
Dr.Al-Mothana Gasaymeh. Mask layers تظهر ما تحت objects التي عليها كيفية عملها : كبسة يمين على الطبقة و اختيار Mask.
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.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Chapter1 The flash interface and action script 3.0.
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.
Slide1. How to start Adobe Flash? Ans. Click on Start> All Programs> Adobe Design Premium CS5.5 >Adobe Flash Professional CS5.5 How to make the workspace,
Flash Slideshow with Fade Transition Slideshow #1-Themed Images Slideshow #2-Instructional Images.
 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
Macromedia Flash MX.
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
3.02 Computer Animation Software and Design Guidelines
Animation Part III: Interactive Multimedia Authoring with Flash
CT1514 Flash-2.
3.01E Adding and Animating Text into Computer Animations
Flash animation For beginners.
Animate Some more advanced concepts
Motion Path Mouse Maze 1. Right-click & Copy the Maze from this slide.
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
Tweening along a path.
Let Flash do Guessing at Animation for you.
2.02D Computer Animation Software and Design Guidelines
Presentation transcript:

Motion Tween Motion Tween allow us to move a shape on the stage from one place to another. تسمح بحركة الشكل من مكان الى اخر 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 to a symbol. من اجل استخدام التوين لتحريك الشكل يجب تحويله الى رمز In order to use motion tween, the shape to be moved must be converted to a symbol. من اجل استخدام التوين لتحريك الشكل يجب تحويله الى رمز A symbol is an object stored in flash movie and can be used and inserted in the stage several times as needed. الرمز هو كائن مخزن في فيلم الفلاش ويمكننا استخدامه وادراجه على المسرح عدة مرات حسب الحاجة A symbol is an object stored in flash movie and can be used and inserted in the stage several times as needed. الرمز هو كائن مخزن في فيلم الفلاش ويمكننا استخدامه وادراجه على المسرح عدة مرات حسب الحاجة To convert a shape to a symbol. لتحويل الشكل الى رمز To convert a shape to a symbol. لتحويل الشكل الى رمز 1. Select the shape by the selection tool from toolbox حدد الشكل بواسطة اداة التحديد من صندوق الادوات 2. Click MRC on the shape and choose (Convert to Symbol). Or, you can press F8. Or, (Modify  Convert to Symbol)

Motion Tween- Convert to Symbols To can add a expressive name to that symbol in the Name text fielddl يمكن اضافة اسم معبر للرمز في حقل الاسم To can add a expressive name to that symbol in the Name text fielddl يمكن اضافة اسم معبر للرمز في حقل الاسم Then, choose (Graphic) from the Type part. Then, choose (Graphic) from the Type part. After you press (OK), the shape will be converted to graphic symbol and it will be added to Library panel اضغط موافق ليتحول الشكل الى رمز من نوع غرافيك ومضافة في لوحة المكتبة After you press (OK), the shape will be converted to graphic symbol and it will be added to Library panel اضغط موافق ليتحول الشكل الى رمز من نوع غرافيك ومضافة في لوحة المكتبة

Motion Tween- Convert to Symbols Library panel is a container used to hold all the objects needed to build a movie. حاوية تستخدم لحفظ جميع الكائنات التي نحتاجها لبناء الفيلم Library panel is a container used to hold all the objects needed to build a movie. حاوية تستخدم لحفظ جميع الكائنات التي نحتاجها لبناء الفيلم It can hold symbols, images, audio and video files. يمكن ان تحفظ رموز وصور وملفات فيديو It can hold symbols, images, audio and video files. يمكن ان تحفظ رموز وصور وملفات فيديو You can use an object from the library simply by dragging and dropping it in the stage. يمكن استخدام الكائنات من المكتبة ببساطة بعمل سحب للكائن الى المسرح. You can use an object from the library simply by dragging and dropping it in the stage. يمكن استخدام الكائنات من المكتبة ببساطة بعمل سحب للكائن الى المسرح. If the library panel was not show اذا المكتبة ليست ضاهرة If the library panel was not show اذا المكتبة ليست ضاهرة, press (Ctrl+L) or, press (Ctrl+L) or choose (window  Library) choose (window  Library)

Motion Tween- Convert to Symbols After converting the shape to a symbol, you will notice a blue rectangle surrounding it. بعد تحول الشكل الى رمز يمكنك ملاحظة مستطيل ازرق يحيط به. After converting the shape to a symbol, you will notice a blue rectangle surrounding it. بعد تحول الشكل الى رمز يمكنك ملاحظة مستطيل ازرق يحيط به. Ex) use the previous steps to draw a circle shape and then, convert it to graphic symbol. After that add a number of copies of it in the stage. استخدام الخطوات السابقة لرسم شكل دائرة ، ثم تحويلها إلى رمز من نوع غرافيك. بعد ذلك أضيف عدد من نسخ منه في المسرح Ex) use the previous steps to draw a circle shape and then, convert it to graphic symbol. After that add a number of copies of it in the stage. استخدام الخطوات السابقة لرسم شكل دائرة ، ثم تحويلها إلى رمز من نوع غرافيك. بعد ذلك أضيف عدد من نسخ منه في المسرح

Motion Tween Ex) This example shows how to move a shape from one place to another using motion tween. (motionTween.fla) Ex) This example shows how to move a shape from one place to another using motion tween. (motionTween.fla) 1. Create a flash file 2. Draw a circle in the first frame and convert it to graphic symbol. 3. Create a keyframe in frame# Move the circle symbol to another place in the stage. 5. MLC on frame#1, then go to (property inspector) and choose (motion) from Tween DropDownList.

Motion Tween- Motion Guide Motion guide: directing the movement of a symbol using a drawn path. توجيه حركة رمز باستخدام مسار مرسوم Motion guide: directing the movement of a symbol using a drawn path. توجيه حركة رمز باستخدام مسار مرسوم Ex) this example shows how to make a circle symbol moves on a drawn curved line. (motion_giude.fla) Ex) this example shows how to make a circle symbol moves on a drawn curved line. (motion_giude.fla) 1. Create a new flash file. 2. Create a circle graphic symbol. 3. Name the layer as "graphic “. 4. Right click on the "graphic" label (layer name) and select "Add Motion Guide “اضغط على طبقة غرافيك في الماوس اليمي واختار 5. A new layer will appear on top of the "graphic" layer with the label "Guide:graphic ”الطبقة الجديدة ستظهر اعلى من طبقة غرافيك وسميها

Motion Tween- Motion Guide 6. Draw the path for your symbol in this new layer using pencil or line tool. ارسم مسار الرمز في الطبقة الجديدة باستخدام القلم او اداة الخط For example: draw a curved line. 7. Select frame 50 of guide layer and press "F5" to insert frames. اختار الاطار 50 في طبقة الغرافيك واضغط ف 5 لادخال اطار 8. Now go to "Frame 1" of "graphic" layer and drag your symbol to one end of your path. The circle on the center of the symbol should cross the curved line. ان اذهب الى الاطار 1 من طبقة غرافيك واسحب الرمز الى نهاية بداية المسار الدائرة التي في مركز الرمز يجب ان تتقاطع مع الخط المنحني

Motion Tween- Motion Guide 9. Now go to "Frame 50" of "graphic" layer and press F6 to insert a new keyframe. 10. Now drag your symbol to other end of your path. Again, The circle on the center of the symbol should cross the curved line. 11. MLC on frame#1, then go to (property inspector) and choose (motion) from Tween DropDownList. 12. Test the movie.