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

Slides:



Advertisements
Similar presentations
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). هي
Advertisements

INTRODUCTION TO ADOBE FLASH CS4
CIS 205—Web Design & Development Flash Chapter 3 Appendix B on Creating Animations.
© Anselm Spoerri Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import Images & Organize.
1 Flash Actionscript Adding Interactive Actions. 2 ActionScript 3.0 ActionScript is the language you use to add interactivity to Flash applications, whether.
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
MovieClips & Properties Flash ActionScript Introduction to Thomas Lövgren
1 © Netskills Quality Internet Training, University of Newcastle Flash 8: Animation Techniques © Netskills, Quality Internet Training, University of Newcastle.
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.
Chapter 3 Working with Symbols and Interactivity.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
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.
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.
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.
© 2011 Delmar, Cengage Learning Chapter 3 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.
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.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
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.
© 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.
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.
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.
© Anselm Spoerri Lecture 10 – Related: Part 1 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
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 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.
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.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Motion Tween Motion Tween allow us to move a shape on the stage from one place to another. تسمح بحركة الشكل من مكان الى اخر Motion Tween allow us to move.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Primitive Data Types 2. Boolean Data Type: It is used in logical operations to represent a certain state. هو يستخدم في العمليات المنطقية لتمثيل دالة معينة.
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.
 Movieclip symbols are reusable pieces of flash animation  consisting usually of one or more graphic/button symbols  thus they are flash movies within.
Flash Demonstration – Unit 3 Create Multi-Part Animation –Animate Images –Fade-in and Fade-out Text –Add Interactivity to Instance of MovieClip –Animated.
Prof. Anselm SpoerriMultimedia Production Rutgers Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall.
 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.
Tutorial 3 Creating Animations.
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
The Basics of Creating a Simple Flash Animation
CT1514 Flash-2.
Animate Some more advanced concepts
Chapter Lessons Create shape-tweened animations Create a mask effect
Working with Symbols and Interactivity
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
Flash Demonstration – Unit 5 – ActionScript 3.0
Exercise : Animated Navigation Structure in Animate (= Flash)
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

Flash MovieClip Symbols Movieclip symbols are reusable pieces of flash animation هي قطع من حركات الفلاش يعاد استخدامها عدة مرات Movieclip symbols are reusable pieces of flash animation هي قطع من حركات الفلاش يعاد استخدامها عدة مرات consisting usually of one or more graphic/button symbols عادة تتالف من واحد او اكثر من الرسوم ( ازرار رموز ) consisting usually of one or more graphic/button symbols عادة تتالف من واحد او اكثر من الرسوم ( ازرار رموز ) thus they are flash movies within your flash movie. وبالتالي هي افلام فلاش ضمن فيلم الفلاش الخاص بك thus they are flash movies within your flash movie. وبالتالي هي افلام فلاش ضمن فيلم الفلاش الخاص بك They have their own non-restricted Timeline (any number of layers and frames - just like the main timeline) that plays independent of the main movie's Timeline. وهو يملك خط زمن خاص به غير محدد ( أي عدد من الطبقات والاطر مثل خط الزمن الرئيسي ) وهي تشتغل بشكل مستقل عن خط الزمن الرئيسي They have their own non-restricted Timeline (any number of layers and frames - just like the main timeline) that plays independent of the main movie's Timeline. وهو يملك خط زمن خاص به غير محدد ( أي عدد من الطبقات والاطر مثل خط الزمن الرئيسي ) وهي تشتغل بشكل مستقل عن خط الزمن الرئيسي

MovieClip Symbols Example Ex) to create a movie clip symbol, follow the following steps: Ex) to create a movie clip symbol, follow the following steps: 1. First create/ او ))import the object(s) to be converted into a movieclip. Import an image onto the stage using Ctrl+R. 2. Select the object(s) and then press F8 (or Modify >> Convert to Symbol). 3. Select the Movieclip type and name the symbol, say 'mc_fade').

