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

مشاهدة النسخة كاملة : ::: درس مفصل أشرطة الاكواليزر في الفلاش ... الجزء الاول :::



Chakira
10-30-2013, بتوقيت غرينيتش 01:32 AM
السلام عليكم

هذا الدرس مفصل يشرح طريقة طريقة عمل اشرطة اكوالايزر بشكل مبسط


الهدف من الدرس مفصل هو التعرف على عمل الحركة البينية في الفلاش motion tween وايضا استغلال خاصية الماسك والتي سوف يتم شرح طريقةها في الجزء الثاني

::::::::::::::::::::::::::::
::::::: الجزء الاول :::::::
::::::::::::::::::::::::::::

- نبدا بفتح ملف جديد
- من القائمة modify نختار document

http://grafxdesigner.jeeran.com/img1/eq.gif

- في النافذة الخاصة بتحديد مواصفات الملف نختار طول وعرض الملف ولون الخلفية كما في الصورة

http://grafxdesigner.jeeran.com/img1/eqx.gif

ايضا يفضل اختيار سرعة العرض اعلى من 12 ولتكن مثلا 20 لانه كلما زدنا السرعة كلما كانت الحركة اكثر نعومة وسلاسة

- نختار اداة رسم المربع من قائمة الادوات
- ونقوم بالغاء الحدود واختيار اي لون نريده للتعبئة
كما في الصورة

http://grafxdesigner.jeeran.com/img1/eq1.gif

- نعمل ثلاث طبقات ونسميها bar1 , bar2 , bar3 على التوالي

http://grafxdesigner.jeeran.com/img1/eq2.gif

- نختار الطبقة الأولى ونرسم بها مستطيل

http://grafxdesigner.jeeran.com/img1/eq3.gif

- نختار اداة السهم من قائمة الادوات ثم نضغط على المستطيل الذي رسمناه لتحديده ... كما بالصورة التالية:

http://grafxdesigner.jeeran.com/img1/eq4.gif

- نظغط على المفتاح F8 من لوحة المفاتيح وذلك لكي نحول الشكل الى symbol , سوف تفتح لنا نافذة الاعدادات الخاصة ونقوم بالاختيار كما في الصورة التالية:

http://grafxdesigner.jeeran.com/img1/eq5.gif

فينتج لنا الشكل التالي :

http://grafxdesigner.jeeran.com/img1/eq6.gif

- نقوم بتحديده ثم نسخة .. وطريقة النسخ هي بالذهاب الى القائمة edit ثم نختار copy

- نختار الطبقة الثانية ونقوم بلصق الشكل فيها , ونعمل نفس الشيء في الطبقة الثالثة
- نقوم بترتيب الاشكال لتظهر لنا بالشكل التالي :

http://grafxdesigner.jeeran.com/img1/eq7.gif

ويجب ان ننتبه ... كل شكل يجب ان يكون في طبقة لوحده !!

- الان نذهب الى الفريم رقم 20 من الطبقة الاولى ونقوم بعمل keyframe ... ولعمل ذلك اضغط بالماوس على الفريم رقم 20 في الطبقة الاولى ثم اضغط على المفتاح F6 في لوحة المفاتيح

- كرر نفس العمل مع الطبقات الاخرى .. وستكون لدينا النتيجة التالية:

http://grafxdesigner.jeeran.com/img1/eq8.gif

- الان ارجع مرة ثانية الى الطبقة الاولى واضغط بزر الماوس الايمين على اي فريم في الوسط بين الاول والاخير .. ثم اختار من القائمة الأمر create motion tween كما هو موضح في الصورة التالية:

http://grafxdesigner.jeeran.com/img1/eq9.gif

- كرر نفس العمل مع الطبقات الاخرى

وفي النهاية ستكون النتيجة كما هو موضح :

http://grafxdesigner.jeeran.com/img1/eq10.gif

الان نأتي الى خطوة مهمة

- اختار اداة transform من قائمة الادوات
- اضغط على اي فريم في الطبقة الاولى .. مثلا 5 .. ثم اعمل keyframe كما شرح طريقةنا بواسطة المفتاح F6

- ثم انزل لساحة العمل واضغط على المستطيل .. وغير في طوله بواسطة اداة transform

والشكل التالي يوضح الفكرة :

http://grafxdesigner.jeeran.com/img1/eq11.gif

- اختر فريم اخر .. مثلا 10 .. وكرر نفس الطريقة
- كرر الطريقة لعمل كي فريم ثالث ورابع .. وفي كل مرة غير طول المستطيل

- كرر نفس العملية مع الطبقات الاخرى

ينبغي ان تكون النتيجة عندك كما هو موضح في الصورةالتالية:

http://grafxdesigner.jeeran.com/img1/eq12.gif

الان جرب العمل بالضغط على enter

واذا لم تعجبك حركة الاشرطة فيمكن ان تغير فيها حتى تحصل على حركة مناسبة

انا عملت ملف للتوضيح ويمكنكم الحصول على الملف المفتوح المرفق اذا لم يكن الشرح طريقة واضح بالشكل المطلوب

بهذا يكون الجزء الاول قد انتهى
بقي الجزء الثاني وهو كيف نجعل الاشرطة تكون بألوان متدرجة




انتظرونا

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/rar.gif eqlzr.rar (http://www.traidnt.net/vb/attachments/4286d1111257346-eqlzr.rar) (4.2 كيلوبايت, عدد مرات المشاهدة 44 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى