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

مشاهدة النسخة كاملة : دورة الفلاش .. الدرس التاسع التعامل مع الأزرار



hialsayed
12-Apr-2008, 01:11
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
أحب أن أتوجه بجزيل الشكر للأخ م.صالح على جهوده المبذولة لاثراء الدورة فجزاه الله عنا جميعاً كل خير
كما أعتذر عن تقصيري بسبب ارتباطي بسفر لمدة أسبوعين والتحضيرات التي سبقت السفر مما جعلني مقصراً في اعطاء الدورة حقها وأشكر مرة أخرى الأخ م.صالح الذي عوض هذا التقصير
وأعدكم إن شاء الله بعد عودتي من السفر وانتهاء الدورة أن يكون هناك حلقات عمل تطبيقية خاصة بالدورة ولمدة شهر لاثراء الدورة وتحقيق الفائدة المرجوة وسيكون هناك جائزة لأفضل متدرب وهي:

دومين مع استضافة موقع مساحة 500 ميغا لمدة عام واحد

نبدأ الدرس :

سنتعلم في هذا الدرس كيفية مبادئ تحويل الفيلم في فلاش من الشكل السكوني إلى الشكل التفاعلي حيث يستطيع المشاهد التحكم ببعض الأمور التي سوف تظهر في الفيلم وكل ذلك عن طريق الأزرار, ومن الأفضل دائماً أن تقوم بتصميم الجزء التفاعلي من بداية المشروع.

سنقوم أولاً بتعلم كيفية إنشاء زر متغير ثم كيفية ربط ذلك الزر بحدث معين من لوح Actions أو عن طريق استخدام أزرار جاهزة من المكتبة المشتركة Common Libraries.

إنشاء زر متغير:

لإنشاء زر متغير نتبع الخطوات التالية:

1. بعد فتح مشروع جديد وتجهيز أبعاده حسب المطلوب نقوم بإدراج رمز جديد من نوع Graphic من قائمة Insert نختار الأمر New Symbol ونسميه باسم Static ثم نقوم برسم زر أياً كان شكله مثلاً دائرة مجوفة كما في الشكل التالي :

http://www.sadaagroup.com/LearnflashMX/121.jpg

ثم نقوم بالانتقال إلى المشهد الحالي بالضغط على زر Scene1 وبذلك نكون قد حفظنا الرمز ضمن مكتبة المشروع.

2. الآن نقوم برسم التوهج للزر أثناء مرور الماوس من فوقه عن طريق إدارج رمز كما في السابق ولكن نسميه Spinner كما في الشكل التالي :

http://www.sadaagroup.com/LearnflashMX/122.jpg

ثم نقوم بالانتقال إلى المشهد الحالي بالضغط على زر Scene1 وبذلك نكون قد حفظنا الرمز ضمن مكتبة المشروع.

3. الآن نقوم بإنشاء لقطة سينمائية لحالة التوهج للزر عن إدراج رمز ولكن من نوع Movie Clip باسم Spinner Movie نفتح لنا النافذة الخاصة لإنشاء اللقطة السينمائية حيث نقوم بفتح نافذة المكتبة عن طريق الضغط على Ctrl+l ونختار رمز التوهج Spinner ونقوم بسحبه إلى نافذة اللقطة السينمائية عن طريق الماوس ونحاول توسيطة عند إشارة + ثم نقوم بإضافة إطار مفتاحي عند الإطار10عن طريق الزر F6 ونضيف الحركة للرمز عن طريق النقر بالزر الأيمن للماوس عند الإطار1 ونختار الأمر Create Motion Tween وعند الإطار10 نحدد الرمز ونقوم بتدويره ربع دورة من خلال أداة التحجيم من خارج الإطار عندما يصبح شكل الماوس دائري نقوم بالتدوير وبذلك نكون قد أنهينا لقطة التوهج ننتقل إلى المشهد Scene1 .

4. سوف نقوم الآن بإنشاء الزر المتغير وذلك عن طريق إدراج رمز من نوع Button من قائمة Insert نختار الأمر New Symbol ونسميه Button كما في الشكل التالي :

http://www.sadaagroup.com/LearnflashMX/124.jpg

بذلك يتم فتح نافذة تحرير الزر ويكون في شريط الزمن أربع أطر نقوم بشرح مبسط عن كل إطار,

الحالات أربعة للأزرار:

ـ حالة Up: غير منضغط ولا يكون مؤشر الماوس فرقه.

