دورة إحتراف فلاش 8******** Flash 8

[Dr Bahaa]

toti646
شكرا للكلمات الرقيقة
تحياتى لك

[Dr Bahaa]

qasla
شكرا على المرور الطيب
تحياتى لك

[Dr Bahaa]

rkia
شكرا لكلماتك الرائعة
مع خالص التحية

[astra2009]

مشكور أخي علي الدروس جميلة وانا دائما متابع كما أرسلت اليك رسلة خاصة

[تلميـذكم]

دكتور بهاء

اسلوبك رااائع بحق .

[Dr Bahaa]

astra2009
شكرا على الكلمات الرقيقة
تحياتى لك

[Dr Bahaa]

تلميـذكم

شكرا لك على مرورك الكريم
مع خالص تحياتى وتمنياتى لك بالتوفيق

[Dr Bahaa]

الرموز Symbols والنظائر Instances


لكى نطبق حركة من نوع Motion Tween على شكل - دائرة أو مستطيل مثلا - يجب علينا تحويل ذلك الشكل إلى رمز .
ويمكن عمل ذلك بثلاثة طرق مختلفة :
الطريقة الأولى :
انقر على الكائن بالزر الأيمن للماوس ثم اختر Convert to symbol

http://absba7.absba.org/teamwork8/ss1/d15.gif

الطريقة الثانية :
قم بتحديد الكائن ثم الضغط على F8 من لوحة المفاتيح .
الطريقة الثالثة :
بعد تحديد الشكل إذهب للقائمة :
Modify > Convert to Symbol

وفى كل الأحوال ستظهر لنا اللوحة التالية :

http://absba7.absba.org/teamwork8/ss1/d16.gif

- فى مربع Name يمكننا إعادة تسمية الرمز بدلا من الإسم الإفتراضى (Symbol 1), بالطبع يمكنك تسميته كما يحلو لك ولكن من الأفضل أن تعطيه إسما يدل على الشكل المرتبط به , فعندما تقوم بعمل مشروع لفيلم فلاش يحتوى على العديد من الرموز ستجد أنه من المفيد تمييز تلك الرموز عن بعضها البعض .
- وفى خانة Type يمكننا تحديد نوع الرمز من بين أنواعه الثلاث :
Movie clip,Button,Graphic
وسنتكلم عن هذا بالتفصيل لاحقا , ولكننا الآن سنختار النوع Graphic على سبيل المثال . اضغط OK للخروج .
وعلى الفور ستلاحظ حدوث التغييرات التالية :
أولا- سيتم إضافة الرمز تلقائيا فى المكتبة Library , حيث نجد إسمه وصورته . ( المكتبة تحتاج إلى درس مستقل ولكن يكفى أن تعلم الآن أن المكتبة هى مكان لوضع كل ماتحتاج إليه أثناء صنع الفيلم مثل الرموز والصور وملفات الصوت والفيديو .. إلخ , والملف النهائى للفيلم لن يتضمن سوى العناصر التى تم استعمالها بالفعل على المسرح .أى بمعنى آخر ليس كل ماهو موجود بالمكتبة سيتم تضمينه داخل فيلم فلاش النهائى )

http://absba7.absba.org/teamwork8/ss1/d17.gif

ثانيا - فى منطقة المسرح سيتم إحاطة الرمز بتحديد من 4 أضلاع وإضافة دائرة صغيرة فى مركزه كما نرى .

http://absba7.absba.org/teamwork8/ss1/d18.gif

وربما يحق لنا أن نتساءل مامعنى إحاطة الرمز بتحديد ؟
فى الحقيقة هناك فائدتين لذلك :
الأولى : لتمييز الرمز عن الشكل العادى .
الثانية : تتعلق بمفهوم الرمز , لقد ذكرنا فى بداية الدرس كيفية تحويل الكائن إلى رمز , والحقيقة أن كلمة تحويل أو Convert لا تعبر عن المعنى الصحيح , فنحن لا نقوم بتحويل الكائن إلى رمز وإنما نقوم بوضع الكائن داخل رمز , أى أن الرمز هو عبارة عن صندوق أو وعاء أو حاوية Container نضع بداخله مانريد من كائنات .
ولكى أثبت لك صحة ما أقول , قم بالنقر على الرمز بأداة التحديد Selection Tool وحاول تغيير شكله بعمل بروز له مثلا , ماذا كانت النتيجة , لن تستطيع إحداث أى تغيير .
انقر على الرمز نقرة مزدوجة , ولاحظ ماذا يحدث , ستلاحظ التغييرات التالية :
أولا : اختفى التحديد المربع حول الدائرة وصار من الممكن إجراء أى تغييرات عليها . عند النقر المزدوج على الصندوق أى الرمز , إنفتح الصندوق وصرنا نتعامل مباشرة مع الكائن بداخله .

http://absba7.absba.org/teamwork8/ss1/d19.gif