Flash MovieClip Symbols The best thing about using movieclips is that you can control them with ease. افضل شي في استخدام موفي كليب هو امكانية التحكم بها بسهولة The best thing about using movieclips is that you can control them with ease. افضل شي في استخدام موفي كليب هو امكانية التحكم بها بسهولة you can change their dimensions, position, color, and other properties and can even duplicate and delete them. يمكنك تغيير ابعادها وموقعها ولونها وخصائص اخرى كما يمكنك اضافتها بشك متكرر وحذفها you can change their dimensions, position, color, and other properties and can even duplicate and delete them. يمكنك تغيير ابعادها وموقعها ولونها وخصائص اخرى كما يمكنك اضافتها بشك متكرر وحذفها Movie clip symbols have instance names which helps in accessing them within actionscript. هو يملك instance names مما يساعدك في الوصول اليه من خلال الاكشن Movie clip symbols have instance names which helps in accessing them within actionscript. هو يملك instance names مما يساعدك في الوصول اليه من خلال الاكشن

MovieClip Symbols Example 3. Double-click the instance of 'mc_fade' on the stage to switch to its symbol-editing mode. 4. Now create an animation sequence (you can use simple Tweened Animation or Frame-by- Frame Animation) Tweened AnimationFrame-by- Frame AnimationTweened AnimationFrame-by- Frame Animation

MovieClip Symbols Example 5. The previous figure الرسمة السابقة )) shows the Timeline of the Movieclip symbol. Click Scene 1 to exit from the symbol editing mode. 6. Save your work and test the Movie (Ctrl + Enter). That's it your movieclip is ready! Its that simple. 7. Add another scene, then move the created movie clip symbol onto the stage.

Moving MovieClip Symbols Example Ex) This example shows how we could access movie clip symbol within action script. هذا المثال يعرض كيف يمنك الوصول الى موفي كليب من خلال الاكشن Ex) This example shows how we could access movie clip symbol within action script. هذا المثال يعرض كيف يمنك الوصول الى موفي كليب من خلال الاكشن 1. Create a new flash file 2. draw a small circle onto the stage and convert it to movie clip symbol. 3. Give this symbol an instance name (circle) اعطي هذا الرمز 4. Create four buttons. Each button will be used to move the movie clip symbol (circle) in one of the four directions(up, down, left, right) انشىء 4 ازرار كل زر يستخدم لتحريك الرمز في الموفي واحدة من الاربع الحركات ( اعلى، اسفل ،شمال،يمين )

Moving MovieClip Symbols Example Note: the upper-left corner has the coordinates (0,0). احداثيات الزاوية العليا اليسرى Note: the upper-left corner has the coordinates (0,0). احداثيات الزاوية العليا اليسرى To move the movieclip symbol down, increments y-axis. لتحريك رمز في موفي الى الاسفل نزيد على To move the movieclip symbol down, increments y-axis. لتحريك رمز في موفي الى الاسفل نزيد على To move the movieclip symbol up, decrements y-axis. لتحريك رمز في موفي الى الاعلى ننقص على To move the movieclip symbol up, decrements y-axis. لتحريك رمز في موفي الى الاعلى ننقص على To move the movieclip symbol right, increments x-axis. لتحريك رمز في موفي الى اليمين نزيد على To move the movieclip symbol right, increments x-axis. لتحريك رمز في موفي الى اليمين نزيد على To move the movieclip symbol left, decrements x-axis. لتحريك رمز في موفي الى اليسار ننقص على To move the movieclip symbol left, decrements x-axis. لتحريك رمز في موفي الى اليسار ننقص على

Moving MovieClip Symbols Example 5. Add the following code to the up button: ضف الكود التالي على زر الاعلى on( press) { circle._y = circle._y – 10; } circle._y: it is the y-axis for the circle movie clip symbol

Moving MovieClip Symbols Example 6. Now, by your self write the action script for the other buttons. الان بنفسك اكتب الاكشن للازرار الاخرى 7. Test the application