ـ حالة Over: تحدد الشكل الذي سيظهر عليه الزر عندما يكون مؤشر الماوس فوق المنطقة النشطة الخاصة بالزر.

ـ حالة Down: تحدد شكل الزر عندما يكون منضغطاً للأسفل.

ـ حالة Hit: تشير إلى المنطقة النشطة للزر المحدد ويجب أن يكون الشكل أكبر من باقي الأشكال ليتم تضمين باقي الأشكال فيها وعلى كل حال لن تكون تلك المنطقة مرئية في الفيلم النهائي, وإذا لم نحدد تلك المنطقة فإن فلاش يستخدم صورة الإطار Up لإطار Hit.

5. نختار الإطارUp عن طريق الماوس ثم نفتح نافذة المكتبة ونسحب الرمز Static إلى نافذة تحرير الزر ونحاول توسيطة ثم نضيف أطر مفتاحية عند كل إطار عن طريق الزر F6, وعند الإطار Over نقوم بسحب اللقطة السينمائية Spinner Movie ونحاول توسيطها, وعند الإطار Down نقوم بقلب الزر لإعطاء حالة الإنضغاط للزر عن طريق أداة التحجيم نقوم بتدوير الدائرة نصف دورة ويمكن إضافة صوت من المكتبة المشتركة كما شرحنا في الدرس السابق عن طريق سحبه ووضعه ضمن إطار Down أيضاً, وبذلك تصبح نافذة تحرير الزر كما في الشكل التالي :

http://www.sadaagroup.com/LearnflashMX/125.jpg

نقوم بمعاينة العمل بالضغط على Ctrl+Enter

إضافة الأزرار عن طريق المكاتب المشتركة:

ولشرح تلك الفكرة سنستعين بالدرس الرابع (حركة كرة السلة) من الدروس لنضع الزر لإعادة المشهد راجع الدرس الرابع ثم أكمل معنا هذا الدرس:

1. بعد ما نفتح الدرس الرابع نقوم بتحديد الإطار رقم35 من طبقة حركة الكرة ثم نضغط بالزر الأيمن عليه ونختار من القائمة المنسدله ونختار الأمر Actions, الآن يظهر أمامنا مربع الاكشن لكي نضيف الاكشن على الإطار رقم 35 نضغط على زر + ونختار من القائمة المنبثقة الأمر Actions ثم Movie Control ثم الأمر Stop كما في الشكل التالي :

http://www.sadaagroup.com/LearnflashMX/131.jpg

وبذلك نكون قد انتهينا من إضافة حدث إيقاف الحركة من أجل إضافة الزر لإعادة عرض المشهد.

2. الآن سوف نقوم بإضافة الزر للمشهد قبل ذلك نقوم بإضافة طبقة جديدة للزر من خلال الضغط على الزر http://www.sadaagroup.com/LearnflashMX/132.gif ثم نحدد الإطار35 لنفس الطبقة لإضافة إطار مفتاحي بالضغط على زر F6, الآن نفتح مكتبة الأزرار من القائمة Window القائمة الفرعية Common Libraries نختار منها الأمر Buttons ونختار من المكتبة احد الأزرار الموجودة في مكتبة وليكن الزر http://www.sadaagroup.com/LearnflashMX/133.jpg

وبتحديد الزر نقوم بسحبه إلى مشهد العمل, بعد إضافة الزر إلى مشهد العمل نقوم بتصغير حجمة أو تكبيره على حسب الرغبة ووضعه في المكان المناسب في مسرح العمل.

3. الآن نقوم بإضافة الاكشن على الزر وذلك بتحديد الزر ثم الضغط بالزر الأيمن عليه ونختار من القائمة المنسدله الأمر Actions بعد الضغط على الاكشن يظهر لنا مربع الاكشن ثم نضغط على زر + ونختار من القائمة المنبثقة الأمر Actions ثم Movie Control ثم الأمر GoTo ونجعل الخيارات كما في الشكل التالي :

http://www.sadaagroup.com/LearnflashMX/134.jpg

ثم نغلق نافذة الاكشن ونقوم بتنفيذ العمل بالضغط على Ctrl+Enter

م.صالح
12-Apr-2008, 02:37
الأستاذ. حسان ..
الشكر موصول لك على هذه الدورة المباركة والمفيدة والمبسطة .. وكمان فيها جائزة ... وأنا من المستفيدين من هذه الدورة .. وسأجيب على تساؤلات الأعضاء خلال فترة غيابك .. ونحن هنا فريق واحد هدفنا الأول الإفادة ونقل الخبرات ... وتروح وترجع لنا بالسلامة ..