ثانيا : ظهر لدينا فى شريط الزمن ( Timeline ), زمن آخر خاص بالرمز( رقم 2 ) وهو منفصل عن زمن المشهد Scene 1 ( رقم 1 ) . ويمكنك الخروج من زمن الرمز إلى زمن المشهد بالنقر على Scene 1 أو النقر على السهم المتجه لليسار .
واستنادا إلى نفس الفكرة لو كان لدينا فى الفيلم عدة رموز , فإنه سيكون لكل رمز زمنه الخاص به أيضا .
ثالثا : فى لوح الخصائص Properties ستجد شيئا يستحق التوقف قليلا لفهمه , إن لوح الخصائص يصف الرمز الموجود على المسرح بأنه
Instance of : Circle Symbol
, أى أنه نظير أو نسخه عن الرمز المذكور وليس الرمز نفسه .

http://absba7.absba.org/teamwork8/ss1/d20.gif

ولكن مامعنى ذلك ؟
إن من بين الوظائف العديدة لبرنامج فلاش هو عمل أفلام أو Movies لإستخدامها على شبكة الإنترنت , لذا فمن الضرورى أن تكون هذه الملفات صغيرة الحجم بقدر الإمكان , لذلك فقد ابتدع البرنامج فكرة الرموز والنظائر . وللمزيد من التوضيح نقول :
لو أن لدينا كائنا وأردنا ظهور ذلك الكائن مرة واحدة فى الفيلم , فسينتج لدينا فيلما لنفرض أن حجمه سيكون 50 كيلو بايت مثلا , ولكن لو أردنا استخدام نفس الكائن 10 مرات فسيتضاعف حجم الفيلم 10 مرات أى يصبح حجم الفيلم 500 كيلو بايت .
ولكن لو قمنا بتحويل ذلك الكائن إلى رمز ثم أخذنا منه 10 نظائر - أو 10 نسخ - فإن حجم الفيلم لن يتغير وسيظل 50 كيلو بايت كما هو .
إذن أى رمز نقوم بإنشاؤه يتواجد تلقائيا فى المكتبه , ومايتواجد على المسرح هو نظير - أو عدة نظائر - لهذا الرمز .

عمل عدة نظائر لرمز واحد

ويمكنك ذلك بسحب الرمز من المكتبه إلى المسرح مرة تلو الأخرى .

التعديل فى النظائر

يمكنك التعديل فى كل نظير على حدة دون أن يؤثر ذلك فى النظائر الأخرى , وذلك فى بعض النواحى:
Free Transform - 1 تغيير أبعاد الكائن وعمل تشويه لتلك الأبعاد .
Color -2 ويشمل التحكم فى :
Brightness درجة السطوع
Tint اللون
Alpha الشفافية
3 - Blend وهو يعنى علاقة الرمز بماهو أسفل منه سواء كان لون منصة العمل وهو الأبيض فى الحالة الإفتراضية , أو أى كائنات أخرى . وهذا الخيار متوفر فقط بالنسبة للرمز من نوع Movie Clip أو Button .

http://absba7.absba.org/teamwork8/ss1/d21.gif

4 - تغيير نوع الرمز بالنسبة للنظير , فمثلا لو كان النظير لرمز من نوع Graphic , يمكننا تحويله إلى نظير لرمز من نوع Movie Clip . وذلك من لوح الخصائص Properties .

http://absba7.absba.org/teamwork8/ss1/d22.gif


إنشاء رمز من فراغ

لقد قمنا فى بداية الدرس بإنشاء شكل ثم وضعناه داخل رمز , ( وهذه هى أفضل الطرق لإنشاء الرمز) , ولكن هناك طريقة أخرى لإنشاء الرمز وهى تعتمد على عكس ماسبق , أى أننا سنقوم بإنشاء الرمز أولا ثم وضع الشكل فيه , وهذه الطريقة يمكن تنفيذها بثلاثة أساليب:

الأسلوب الأول

من القائمة
Insert > New Symbol

http://absba7.absba.org/teamwork8/ss1/d23.gif

الأسلوب الثانى

من لوحة المفاتيح اضغط Ctrl+F8

الأسلوب الثالث

فى أسفل لوح المكتبة Library اضغط على الأيقونة الموضحة فى الشكل .

http://absba7.absba.org/teamwork8/ss1/d24.gif

وفى كل الحالات ستظهر لنا لوحة Create New Symbol وهى شبيهة تماما بلوحة Convert to Symbol التى رأيناها فى بداية هذا الدرس .
قم بتسمية الرمز وتحديد نوعه كما تعلمنا ثم اضغط OK .
نلاحظ الآن أن الرمز قد أضيف تلقائيا داخل المكتبه كما نلاحظ ظهور علامة + فى جزء المعاينة فى المكتبة و فى المسرح , وأننا داخل الزمن الخاص بالرمز ولكن لا شيئ آخر , لقد قمنا بإنشاء صندوق , مجرد صندوق فارغ لا يحوى أى شيئ بداخله , ولو قمنا بتحويل الملف الآن إلى فيلم فلاش فلن نحصل على شيئ , مجرد مسرح خال من المشاهد والممثلين .
لنقم الآن بوضع شكل داخل الرمز , مثلا قم برسم دائرة , لقد قمنا بوضع شكل - وهو الدائرة - داخل الرمز , الآن انقر على Scene 1 أو على السهم فى شريط الزمن كما هو موضح فى الصورة للعودة إلى الزمن الأصلى للمشهد .

