المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : التأثيرات الانتقالية transitions في فلاش الجزء الثاني


azizsoft
11-02-2015, 11:43 PM
http://img39.imageshack.us/img39/1332/virusx.gif


كما سبق أن أشرنا في الجزء الآول من الشرح فان جميع أنواع التاثيرات الجاهزة العشرة في كلاس الترانزيشن وهي

Blinds
Fade
Fly
Iris
Photo
PixelDissolve
Rotate
Squeeze
Wipe
Zoom


يمكن أن نغير حركتها وخصائصها من خلال البرمترات التالية

direction: اتجاه التاثير
duration: الوقت بالثواني
easing: نوع التسارع

و من بين هاته الانواع العشرة من يقبل برمترات اضافية ونبدأ على بركة الله في الشرح :

1- Blinds
يمكن ان نستغله في انشاء قناع افقي او عمودي على الصور ويظهرها بشكل متقطع
كالعادة افتح مشروع جديد اضف صورة متوسطة الحجم الى وسط المسرح حولها الى موفي كليب واعطها اسم
my_mc وانسخ الكود وجرب المشروع


import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Blinds, direction:Transition.OUT, duration:3, easing:None.easeOut, numStrips:12, dimension:0});



لاحظ اخي الكريم
numStrips تقبل عدد صحيح وهنا لدينا رقم 12 يعني تاثير تقطع الصورة على 12 جزء لو تعوضه مثلا ب4 تنقسم الصورة الى 4 اجزء في تاثيرها
dimension تقبل اما 0 أو 1 فالصفر للتقطيع العمودي والواحد للتقطيع الافقي غير بينهما ولاحظ النتيجة وكما تعلما يمكن ايضا ان تغير باقي الخصائص

2- Fade

هاته الخاصية لظهور أو تلاشي لعنصر بمقدار تزايد الشفافية بحيث يكون الاتجاه اما
direction:Transition.OUT
direction:Transition.IN
الكود التالي يوضح عملية التاثير على الموفي نسخ ولصق في المشروع وحاول التغيير بينهما لتلاحظ النتيجة


import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Fade, direction:Transition.OUT, duration:3, easing:Strong.easeOut});



3- Fly

هاته الخاصية تستقبل قيمة رقمية اضافية تسمى startPoint قيمتها من 1 الى 9 وكل رقم خاص باحداثيات معينة وسط المسرح
القيم التسعة التالية يمكن لنا ان نعوض اي قيمة في الكود اسفله ونجرب المشروع لنلاحظ التاثير


1 = Top Left
2 = Top Center
3 = Top Right
4 = Left Center
5 = Center
6 = Right Center
7 = Bottom Left
8 = Bottom Center
9 = Bottom Right

انسخ الكود وجرب المشروع ثم بعد ذلك عوض الرقم 7 باحد الارقام ولاحظ الفروق ويمكن ايضا أن تعوض الترانزشن الى الظهور بالمسرح عوض التلاشي
Transition.IN


import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Fly, direction:Transition.OUT, duration:3, easing:Strong.easeOut, startPoint:7});




4- Iris

هاته الخاصية هي عبارة على ماسك اما دائري الشكل او مربع تخفي او تظهر الموفي كليب في عدة اتجاهات وتستقبل قيمين
startPoint وهي نقطة البداية من 1 الى 9 ذكرناها سابقا هي نفسها ثم
shape نحدد من خلال اما يكون الماسك دائري Iris.CIRCLE او مربع Iris.SQUARE

انسخ الكود التالي وحاول التغيير في الخصائص والقيم لتلاحظ النتيجة


import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Iris, direction:Transition.IN, duration:3, easing:Strong.easeOut, startPoint:1, shape:Iris.CIRCLE});



5 - Photo

هاته الخاصية تتعلق بالظهور او التلاشي بشفافية وليس لها خصائص اضافية باستثناء الخصائص المشتركة التي سبق ان ذكرناها والكود التالي يوضح الأمر


import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Photo, direction:Transition.OUT, duration:3, easing:Strong.easeOut});



6- Pixel Dissolve

هاته الخاصية تتعلق باخفاء الموفي كليب او اضهاره عن طريق مربعات عشوائية سواء افقيا أو عموديا وتستقبل قيمين رقميتين
xSections
ySection

الكود التالي يوضح العملية وحاول تغيير الرقم أو احذف أحدها اما
xSections وقيمتها أو ySection وقيمتها



import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:PixelDissolve, direction:Transition.OUT, duration:3, easing:None.easeOut, xSections:35, ySections:35});



7- Rotate

هاته الخاصية خاصة بدوران الموفي كليب وتستقبل 2 بارامتمر
ccw: اذا جعلت القيمة true يكون الدوران عكس عقارب الساعة واذا كانت القيمة false الدوران يكون مع اتجاه عقارب الساعة
degrees: درجات الدوران يمكن ان تضع الرقم المناسب الكود التالي يوضح الامر :


