مشاهدة النسخة كاملة : تحريك الاشكال و المجسمات (الدرس الرابع)


eng_montaser
26-10-2004, 06:28 PM
تحريك الاشكال و المجسمات


سنتعلم من خلال هذا الدرس خطوات تحريك الأشكال أو الصور من نقطة في الفيلم الى نقطة أخرى. فالنفرض اننا نرغب في عمل فيلم مصغر عباره عن مربع يتحرك من اليمين الى اليسار. مقياس الفيلم عبارة عن 150 pixel للعرض و 50 pixel للإرتفاع. لون الخلفية أصفر.


لنبدأ بإنشاء ملف العمل. من القائمة الرئيسيه للبرنامج إختر File>New.
سنقوم الآن بتحديد مقياس عرض Width وإرتفاع Height الفيلم. بالإضافة الى اختيار لون خلفية الفيلم Background. من القائمة الرئيسيه إختر Modify>Movie ثم أدخل القيم الرئيسيه للعرض والإرتفاع ولون الخلفيه.
http://www.arabkom.com/up/uploading/fig2-1.gif


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

لنفرض أننا نريد أن نرسم مربع أحمر محدد بإطار رفيع لونه أزرق. إختر الأداة المربع ثم حدد الخيارات المطلوبه . ثم إرسم مربعا في الجهة اليمنى من الفيلم.
http://www.arabkom.com/up/uploading/fig2-2.gif
http://www.arabkom.com/up/uploading/fig2-3.gif

لاحظ بأنك حصلت على دائرة سوداء داخل الإطار1. هذا يعني بأن الإطار1 غير فارغ والمربع المرسوم فيه يمثل إطار رئيسي أول أو ما يسمى بـ Keyframe وهي نقطة بداية الفيلم.
http://www.arabkom.com/up/uploading/fig2-45.gif


الخطوة التالية مهمة وضرورية لتنجح في تحريك المربع الى الجهة اليسرى، وهي عبارة عن تحويل المربع الى Symbol وتحديدا بصيغة Graphic.
إختر أداة التحديد ثم ارسم مربعا وهميا فوق المربع الأحمر حتى تقوم بتظليل أو تحديد الشكل كاملا "إو إضغط Ctrl+A" ثم إذهب للقائمة الرئيسية وإختر Insert>Convert to Symbol. ستحصل بعدها على مربع حواري يطلب منك تسمية الشكل المرسوم وتحديد صيغته . إختر Graphic وسمي الشكل (مربع) ثم إضغط OK.
http://www.arabkom.com/up/uploading/fig2-5.gif

بعد تغيير صيغة الشكل الى Symbol يقوم برنامج فلاش بالإحتفاظ بالشكل ضمن Library أو المكتبة الخاصة بالفيلم بالتالي يمكنك الإستعانة بالشكل دون الحاجة الى رسمه مرة أخرى. من القائمة الرئيسية إختر Window>Library ولاحظ وجود المربع ضمن المكتبة.


بإستخدام الماوس، حدد الإطار رقم 15 ثم إضغط F6. لاحظ بأنك حصلت على دائرة سوداء داخل الإطار. وهذا الإطار يمثل النقطة التي ستنتهي عندها حركة المربع .
وطالما اننا اتفقنا على تحريك المربع من اليمين الى اليسار، سنحتاج إذن الى سحب الشكل الى الجهة اليسرى. حدد المربع بإستخدام أداة التحديد ثم إسحب الشكل الى الجهة اليسرى من الفيلم.
http://www.arabkom.com/up/uploading/fig2-6.gif


يمثل إطارات الفيلم الرئيسية. الإطار1 يحتوي على إطار رئيسي يمثل المربع في الجهة اليمنى والإطار15 يحتوي على إطار رئيسي يمثل المربع في نقطة النهاية أو الجهة اليسرى.
http://www.arabkom.com/up/uploading/fig2-7.gif

والآن سنقوم بإضافة الحركة الى الفيلم. إضغط بالزر الأيمن للماوس على أي إطار بين الإطار1 والإطار15 من شريط الإطارات ثم إختر Create Motion Tween.
http://www.arabkom.com/up/uploading/fig2-8.gif


إضغط Ctrl+Enter لتجربة الفيلم. العمل في شكله النهائي
WIDTH=150 HEIGHT=50

الملف بصيفة fla (http://www.arabkom.com/up/uploading/triangle.fla)

alphamessenger
27-10-2004, 07:41 AM
السلام عليكم و رحمة الله و بركاته،

أشكرك أخي منتصر على رابط الـ Flash MX 2004 . البرنامج جميل و رائع.
طبقت الدروس التي وضعتها لنا لحد الآن و استطعت أن أضع أول تصميم لي بالفلاش MX . و هو عبارة عن ad banner بمقاس 60*468
ننتظر المزيد من الدروس، بارك الله لنا فيك.

WIDTH=468 HEIGHT=60

فهد الرفاعي
27-10-2004, 03:20 PM
بصراحة ابداع يا جماعه
الف شكر يا منتصر ولك ايضا يا الفا مسنجر على البنر الرائع

eng_montaser
27-10-2004, 07:40 PM
عليكم السلام و رحمة الله و بركاته اخي alphamessenger
العفو بس ان شاء الله تداوم علي الدروس و حتصير تمام.

اخي PoWeR_GuY احييك علي هذا التشجيع .