http://absba7.absba.org/teamwork8/ss1/d25.gif

ماذا حدث ؟ أين ذهبت الدائرة ؟ ياللعجب .. لقد اختفت ! ..
تفسير ذلك ببساطة , هو أننا قمنا بإنشاء رمز من الصفر وهو رمز فارغ لا يحتوى على شيئ بداخله , ولأن برنامج فلاش لايرغب فى التطفل أو فرض إرادته علينا , لذلك فهو يحتفظ بالرمز فى المكتبة , وعندما نقوم بوضع شكل داخل الرمز فإن البرنامج يستمر فى حفظه للرمز - بالتعديلات الجديده - أيضا داخل المكتبة إلى أن تحين اللحظة التى نحتاج فيها إلى استخدام الرمز على المسرح , عندها يمنحنا البرنامج نسخة أو نظيرا Instance لذلك الرمز . إن روعة برنامج فلاش تكمن فى اسلوبه البديع فى تقليل الحجم النهائى للفيلم , ففى المكتبة يمكننا وضع مانريد من رموز وصور ومقاطع صوت .. إلخ , ولكن فى النهاية لن يحتوى الفيلم النهائى إلا على العناصر التى تستخدم فى مسرح العمل , تماما مثل الفيلم السنينمائى فأنت تجد فى الأستوديو أشياء كثيرة خلف الكاميرا : المخرج ومساعدوه وعمال وممثلين وكومبارس وديكورات مبعثرة وأسلاك وماكينات إضاءة .. إلخ , ولكن الفيلم النهائى لن يحتوى إلا على مايظهر أمام الكاميرا .
والآن للحصول على النظير , فقط قم بسحب الرمز إلى المسرح .

تحرير رمز Edit Symbol

بالطبع كلمة تحرير هنا ليست بالمعنى السياسى وإنما بالمعنى الفنى مثل تحرير صحيفة وتحرير مقال وتحرير صورة .. إلخ
وهناك طريقتان لعمل ذلك :

الطريقة الأولى :

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

الطريقة الثانية وهى الأفضل :

انقر نقرة مزدوجة على نظير الرمز فى المسرح , وميزة هذه الطريقة أنك تستطيع رؤية باقى العناصر الأخرى بحيث تأخذ فى اعتبارك عند تحرير النظير مدى علاقته بالعناصر المجاورة . وبلغة فلاش فأنت تقوم الآن بعمل Edit in place .

إلغاء رمز

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

http://absba7.absba.org/teamwork8/ss1/d26.gif

وفى المسرح حدد النظير ثم اضغط Delete من لوحة المفاتيح .

ملحوظة:

لقد أوضحت لك مفهوم الرمز ومفهوم النظير , ومن أجل تبسيط الشرح وحمايتك من دوامة المصطلحات , من الآن فصاعدا لن أذكر كلمة نظير لأننا سنعتبر أن النظير هو الرمز ( تطبيقا للقاعدة الشهيرة : إن أحمد هو نفسه الحاج أحمد !! ).
إن الأمر ببساطة يشبه عمل نسخه من ملف أى ملف وليكن Text مثلا فى القرص C ووضعه فى القرص D على الحاسوب , فالبرغم من أن الكمبيوتر يدرك أن الملف الأخير هو مجرد نسخة إلا أنه لن يتعامل معه باحتقار بسبب ذلك !! وإنما سيكون لذلك الملف كل صلاحيات ووظائف الملف الأصلى , حتى أنك بعد عدة أيام ربما ستنسى أنه هذا الملف كان نسخة عن ملف آخر , وهذا هو ماأريده منك الآن : أن تنسى كلمة نظير وأن تتذكر فقط كلمة رمز ولن أحتاج فى كل مرة أن أذكرك أن الموجود على المسرح هو النظير والموجود فى المكتبة هو الرمز فأنت أصبحت تدرك ذلك بوضوح.


لاتنسونى من صالح الدعاء لى ولوالداى
مع خالص ودى وتحياتى
Dr Bahaa

تم رفع الصور على السيرفر بواسطة المشرف العامsultan2

[rkia]

ما شاء الله
شرح ممتاز
بارك الله فيك

[Dr Bahaa]

rkia
شكرا على الكلمات الرقيقة
تحياتى لك

[titoobeboo]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اريد ان تعطيني نسخة flash macromidia 8
وشكرا

[mja5]

بسم الله الرحمن الرحيم

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

[Dr Bahaa]

titoobeboo
شكرا لك , وقد سبق أن رددت على سؤال مماثل فأرجو العودة للصفحات السابقة فى نفس الموضوع
وقد وضعت موقع الشركة للتحميل من هناك مباشرة
وهذا هو السيريال :

