آخر المواضيع

عـودة للخلف   منتديات البدو > المنتديات التقنيه > منتدى التصميم والجرافيكس > دروس وبرامج وملحقات التصميم

الحركة Animation ( الدرس السادس)

إضافة موضوع جديد  الرد على الموضوع
 
LinkBack خيارات الموضوع
     
   
     

 

   
   
 

الافتراضي الحركة Animation ( الدرس السادس)

 
 

قديم 02-21-2007, 01:10 مساءً

 

الحركة Animation


الحركة فى برنامج الفلاش تنقسم الى نوعين

Frame - by- Frame Animation



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

- وهذه هى فكرة Frame - by - Frame Animation
إننا نقوم برسم العنصر فى كل لقطة مع عمل التغيير المطلوب ,
وهكذا نحصل على الحركة عند مشاهدة الفيلم,

Tweened Animation


بمعنى الحركة بأسلوب التحول البينى
إن كلمة "البينى" Tween مشتقة من كلمة Between ,
وكما هو واضح من الترجمة فإن هذا يعنى بين الإطارات أى
تغير الكائن من حالة A إلى الحالة B بين إطارين محددين ,
وللمزيد من التوضيح نقول أننا سنقوم بتصميم العنصر فى
إطار ثم نقوم بإجراء بعض التعديلات عليه فى إطار آخر ونجعل
البرنامج يقوم بالتغير التدريجى للكائن بين الإطارين وفى
النهاية نحصل على الحركة المطلوبة . أى أننا بدلا من
إحداث التغييرات بأنفسنا إطارا تلو الآخر جعلنا البرنامج يقوم
بحساب التغيير المطلوب وتجزئة ذلك التغير على مدى عدة إطارات .
1 - Shape Tween التحول البينى للشكل .
2 - Motion Tween التحول البينى للحركة .

Frame by Frame Animation


