إعـــــــلان

تقليص
لا يوجد إعلان حتى الآن.

التأثيرات الانتقالية transitions في فلاش الجزء الثاني

تقليص
هذا الموضوع مغلق.
X
X
 
  • تصفية - فلترة
  • الوقت
  • عرض
إلغاء تحديد الكل
مشاركات جديدة

  • التأثيرات الانتقالية transitions في فلاش الجزء الثاني






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

    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

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




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




    الملفات المرفقة

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

    تعليق


    • #3
      جزاك الله خيرا أخانا عزيز وبارك الله فيك

      تعليق


      • #4
        جزاك الله خيرا أخى شريف على متابعة الدرس لتتم الفائدة

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

        تعليق


        • #5
          شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

          تعليق


          • #6
            شـكــ وبارك الله فيك ـــرا لك ...

            تعليق


            • #7
              شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

              تعليق


              • #8
                شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

                تعليق


                • #9
                  مشكور انا طبقت عليه و استفدة كثيرا
                  شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

                  تعليق


                  • #10
                    شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

                    تعليق


                    • #11
                      شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

                      تعليق


                      • #12
                        شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

                        تعليق


                        • #13
                          مشكور اخي على الشرح

                          تعليق


                          • #14
                            شكرا اخي على هذا الموضوع الرائع شكرا جزيلا

                            تعليق


                            • #15
                              متابع معكم و ان شاء الله نفهم
                              غير انني كانني اتعامل مع لغة من المريخ هههه

                              تعليق

                              مواضيع تهمك

                              تقليص

                              المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 06-08-2025 الساعة 11:33 PM
                              المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 06-04-2025 الساعة 05:29 PM
                              المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 05-31-2025 الساعة 10:07 PM
                              المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 05-30-2025 الساعة 11:48 PM
                              المنتدى: التصنيع والانتاج نشرت بواسطة: HaMooooDi الوقت: 05-30-2025 الساعة 09:36 AM
                              يعمل...
                              X