WPD800-50436-28832-32088

بالتوفيق إن شاء الله

[Dr Bahaa]

mja5
شكرا لك على المرور الكريم
إن شاء الرحمن سأنتهى من الدروس الأساسية فى الفلاش ثم أبدأ فى لغة الأكشن سكريبت , وسيكون هذا بالتبادل مع دروس تطبيقية على ما تم شرحه فى الفلاش
تحياتى لك

[مؤنس الجديد]

هيدا الحكي كله بنعرفة
بس بدنا المضمون
يعني مشاريع فلاشية احترافية
بسرعة إذا بتريد يا خيي

[فضل]

بسم الله الرحمن الرحيم

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

[elkassba]

شكرا لك أخي الكريم ولكم هل يمكنك أ تشرح كيف سأضع flash ليقرأ على موقعي

[astra2009]

أخي العزيز مشكور أيضا علي هذا الدرس الذي يدعب الاحساس من باقي البرنامج
علي العموم أسمي وجدي
أخي أرسلت اليك برسلة من المنتدي أتمني أن ترد علي

[rkia]

احنا ننتظر باقي الدروس بفارغ الصبر
وياليت لو هناك تطبيقات للدروس
جزاك الله خيرا

[Dr Bahaa]

هيدا الحكي كله بنعرفة
بس بدنا المضمون
يعني مشاريع فلاشية احترافية
بسرعة إذا بتريد يا خيي

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

[Dr Bahaa]

فضل
شكرا لمرورك أخى الكريم
تقبل تحياتى

[Dr Bahaa]

elkassba

أطمع فى قليل من الصبر فقط لا غير
شكرا للمرور وتحياتى لك

[Dr Bahaa]

astra2009
أطمع فى قليل من الصبر فقط لا غير
شكرا للمرور وتحياتى لك

[Dr Bahaa]

rkia

إن شاء الله قريبا جدا
تحياتى لك

[alameeeer]

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

[Dr Bahaa]

Motion Tween
التحول البينى للحركة








يعتمد Motion Tween على تغير مكان الكائن , فنحن نضع كائنا فى الإطار الأول ثم نأتى إلى الإطار الأخير ونغير مكان الكائن , ثم يقوم فلاش بعمل تغيير تدريجى فى موضع الكائن من مكانه الأول إلى مكانه الأخير وعند مشاهدة الفيلم بتتابع اللقطات يبدو لنا وكأن الكائن يتحرك من مكان لآخر . هذه هى الفكرة بكل اختصار , والآن إلى الشرح :
1 - ارسم دائرة ثم قم بتحديدها باختيار أداة التحديد ثم النقر المزدوج عليها .
2 - اضغط F8 لتحويل الدائرة إلى رمز ( أوضحنا فى درس الرموز أن هذا شرط أساسى لعمل Motion Tween ) , ستظهر لك نافذة , يمكنك من خلالها تسمية الرمز وتعيين نوعه وسنختار النوع Graphic
3 - انقر على الإطار 30 مثلا ثم اضغط F6 لعمل إطار مفتاحى Key Frame
4 - وأنت ضاغط على مفتاح Ctrl قم بتغيير مكان الدائرة بسحبها إلى الجهة المقابلة من المسرح .
5 - والآن سنطلب من البرنامج أن يقوم بعمل تحول تدريجى فى موضع الدائرة من مكانها الأول حتى مكانها الأخير. انقر على الإطار الأول للعودة إليه , ومن لوح الخصائص Properties فى الأسفل اختر Motion من أنواع Tween .

http://absba7.absba.org/teamwork8/ss1/d27.gif

6 - فى شريط الإطارات , ستلاحظ ظهور سهم بين الإطار الأول والأخير مع تغير لون الإطارات إلى اللون الأزرق الفاتح ( فى Shape Tween كان لون الإطارات أخضر )

http://absba7.absba.org/teamwork8/ss1/d28.gif

7 - قم بالضغط على Ctrl+Enter لاختبار الفيلم .

تغييرات أخرى يمكن تطبيقها

إن التحول البينى للحركة Motion Tween لا يقتصر فقط على تحريك الكائن , وكما شرحنا من قبل أن الحركة ما هى إلا تغير فى مكان الكائن من إطار لآخر , لذلك يمكننا تطبيق مبدا التغير فى خصائص أخرى للكائن Properties مثل :
1- الدوران Rotate , انقر على الإطار الأول ثم اختر ماتريد من خيارات Rotate الأربع :
- None عدم الدوران .
- Auto إذا كنت قد قمت بتدوير العنصر فى الإطار الأخير , فسيتم الدوران فى نفس الإتجاه .
- CW الدوران فى اتجاه عقارب الساعة .
- CCW الدوران عكس عقارب الساعة .

http://absba7.absba.org/teamwork8/ss1/d29.gif

كما يمكننا تحديد عدد مرات الدوران

http://absba7.absba.org/teamwork8/ss1/d30.gif