الحركة بتغيير كل إطار على حدة
وهناك طريقتان لعمل هذا النوع
- , الطريقة الأولى باستعمال Blank Keyframes إطار مفتاحى.
- والطريقة الثانية باستعمال Keyframe (إطار مفتاحى فارغ.

1 - طريقة Blank Ketframe :

*قم بتحديد اول عشر اطارات بالسحب بالماوس
وكليك يمين واختار Convert to Blank Keyframes



2- قم برسم خط مستقيم صغير بأداة القلم الرصاص Pencil
انتقل الى الاطار رقم 11 ماذا تلاحظ؟
لقد اختفى خط مستقيم (لماذا!) لاننا انتقلنا الى اطار مفتاح
فارغ ولان سوف نفعل كما يفعل المصممون قديما
وسنضع صفحات الرسم الشفافة فوق بعضها البعض بحيث
نرى كل الصفحات معا , وسنفعل ذلك بطريقة فلاش .
انقر بالماوس على زر Onion Skinكما فى الصورة .

ماذا تلاحظ ؟؟
ظهر الخط ولكن بشكل شفاف مثل قشرة السمكة .
ظهر شيئا آخر فى منطقة الإطارات , علامتان مثل القوسان
يحددان الإطارات التى ستظهر بمظهر قشرة السمكة
.ف يمكنك سحب هذه الأقواس لتغطى الإطارات التى تريدها


3- انتقل الى الاطار رقم 2
4- الان , قم برسم خط فوق الخط الأول
تماما مع إضافة خطا آخر عموديا عليه ( اضعط على مفتاح Shift أثناء الرسم )
, ثم انتقل للإطار رقم 3 وارسم الشكل السابق ثم أضف خطا عموديا آخر ,
وهكذا ..لتحصل على شكل حلزونى


اختبار العمل


أولا- لإختبار العمل فى داخل البرنامج انقر على Enter

ولمزيد من التحكم فى العرض يمكنك استخدام Controller من القائمة
Window > Toolbars > Controller



ثانيا - لإختبار العمل بمشغل فلاش Flash Player اذهب للقائمة
Control > Test Movie
أو ببساطة اضغط Ctrl+ Enter


طريقة Keyframe

1 - قم برسم خط كما فى خطوة 1 فى الطريقة السابقة .
2 - انقر على الإطار التالى ثم اضغط F6 لإنشاء Keyframe ثم قم برسم خط آخر عمودى على الخط الأول
ثم انتقل للإطار التالى واضغط F6 وارسم خطا آخر بشكل عمودى ..
وهكذا حتى تحصل على الشكل الحلزونى .
وفى النهاية ستحصل على نفس الحركة كما فى الطريقة الأولى



انتهى الدرس



توقيع اللــــــــورد



الرد باقتباس




الصورة الشخصية لـ اللــــــــورد

عضو محترف

الجنس :  : male

الدولـة : علم الدولة : Egypt

رقم العضوية : 1218

تاريخ التسجيل: Sep 2005

المشاركات : 4,659

المواضيع : 238

عدد مشاركات اليوم :


نقد عربي: 962,856


المصرف: 0


المجموع نقد عربي: 962,856
تبرع


نقاط الترشيح : 281

المستوى : اللــــــــورد



الـــهدايـا :
 
     
   
     

 

   
   
 

الافتراضي رد : الحركة Animation ( الدرس السادس)

 
 

قديم 02-21-2007, 01:17 مساءً

 

تسلم الايادي

والف شكر على الدرس اللورد




توقيع البدو





الرد باقتباس




الصورة الشخصية لـ البدو

المـــــدير العـــام

الجنس :  : male

الدولـة : علم الدولة : Saudi Arabia

رقم العضوية : 2

تاريخ التسجيل: Aug 2003

المشاركات : 10,117

المواضيع : 489

عدد مشاركات اليوم : 10


نقد عربي: 667,481


المصرف: 0


المجموع نقد عربي: 667,481
تبرع


نقاط الترشيح : 644

المستوى : البدو ماسيالبدو ماسيالبدو ماسيالبدو ماسيالبدو ماسيالبدو ماسيالبدو ماسيالبدو ماسي



الـــهدايـا :
 
     
   
     

 

   
   
 

الافتراضي رد : الحركة Animation ( الدرس السادس)

 
 

قديم 02-21-2007, 01:20 مساءً

 

تسلم ياباشا ومبروك الوسام

ياقدع




توقيع كلي فداك

الرد باقتباس




الصورة الشخصية لـ كلي فداك

العلاقات العامة



الجنس :  : female

الدولـة : علم الدولة : Qatar

الاول: اعلى وسام في منتديات البدو - السبب: نشكرج على كل شي قدمتيه لمنتدى البدو



أوسمة العضو: 1

رقم العضوية : 1

تاريخ التسجيل: Mar 2006

الإقامة: دارٍ كساها بالعز حمدها

المشاركات : 13,142

المواضيع : 414

عدد مشاركات اليوم :


نقد عربي: 1,364,598


المصرف: 0


المجموع نقد عربي: 1,364,598
تبرع


نقاط الترشيح : 760

المستوى : كلي فداك ماسيكلي فداك ماسيكلي فداك ماسيكلي فداك ماسيكلي فداك ماسيكلي فداك ماسيكلي فداك ماسيكلي فداك ماسيكلي فداك ماسي



الـــهدايـا :

 
     
   
     

 

   
   
 

الافتراضي رد : الحركة Animation ( الدرس السادس)

 
 

قديم 02-22-2007, 12:56 مساءً

 

مشكوريييييييين
الله يبارك فيكى كلى

انا قدع



الرد باقتباس




الصورة الشخصية لـ اللــــــــورد

عضو محترف

الجنس :  : male

الدولـة : علم الدولة : Egypt

رقم العضوية : 1218

تاريخ التسجيل: Sep 2005

المشاركات : 4,659

المواضيع : 238

عدد مشاركات اليوم :


نقد عربي: 962,856


المصرف: 0


المجموع نقد عربي: 962,856
تبرع


نقاط الترشيح : 281

المستوى : اللــــــــورد



الـــهدايـا :
 
     
   
     

 

   
   
 

الافتراضي رد : الحركة Animation ( الدرس السادس)

 
 

قديم 02-22-2007, 12:59 مساءً

 

مشكور اخوي على الدرس
اختك الزعابيه




توقيع الزعابيه


الرد باقتباس




الصورة الشخصية لـ الزعابيه

عضو متميز

الجنس :  : female

الدولـة : علم الدولة : United Arab Emirates

رقم العضوية : 4016

تاريخ التسجيل: Feb 2007

الإقامة: في دار زاااايد رحمهـ الله عليهـ

المشاركات : 180

المواضيع : 3

عدد مشاركات اليوم :


نقد عربي: 22,296


المصرف: 0


المجموع نقد عربي: 22,296
تبرع


نقاط الترشيح : 0

المستوى : الزعابيه مميز



الـــهدايـا :
 
     
   
     

 

   
   
 

الافتراضي رد : الحركة Animation ( الدرس السادس)

 
 

قديم 03-15-2007, 12:31 مساءً

 

إقتباس
 مشاهدة المشاركة المشاركة الأصلية بواسطة الزعابيه
مشكور اخوي على الدرس
اختك الزعابيه

مشكورة الزعابيه
منورة



الرد باقتباس




الصورة الشخصية لـ اللــــــــورد

عضو محترف

الجنس :  : male

الدولـة : علم الدولة : Egypt

رقم العضوية : 1218

تاريخ التسجيل: Sep 2005

المشاركات : 4,659

المواضيع : 238

عدد مشاركات اليوم :


نقد عربي: 962,856


المصرف: 0


المجموع نقد عربي: 962,856
تبرع


نقاط الترشيح : 281

المستوى : اللــــــــورد