import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Rotate, direction:Transition.OUT, duration:3, easing:None.easeOut, ccw:false, degrees:720});




8 - Squeeze

هاته الخاصية تقلص الموفي كليب اما افقيا او عموديا وتسقبل قيمة رقمية اما 0 تقليص افقي او الرقم 1 تقليص عمودي والكود يوضح الأمر
غير 1 الى 0 ولاحظ النتيجة

import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Squeeze, direction:Transition.OUT, duration:3, easing:None.easeOut, dimension:1});



9 - Wipe

هاته الخاصية أيضا تتعلق باخفاء أو اضهارالموفي كليب وتستقبل قيمة رقمية من 1 الى 9 حاول تغيير الارقام في الكود التالي ولاحظ التاثير
ويمكن ايضا ان تغير الاتجاه direction الى Transition.IN


import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Wipe, direction:Transition.OUT, duration:3, easing:Strong.easeOut, startPoint:1});




10 - Zoom

اعتقد ان هاته الخاصية معروفة للجميع ولها الخصائص المشتكرة المذكورة سابقا ولاحظ الكود بعد التطبيق

import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Zoom, direction:Transition.OUT, duration:3, easing:Strong.easeOut});



ملاحظة
بعد أن تطرقنا الى جميع التاثيرات السابقة جدير بالذكر اخي الكريم أنه يمكن لك ان تستعمل عدة تاثيرات مع بعضها لموفي كليب واحد أو أكثر الكود التالي يوضح الامر نسخ ولصق وعاين النتيجة


import fl.transitions.*;
import fl.transitions.easing.*;

var myTM:TransitionManager = new TransitionManager(my_mc);
myTM.startTransition({type:Zoom, direction:Transition.IN, duration:7, easing:Strong.easeOut});
myTM.startTransition({type:Rotate, direction:Transition.IN, duration:7.5, easing:Bounce.easeOut});
myTM.startTransition({type:PixelDissolve, direction:Transition.IN, duration:5, easing:Strong.easeOut});
myTM.startTransition({type:Fly, direction:Transition.IN, duration:4, easing:Strong.easeOut});


ملف معاينة لكل التاثيرات التي شرحناها

http://im77.gulfup.com/RMnvxx.swf

ملفه المفتوح في المرفقات




أرجو أن أكون قد حققت الفائدة


http://up.graaam.com/img/c254fbbb25128f204e18c9c273464a02.png

خادم المسلمين
12-02-2015, 04:25 PM
شكرا لك اخى عزيز على هذا الشرح الرائع
مفيد جدا للجميع وخصوصا لهواة متابعة الشروحات المقروءة
تم التطبيق على معظم التأثيرات
رفعت التطبيق بالمرفقات

أبو يوسف
12-02-2015, 06:37 PM
جزاك الله خيرا أخانا عزيز وبارك الله فيك

abohmam
12-02-2015, 07:29 PM
جزاك الله خيرا أخى شريف على متابعة الدرس لتتم الفائدة

بارك الله فيك وفى جهودك القيمة

:abc_152:

فرح صالحي
12-02-2015, 07:35 PM
شـكــ وبارك الله فيك ـــرا لك ..:abc_026:. لك مني أجمل تحية .

كاو دهوكي
03-03-2015, 06:45 PM
شـكــ وبارك الله فيك ـــرا لك ...:abc_026:

أبو فارس
04-03-2015, 03:14 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

زينب علي
01-08-2015, 11:42 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

جمال صابر
19-08-2015, 08:37 PM
مشكور انا طبقت عليه و استفدة كثيرا
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

ساندى كريم
17-10-2015, 11:13 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الحارث بن فيصل
18-10-2015, 02:46 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

سمير نبيل
20-10-2015, 07:45 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

يوسف اليوسفي
07-11-2015, 02:21 PM
مشكور اخي على الشرح

لبيب محمد لبيب
07-11-2015, 11:36 PM
شكرا اخي على هذا الموضوع الرائع شكرا جزيلا

عبد الهادي بهاب
03-04-2016, 08:38 PM
متابع معكم و ان شاء الله نفهم
غير انني كانني اتعامل مع لغة من المريخ هههه

azizsoft
10-04-2016, 11:14 PM
بسم الله الرحمن الرحيم

بارك الله فيكم جميعا :abc_022:

أبشروا
05-05-2016, 09:14 PM
جزاك الله خيرا

اميجو
06-05-2016, 01:31 AM
مشكووووووووووور

mastof
17-05-2016, 01:16 PM
حفظكم الله وزادكم علما ورزقا

فلاح العودة
20-05-2016, 09:57 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . :abc_139:

ابليكيشن
25-03-2017, 01:07 AM
الله يعطيك ام عافية

محسن البيتي
03-09-2017, 03:37 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

ابو مهدي
01-06-2019, 01:34 PM
الف شكر لك يا استاذ ..

امجدمحمد
02-06-2019, 12:00 PM
جزاك الله خيرا أخى عزیز