2 - اللون Color , انقر على الرمز فى المسرح , ثم من قائمة Color فى لوح الخواص Properties أسفل المسرح واختر التأثير اللونى المرغوب :
- None وهو الخيار الإفتراضى ويعنى بقاء اللون كما هو .
- Brightness لتعديل درجة السطوع أو الإضاءة .
- Tint لتعديل اللون عن طريق العديد من التحكمات الدقيقة فى قنوات RGB الثلاث : الأحمر والأخضر والزرق .
- Alpha لتعديل درجة الشفافية .

http://absba7.absba.org/teamwork8/ss1/d31.gif

- Advanced لتعديل أدق فى قنوات RGB ودرجة الشفافية معا .

http://absba7.absba.org/teamwork8/ss1/d32.gif

التحكم فى سرعة الحركة

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

http://absba7.absba.org/teamwork8/ss1/d33.gif

ويمكنك تغيير القيمة العددية باستخدام المؤشر المنزلق أو بالكتابة المباشرة فى مربع Ease , القيم الموجبة تعنى أن الحركة ستكون سريعة فى البداية ثم تتباطئ نحو النهاية , والقيم السالبة تعنى أن الحركة ستكون بطيئة فى البداية ثم تتسارع نحو النهاية .
وكتوضيح من البرنامج فإن كلمة Out تظهر مع القيم الموجبة وكلمة In تظهر مع القيم السالبة . الآن انقر على الإطار الأول , وقم مثلا بتغيير القيمة إلى 100 , وقم باختبار الفيلم , لتجد أن الدائرة تتحرك بسرعة أولا ثم ببطء نحو النهاية .
قم بتغيير القيمة مرة أخرى واجعلها سالبة واختبر الفيلم لتجد أن الدائرة تسير ببطء أولا ثم تتسارع نحو النهاية .
ثانيا باستخدام Edit
هذه الخاصية هى من الإضافات الممتازة فى هذا الإصدار , حيث تسمح بالتحكم بشكل أدق فى نمط الحركة , انقر على زر Edit المجاور لـ Ease حيث تظهر لك اللوحة التالية

http://absba7.absba.org/teamwork8/ss1/d34.gif

تستطيع تغيير شكل المنحنى لإحداث نمط الحركة كما تريد , مثلا هنا قمنا بجعل الدائرة تسير ثم تتراجع للوراء ثم تتقدم وتكمل سيرها نحو النهاية .
إذا أردت إلغاءإحدى النقاط فى المنحنى وإعادتها لسابق وضعها , انقر عليها مع الضغط على مفتاح Alt , وإذا أردت إلغاء جميع النقط وإعادة المنحنى لوضعه الإفتراضى انقر على Reset .
وفى أسفل اللوحة تجد أرقام الإطارات حتى تحدد بكل دقة وقت التغيير المطلوب .
كما يمكنك مشاهدة التغييرات واختبارها عن طريق الضغط على مفتاح التشغيل فى اسفل اللوحة إلى اليسار , عندئذ ستشاهد الحركة فى مسرح العمل , ولأن حجم اللوحة كبير نسبيا فعليك إزاحتها إلى اليمين قليلا لرؤية مسرح العمل , وإذا لم تكن راضيا عن معدل السرعة الحالى وتريد إضافة المزيد من التعديلات , اضغط زر الإيقاف المجاور وقم بعمل التعديلات المطلوبة ثم اختبر التغييرات مرة أخرى .
ولكن ماذا لو كان لدينا تغيرات أخرى نجريها على العنصر , مثلا تغيير لونه ودرجة دورانه وحجمه تدريجيا , فى هذه الحالة سنحتاج لاستعمال خيارات Property وفى الحالة الإفتراضية تكون غير فعالة حيث يكون مربع الإختيار Use one setting for all properties محددا .
قم بالنقر على المربع بجوار Use one setting for all properties لإلغاء إختياره ثم انقر على السهم فى نافذة Property حيث تجد الخواص التالية :
Position حيث تتحكم فى معدل سرعة التغير فى المكان كما رأينا فى المثال السابق .
Rotation حيث تتحكم فى معدل سرعة التغير فى زاوية الدوران .
Scale حيث تتحكم فى معدل سرعة التغير فى الحجم .
Color حيث تتحكم فى معدل سرعة التغير فى اللون .
Filters ( يتم تطبيقها فقط على Movie Cilp , Button , Text ) حيث تتحكم فى معدل سرعة تطبيق فلتر من الفلاتر .

الحركة باستخدام مسار

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

1 - قم برسم دائرة ثم حددها بالكامل وحولها إلى رمز من نوع Graphic .
2 - انقر على الإطار 30 واضغط F6 لعمل إطار مفتاحى .
3 - انقر على أيقونة Add Motion Guide لإضافة طبقة اسمها الطبقة الدليلية .

http://absba7.absba.org/teamwork8/ss1/d35.gif

الطبقة الدليلية ستنشأ فوق الطبقة الحالية , وستكون مهمة الطبقة هو تحديد المسار الذى ستتحرك الدائرة عليه .

http://absba7.absba.org/teamwork8/ss1/d36.gif

4 - انقر على الإطار الأول فى الطبقة الدليلية ثم اختر أداة القلم الرصاص من الأدوات , وارسم خطا به العديد من المنحنيات .

http://absba7.absba.org/teamwork8/ss1/d37.gif

5 - قم بقفل الطبقة الدليلية بالنقر على النقطة الصغيرة أسفل أيقونة القفل .

http://absba7.absba.org/teamwork8/ss1/d38.gif

والهدف من ذلك هو أننا الآن سننتقل إلى الطبقة الأولى ونغير مكان الدائرة فى الإطار الأول والأخير ولا نريد تحريك خط المسار - الذى رسمناه - عن طريق الخطأ .
6 - انقر على الإطار الأول فى الطبقة الأولى وقم بتحريك الدائرة باستخدام أداة التحديد ليستقر مركزها فى بداية خط المسار.

http://absba7.absba.org/teamwork8/ss1/d39.gif

7 - انقر على الإطار الأخير فى الطبقة الأولى وحرك الدائرة ليستقر مركزها على نهاية خط المسار .
8 - انقر على الإطار الأول مرة أخرى ومن لوح الخصائص بالأسفل اختر نوع Motion من قائمة Tween .
الآن اضغط Ctrl+Enter لاختبار الفيلم. لاحظ أن المسار الذى رسمناه لا يظهر بالطبع فى الفيلم النهائى .

التحكم فى اتجاه الكائن أثناء حركته على المسار

لنفرض أن الكائن هو عبارة عن سهم ونريد أن نجعل السهم يسير على المسار الذى حددناه بحيث يتغير إتجاهه وفقا لإنحناءات المسار وبحيث يكون اتجاه رأس السهم فى نفس اتجاه الحركة , هنا سنحدد الخيار Orient to path فى لوح الخواص Properties .

http://absba7.absba.org/teamwork8/ss1/d40.gif

حدد الإطار الأول ثم قم بوضع السهم على مقدمة المسار مع تعديل إتجاهه , ولتنفيذ ذلك اضغط Q لتفعيل أداة Free Transform أو اخترها من الأدوات وقم بتدوير السهم بحيث يكون فى نفس اتجاه بداية المسار , حدد الإطار الأخير وافعل الشيئ نفسه

http://absba7.absba.org/teamwork8/ss1/d41.gif

اضغط Ctrl+Enter لإختبار العمل .


تطبيقات الدرس
MotionTween (http://bahaabook.googlepages.com/MotionTween.swf)
Guided MotionTween (http://bahaabook.googlepages.com/GuidedMotionTween.swf)
Guided MotionTween2 (http://bahaabook.googlepages.com/GuidedMotionTween2.swf)


لاتنسونى من صالح الدعاء لى ولوالداى
مع خالص ودى وتحياتى
Dr Bahaa

تم رفع الصور على السيرفر بواسطة المشرف العامsultan2

[حمدى أبو ذكرى]

بارك الله فيك وعليك يادكتر وجعله الله فى ميزان حسناتك
ومنتظرين للمزيد من كنوز علمك الغزير والوفير فلا تبخل علينا بالمزيد أعطاك الله ورضاك
وياريت كمان الأكشن أسكربت لو تكرمت علينا بالتبسيط الكبير بنفس طريقة الشرح
أخوك فى الله والعروبة
المهندس المخترع المصرى / حمدى أبو ذكرى
http://www.inventions-home.4t.com

[Dr Bahaa]

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

شكرا لك أخى الكريم
تقبل خالص ودى وتحياتى

[Dr Bahaa]

حمدى أبو ذكرى

مشكور أخى الغالى على كلماتك الرقيقة
تقبل خالص التحية

[حلوو]

يعطيك العافيه ماقصرت

خالص ودي

[Fire wolf]

اشكرك على الشرح المبدع
واتمنى الاستمرار

[mja5]

شكرا لك على المرور الكريم
إن شاء الرحمن سأنتهى من الدروس الأساسية فى الفلاش ثم أبدأ فى لغة الأكشن سكريبت , وسيكون هذا بالتبادل مع دروس تطبيقية على ما تم شرحه فى الفلاش
تحياتى لك


اشكرك اخي على هذا الخبر الاكثر من رائع, وان شاء الله نكون من المحترفين معاك .

[Dr Bahaa]

حلوو
مشكور على الكلمات الرقيقة
تحياتى

[Dr Bahaa]

Fire wolf

شكرا على مرورك العاطر
تقبل خالص تحياتى

[Dr Bahaa]

mja5

شكرا على المرور الكريم
تحياتى لك

[rkia]

بارك الله فيك
وجزاك الله الجنة

[Dr Bahaa]

rika
شكرا لك
مع خالص التحية

[Dr Bahaa]

الأزرار Buttons

إن الزر Button هو أحد الأنواع الثلاثة للرمز:
Graphic , Movie Clip , Buttons
وهو أكثر تطبيقات فلاش استعمالا فى صفحات الإنترنت . والآن لنتعرف على كيفية إنشاء زر .
1 - ارسم دائرة ثم حددها وحولها إلى رمز من نوع Button

http://absba7.absba.org/teamwork8/ss1/d42.gif

2 - انقر على الدائرة نقرة مزدوجة لتدخل فى طور تحرير الرمز , ولاحظ تغير شريط الزمن .
عندما تقوم بإنشاء رمز من نوع زر Button فإن البرنامج يصنع تلقائيا 4 إطارات للزر , وهذه الإطارات لن تعمل من تلقاء نفسها وإنما تستجيب لتفاعل مؤشر الماوس .
- الإطار الأول Up وهو يمثل شكل الزر فى الحالة العادية بدون وجود مؤشر الماوس فوقه .
- الإطار الثانى Over وهو يمثل شكل الزر عند مرور مؤشر الماوس فوقه .
- الإطار الثالث Down وهو يمثل شكل الزر فى لحظة النقر عليه .
- الإطار الرابع Hit وهو يمثل المنطقة الفعالة فى الزر , أى المنطقة التى عندما يمر الماوس فوقها يتحول إلى شكل اليد التى نعرفه جميعا http://www.alamuae.com/up/Folder-001/1144573238_3.gif , لكى يعلم المستخدم أنه عند النقر هنا سيحدث شيئ ما مثل الذهاب إلى عنوان صفحة ويب أو تشغيل ملف موسيقى أو تحميل ملف موجود .. إلخ

http://absba7.absba.org/teamwork8/ss1/d43.gif

والآن لنكمل تصميم الزر حتى نفهم هذه الإطارات بشكل أوضح .
نحن الآن فى الإطار الأول , وافتراضيا يكون لدينا إطار مفتاحى Key frame فى هذا الإطار بمعنى أنه فى الحالة العادية وعند عدم استخدام الزر فسيكون ظاهرا دائما بلونه الأحمر .
- انقر على الإطار الثانى Over ثم اضغط F6 لإدراج أطار مفتاحى Key frame , وقم بتغيير لون الدائرة إلى الأزرق مثلا . ومعنى ذلك أنه عند مرور مؤشر الماوس فوق الزر سيتغير لونه من الأحمر إلى الأزرق .
- انقر على الإطار الثالث Down ثم اضغط F6 لإدراج إطار مفتاحى Key frame , وقم بتغيير لون الدائرة إلى الأسود مثلا , ومعنى ذلك أن لون الدائرة سيتغير إلى الأسود فى لحظة النقر بالماوس , وعند إفلات الماوس سيعود إلى الأزرق وعند سحب الماوس يعود للأحمر .
- انقر على الإطار الرابع Hit , ومن خلال هذا الإطار يمكننا تحديد المنطقة الفعالة التى عند مرور مؤشر الماوس فوقها يتحول إلى شكل يد , وفى الحالة الإفتراضية تكون هذه المنطقة هى الزر بالكامل , أى عند مرور مؤشر الماوس فوق أى جزء من الزر سيتحول إلى يد . ويجب أن نفهم أن هذه المنطقة الفعالة هى منطقة يتم تحديدها بأى شكل دائرة .. مربع .. مثلث .. إلخ لا يهم .فهى فى النهاية منطقة وهمية بمعنى أنها غير مرئية .
لنفرض أننا نريد أن تكون المنطقة الفعالة دائرة صغيرة فى مركز الزر , ولعمل ذلك سنقوم بتصغير الدائرة فى هذا الإطار .
1 - انقر على الإطار Hit .
2 - قم بتحديد الدائرة فى منطقة المسرح .
3 - اذهب للقائمة
Window >Info أو من لوحة المفاتيح اضغط Ctrl+I

http://absba7.absba.org/teamwork8/ss1/d44.gif

قم بتقليل حجم الدائرة بنفس القدر عرضا وارتفاعا , الآن جعلنا المنطقة الفعالة دائرة صغيرة داخل الدائرة الكبيرة , ولكن هل الدائرة الصغيرة فى مركز الدائرة الأكبر كما أردنا ؟ هذا السؤال لا أوجهه لك عزيزى القارئ وإنما أجهه إلى البرنامج , وعلى الفور يجيبنى فلاش مندهشا :
- كيف لى أن أعرف , أنت لم تطلب منى ذلك !
هذا صحيح , ففى كل برامج الكمبيوتر المختلفة يعطيك البرنامج فقط ماتطلبه وليس ما تتمناه !
سنحاول الآن أن نرى مكان الدائرة الصغيرة , انقر على أيقونة Onion Skin

http://absba7.absba.org/teamwork8/ss1/d45.gif

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

http://absba7.absba.org/teamwork8/ss1/d46.gif

- قم بالتراجع عن طريق Ctrl+Z عدة خطوات حتى تختفى الدائرة الصغيرة .
- فى لوح Info انقر على نقطة المركز فى لوح وضعية الرمز

http://absba7.absba.org/teamwork8/ss1/d47.gif

- الآن قلل حجم الدائرة عرضا وارتفاعا كما فعلنا من قبل , وشاهد النتيجة

http://absba7.absba.org/teamwork8/ss1/d48.gif

- انقر على أيقونة Onion Skin مرة أخرى للعودة إلى الوضع العادى .
- قم باختبار العمل .

تعيين وظيفة للزر

عند النقر على أى زر لابد من حدوث شيئ .. أى شيئ وإلا فما فائدته ؟ , لنجرب الآن مثالا بسيطا : عند النقر على الزر سيتم تشغيل ملف موسيقى .
1 - من القائمة
File > Import > Import to Library

http://absba7.absba.org/teamwork8/ss1/d49.gif

وقم باختيار أى ملف صوت لديك ويستحسن أن يكون بصيغة mp3 . لقد تم وضع ملف الصوت فى المكتبة .
2 - انقر نقرا مزدوجا على الزر لتدخل فى طور تحرير الزر , وانقر على إطار Down
3 - فى قسم sound فى لوح الخواص , اختر الملف الذى استوردناه للتو . واترك الخيارات الباقية كما هى .

http://absba7.absba.org/teamwork8/ss1/d50.gif

4 - اختبر العمل .

الزر الخفى Invisible Button

أحيانا يكون لدينا نص عبارة عن كلمة مثلا ونريد أن يكون لتلك الكلمة خصائص الزر بمعنى تحول مؤشر الماوس إلى يد عند المرور فوقها, وحدوث إجراء ما عند النقر عليها, تماما كما هو الحال مع الأزرار العادية , وفى هذه الحالة سنكتب النص ثم نضع الزر الخفى فوقه, وفى الفيلم النهائى لن يظهر الزر الخفى بالطبع وإنما سنرى النص فقط والذى سيكون له كل وظائف الزر .
1- اكتب نص من كلمة أو كلمتين .
2- سنصنع الآن زرا عبارة عن مستطيل باستخدام أداة Rectangle Tool , ولا يهم اللون لأننا فى النهاية سنحوله إلى زر خفى .
3 - قم بتحديد المستطيل ثم حوله إلى رمز من نوع Button
4 - انقر على المستطيل نقرة مزدوجة للدخول فى طور تحرير الزر .
5 - اسحب الإطار المفتاحى من إطار Up وضعه فى إطار Hit .

http://absba7.absba.org/teamwork8/ss1/d51.gif

6 - انقر على Scene1 أو على السهم فى منطقة Timeline للعودة إلى المشهد , وسنلاحظ أن لون المستطيل قد تغير لونه . اسحب المستطيل وضعه فوق النص .

http://absba7.absba.org/teamwork8/ss1/d52.gif

7 - اختبر العمل , لن نرى الزر الخفى وإنما سنرى نص على شكل زر .

http://absba7.absba.org/teamwork8/ss1/d53.gif


لاتنسونى من صالح الدعاء لى ولوالداى
مع خالص ودى وتحياتى
Dr Bahaa

تم رفع الصور على السيرفر بواسطة المشرف العامsultan2

[صقر الاحمر]

يعطيك العاااااافيه

[rkia]

ما شاء الله
كل درس اروع من الدرس اللي قبله
الله يسهل لك امورك ويحقق لك احلامك

[حبايب 2]

~*¤ô§ô¤*~*¤ô§ô¤*~السلام عليكم ورحمة الله وبركاته~*¤ô§ô¤*~*¤ô§ô¤*~
جعلها الله في موازين حسناتك يا دكتور
وحسنات من تحب

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

[toti646]

*·~-.¸¸,.-~*بسم الله الرحمن الرحيم*·~-.¸¸,.-~*

متميز ورائع دائما اخى دكتور بهاء

اسلوب رائع

اسال الله ان يجعله فى ميزان حسناتك يوم القيامة




ودمت بكل خير

[Fire wolf]

بارك الله فيك والى الامام
ننتظر الدرس القادم

[المتمـيز الرقمى]

*·~-.¸¸,.-~*بسم الله الرحمن الرحيم*·~-.¸¸,.-~*

متميز ورائع دائما اخى دكتور بهاء

اسلوب رائع

اسال الله ان يجعله فى ميزان حسناتك يوم القيامة




ودمت بكل خير

[NEROLI]

جزاكم الله كل خير و اثابكم الجنة

[Dr Bahaa]

صقر الاحمر

شكرا لك
مع خالص الود والتحية

[Dr Bahaa]

rkia
شكرا على مرورك الكريم
خالص تحياتى

[Dr Bahaa]

حبايب 2

ألف شكر على الكلمات الرقيقة
تحياتى

[Dr Bahaa]

toti646

شكرا على المرور العاطر والكلمات الجميلة
تحياتى لك

[Dr Bahaa]

Fire wolf

شكرا لمرورك الكريم
تقبل خالص ودى وتحياتى
تمنياتى بالتوفيق