[ د - م - 14 | 4 ] دورة في أساسيات فلاش - الدرس الرابع

[Diamond mas]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

حياكم الله أيها الإخوة والأخوات مجدداً وأهلا ومرحباً بكم في الدرس الرابع الذي تأخر عن موعده قليلاً وأرجو المعذرة لذلك ^^"،

في مراجعة سريعة للدرس الثالث (http://www.mexat.com/vb/threads/1058439) أذكِّركم ببعض المقتطفات:
تابعنا شرح أهم خواص فلاش وقدراته في الرسم فتعرفنا على أدوات الرسم واستخداماتها وكيفية ضبط خصائصها والتحكم بسلوكها،
صنّفنا الأدوات إلى مجموعات حسب الوظيفة فكانت ضمن ثلاثة مجموعات:
- أدوات رسم الأشكال الجاهزة وأدوات التلوين.
- أداة النص.
- أدوات التحديد والتحكم.



[[في هذا الدرس]]




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

يتحكم شريط الزمن --الذي تعرفنا على بعض استخداماته في الدرس الثاني-- فيما يُعرض على المسرح عند مسير الزمن، فكل لحظة تُمثَّل بصورة ثابتة على شريط الزمن،
وسنتعلم في هذا الدرس كيفية صنع رسوم متحركة بطريقة يدوية بسيطة تدعى إطار بإطار(Frame By Frame)،
وسنشاهد الخيارات التي يتيحها لنا فلاش في ضبط سرعة العرض والتحكم في إطارات الزمن لإنتاج الحركة التي نريدها.


أقسام هذا الدرس:




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

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

تطبيق الدرس
سنصنع أول حركة في هذه الدورة ::سعادة::




http://www.mexat.com/vb/attachment.php?attachmentid=1813144&d=1358680486 (http://www.mexat.com/vb/threads/1054393)

[Diamond mas]

[[ التعرف على الإطارات ]]




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

http://www.mexat.com/vb/attachment.php?attachmentid=1842737&d=1364444233

لاحظوا وجود ترقيم في قسم الإطارات 1, 5, 10, 15... والتي نستخدمها لمعرفة موقعنا على شريط الزمن،
لاحظوا الإطار الأول الذي يظهر على شكل مستطيل صغير يقف رأسياً ذو حدود سوداء ولون أبيض وفي أسفله دائرة مفرغة ~~> http://www.mexat.com/vb/attachment.php?attachmentid=1842749&stc=1&d=1364446169،
لاحظوا أيضاً وجود مستطيلات أخرى لها نفس الشكل لكنها باهتة اللون ~~> http://www.mexat.com/vb/attachment.php?attachmentid=1842751&stc=1&d=1364446454، هذه تمثل أماكن فارغة يمكننا استخدامها لإضافة إطارات جديدة.

الآن لنستخدم أداة قلم الرصاص لرسم خط على مسرح العمل كما كنا نعمل في الدروس السابقة..
ثم هيا نعود إلى شريط الزمن ونلاحظ ما حل به من تغيير، تلاحظون أن لون الإطار قد تغير إلى الرمادي وأن الدائرة المفرغة قد تحولت إلى دائرة ممتلئة ~~> http://www.mexat.com/vb/attachment.php?attachmentid=1842750&stc=1&d=1364446169.
تشير الدائرة إلى وجود إطار رئيسي فإذا كانت تلك الدائرة مفرغة كان الإطار فارغاً لا يحتوي على أي عنصر،
أما إذا كانت ممتلئة دل ذلك على أن الإطار يتحوي عنصراً واحداً على الأٌقل.

لنتوقف هنا قليلاً ونطرح السؤال المهم؛ ما هو الإطار؟

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

وحتى تتضح الفكرة أكثر قمتُ بجمع بعض الصور (http://www.mexat.com/vb/showthread.php?t=1020541&perpage=1&page=21) للقطة من فيلم Tangled وأضفتها إلى إحدى الطبقات في ملف فلاش ووضعت كل صورة من تلك الصور على إطار منفرد،
شاهدوا الفيديو القصير التالي:


http://www.youtube.com/watch?feature=player_detailpage&v=H4VjJdPoWno


بإمكانكم مشاهدة الناتج النهائي للتطبيق السابق من خلال الرابط التالي (هنا (http://justuni.freehostia.com/demos/view/92776529))



لنعد إلى الخط الذي رسمناه سابقاً ونقوم بإنشاء فيلم عن نمو ذلك الخط وتغير شكله، ~~> حبة حبة.. سنأتي إلى مثال أكثر تعقيداً في الفقرة التالية :D
أول خطوة هي إضافة إطار جديد وسنقوم بذلك من خلال الضغط بالزر الأمن للفأرة على الإطار الثاني من الطبقة التي نعمل عليها ثم نختار Insert Keyframe أو F6 من لوحة المفاتيح،
ليظهر لنا إطار جديد يحمل نفس الخط الذي رسمناه على الإطار السابق.
ملاحظة: لأننا سنضيف العديد من الإطارات في هذا الدرس وفي الدروس القادمة أطلب منكم أن تعتادوا على الاختصارات من لوحة المفاتيح.

الآن سنغيّر شكل الخط قليلاً.. ربما نمدّه قليلاً أو نزيد من اعوجاجه أو نمسك أداة قلم الرصاص من جديد ونضيف جزء جديد فوقه،
بعد ذلك نضغط F6 من جديد ونقوم بتغيير بسيط.. هكذا حتى نكمل 12 إطاراً على نفس المنوال،
بعد الانتهاء منها نضغط على Ctrl + Enter من لوحة المفاتيح لنشاهد العرض.

في الفقرة القادمة سنتعرف أكثر على ضبط الإطارات وضبط سرعة العرض.

[Diamond mas]

[[ صنع لقطة ]]




سنقوم خلال هذه الفقرة بصنع رسم متحركة مدته ثانيتان ونصف لكرة تسقط عن الدرج. بإمكانكم مشاهدة الناتج النهائي (هنا (http://justuni.freehostia.com/demos/view/92776531))

قوموا بإنشاء ملف جديد وتخزينه باسم (الكرة النطاطة) على سبيل المثال،
يتكون الرسم من طبقتين:
- طبقة القبو التي تحتوي على الدرج والجدران.
- طبقة الكرة التي تشكل الحركة.

ستشاهدون فيديو بعد قليل عن كافّة الخطوات وأريد أن ألفت انتباهكم الآن لبضعة نقاط هامة تتعلق بالإطارات وشريط الزمن:

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

- إطار عادي: عند تشغيل العرض يقوم فلاش بالمرور على الإطارات لعرضها بسرعة معينة يمكن ضبطها،
السرعة الافتراضية هي 24 إطار في الثانية مما يعني أننا لو أردنا صنع فيديو مدته ثانية واحدة سنحتاج إلى تغطية 24 إطار،
وكثيراً من الأحيان لا نحتاج إلى إجراء أي تعديل على إطار معين ونريده أن يظهر كما هو لمدة أطول من (1÷24 ثانية = 42 جزءً من الثانية)،
في تلك الحالات نلجأ إلى استخدام الإطار العادي لملئ كل تلك المدة بنفس محتويات الإطار الرئيسي الذي يسبقها.
لتركيز الفكرة أكثير شاهدوا الفيديو وانظروا إلى الطبقة Basement التي تمثل خلفية الفيلم التي لن تتغير طوال مدة العرض..
استخدمت في تلك الطبقة إطاراً رئيسياً واحداً ثم ملأت باقي المدة بإطارات فرعية، يكفي أن نحدد مكان الإطار القادم على شريط الزمن ليقوم فلاش بملئ الفراغ بإطارات عادية.

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

أدوات تحكم شريط الزمن
يوفر لنا فلاش عدة أزرار تحكم أسفل شريط الزمن حتى يسهل على المصمم التنقل بين الإطارات والتحكم في محتوياتها ومشاهدتها بطريقة سلسلة:
- هناك أدوات التشغيل: {Play, Step Forward, Step Backward, Goto First, Goto Last}

- هناك أدوات لتسهيل مشاهدة الإطارات والتحكم في محتوياتها:
* Onion Skin : عند تفعيل هذا الزر تظهر خيالات بعض الإطارات السابقة واللاحقة لتريك موقعك الحالي من الحركة. لاحظوا أثر هذا الخيار في الفيديو (الوقت - 4:28)،
* Onion Skin outline : لإظهار الخطوط الخارجية لبعض الإطارات التي نمر عليها أو بجانبها.
* Edit Multiple Frams : عند تفعيل هذا الخيار يمكننا تعديل إطارات متعددة في نفس الوقت، تماما كما لو كانت أمامنا على طبقات منفصلة.
* Frame rate : التحكم بعدد الإطارات التي يتم عرضها في الثانية الواحدة، وهي مماثلة لما تجدونه في لوحة الخصائص.

أترككم الآن مع الفيديو:


http://www.youtube.com/watch?feature=player_embedded&v=cmqY44zbsas


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

في الدروس القادمة سنشرح بضعة آليات يتيحها فلاش لصنع الحركة بشكل تلقائي (أوتوماتيكي)، كل ما على المصمم هو تحديد بعض الأشياء وفلاش يقوم بالباقي :رامبو:
تذكرّوا الفيديو الثاني من الدرس الأول حيث قمتُ بصنع رسم متحرك لكرة مستخدما 24 إطاراً وحددت ثلاثة أماكن للكرة ثم قام فلاش برسم الإطارات البينية لوحده :D

[Diamond mas]

[[ تطبيق الدرس ]]




تعرفنا في هذا الدرس على الإطارات وعلى النوع الأول من التحريك باستخدام فلاش وسيكون تطبيقنا في هذا الدرس لما تعلمناه،

تطبقنا لهذا الدرس هو صناعة حركة لكرة تسقط على الدرج تماماً كما جاء في الفيديو السابق.

كما كان نهجي في الدروس السابقة، أنا لن الزمكم بصنع مشهد معين ويمكنكم الارتجال لإنتاج رسوم من بنات أفكاركم ^_^

كلي شوق لمشاهدة إبداعاتكم :أوو:
أتمنى لكم التوفيق

[Diamond mas]

[[ تطبيقات المشاركين ]]



تطبيق الأخت Mϊяαή (http://www.mexat.com/vb/member.php?u=203013) (هنا (http://justuni.freehostia.com/demos/view/92776532))


تطبيق الأخت Broken Spirit (http://www.mexat.com/vb/member.php?u=713208) (هنا (http://justuni.freehostia.com/demos/view/92776536))


تطبيق سنا برق (http://www.mexat.com/vb/member.php?u=693962) (هنا (http://justuni.freehostia.com/demos/view/92776540))


تطبيق الأخت ذات الخمار (http://www.mexat.com/vb/member.php?u=600991) (هنا (http://justuni.freehostia.com/demos/view/92776556))


تطبيق الأخ Prince of Konoha (http://www.mexat.com/vb/members/609665) (هنا (http://justuni.freehostia.com/demos/view/92776561))

تطبيق الأخت بِشْر (http://www.mexat.com/vb/members/747155) (هنا (http://justuni.freehostia.com/demos/view/92776564))

[Diamond mas]

أعتذر مجدداً عن التأخر في طرح الدرس وأتمنى أن ينال الدرس اعجابكم ^_^

[Miran.]

السلام عليكم و رحمة الله

شكرا على الدرس الجميل
تم التطبيق بسرعة ارجو التقييم والنقد xD
هنا (http://im41.gulfup.com/FjQ9z.swf)
كيف اوقف الحركة عن التكرار :'(
بانتظار الدرس القادم
بالتوفيق ^^

[Diamond mas]

السلام عليكم و رحمة الله

شكرا على الدرس الجميل
تم التطبيق بسرعة ارجو التقييم والنقد xD
هنا (http://im41.gulfup.com/FjQ9z.swf)
كيف اوقف الحركة عن التكرار :'(
بانتظار الدرس القادم
بالتوفيق ^^
وعليكم السلام ورحمة الله وبركاته

العفو.. سعيد أنه أعجبك ^_^

ما شاء الله عليكِ.. طبقتِ فأجدتِ ::جيد::
لا تعليق من جهتي.. قمت بتنفيذ تطبيق الدرس بشكل جيد ^_^

هل استخدمتِ خاصية الـ Onion Skin لمعرفة مكان الكرة نسبة إلى ما قبل وما بعد؟

بالنسبة لسؤالك.. اضغطي على الإطار الرئيسي الذي تريدين أن يتوقف العرض عنده، وفي حالتك هذه سيكون آخر إطار رئيسي، ثم اضغطي F9 من لوحة المفاتيح لتظهر لكِ لوحة الأوامر (Actions)
اكتبي الأمر التالي:


stop();

هل ترين أن الدرس سهل أم لديك استفسارات أخرى؟

قمتُ برفع تطبيقك كما جرت العادة في الدروس السابقة.. رابط التطبيق (هنا (http://justuni.freehostia.com/demos/view/92776532))
إذا أردتِ تعديله أو إزالته فالأمر يعود لكِ ^^

[Broken Spirit]

لــي عودة بعد الإطلاع والتطبيق بإذن الله ^^"...
وأعتذر لعدم تمكني من إكمال تطبيق الدرس السابق :o

[Diamond mas]

لــي عودة بعد الإطلاع والتطبيق بإذن الله ^^"...
وأعتذر لعدم تمكني من إكمال تطبيق الدرس السابق :o
أهلا بكِ أختي ^_^
لا داعي للاعتذار فلكل منا مشاغله ^^"

بانتظار عودتك :d

[Broken Spirit]

عُدت لأستفسر :غياب:

رأيت الفيديو وطبقته بالحذافير ولكن عندما اضغط على f6 بعد تحريك الكرة تظهر لي بهذا الشكل ولا تتحرك :موسوس:

الصورة في المرفقات :جرح:

[Diamond mas]

عُدت لأستفسر :غياب:

رأيت الفيديو وطبقته بالحذافير ولكن عندما اضغط على f6 بعد تحريك الكرة تظهر لي بهذا الشكل ولا تتحرك :موسوس:

الصورة في المرفقات :جرح:
أهلا بعودتك ^_^
ومبارك عليكِ الترقية منها للأعلى منها ::جيد::

يظهر في الصورة أنك لم تستخدمي أداة التحديد (Selection Tool) للتحريك بل الأداة Gradient Transform Tools،
جربي الضغط على المفتاح v من لوحة المفاتيح أو اختاري أداة التحديد من لوحة الأدوات :D

[Broken Spirit]

^

الله يبارك فيك ^_^

آهاه, أعتذر خطأ غبي جاري التعديل وبإذن الله سأعود لك اليوم :p

[Diamond mas]

^
الله يبارك فيك ^_^

آهاه, أعتذر خطأ غبي جاري التعديل وبإذن الله سأعود لك اليوم :p
لا خطأ غبي ولا حاجة.. يبدو أنكِ قد ضغطتِ على المفتاح f من لوحة المفاتيح دون أن تنتبهي، تحصل مع أي شخص :D

بانتظارك ^_^

[Broken Spirit]

مرحباً :مرتبك:

طبقت وظهرت النتيجة كما هو متوقع و رأيت عملي بأحسن ما يرام لكن عندما تم حفظه بصيغة SWF
لم يعد التحريك مرئياً حيث تتحرك الكرة وكأنها سهم منطلق لا كرة تنط :ضحكة:

التطبيق هنا ما الحل ؟!!:confused::confused::confused::confused::confus ed:

http://www.gulfup.com/?Mi6jSj

http://im41.gulfup.com/6nhIo.swf

[Diamond mas]

مرحباً :مرتبك:

طبقت وظهرت النتيجة كما هو متوقع و رأيت عملي بأحسن ما يرام لكن عندما تم حفظه بصيغة swf
لم يعد التحريك مرئياً حيث تتحرك الكرة وكأنها سهم منطلق لا كرة تنط :ضحكة:

التطبيق هنا ما الحل ؟!!:confused::confused::confused::confused::confus ed:

http://www.gulfup.com/?mi6jsj

http://im41.gulfup.com/6nhio.swf
مراحب :d


--تعديل:

كم إطار استخدمتِ؟ لا أرى سوى ثلاثة إطارات :confused:
يجب أن تضيفي إطاراً جديداً عند كل حركة للكرة.. أنا كنت أضغط F6 في الفيديو.

[Broken Spirit]

ستخبرك هذه الصورة ماذا كنت أفعل :بكاء:
http://im39.gulfup.com/xTt28.png (http://www.gulfup.com/?9c25Nw)

[Diamond mas]

ممكن ترفعي لي ملف الـ fla حتى أفحص المشكلة عندي؟

[Broken Spirit]

من فضلك هل لي ببرنامج رفع يقوم برفع ملفات الـ fla
مركز الخليج ومكسات لم يستطع رفعه ×_×

[Diamond mas]

من فضلك هل لي ببرنامج رفع يقوم برفع ملفات الـ fla
مركز الخليج ومكسات لم يستطع رفعه ×_×
اضغطيه كملف zip ثم ارفعيه، وبإمكانك رفعه دون ضغط على الـ mediafire ^^

[Broken Spirit]

تم ^^"


http://www.gulfup.com/?auprVK

[Diamond mas]

^
في الملف المرفق إطاران فقط :موسوس:
قمتُ بإضافة بضعة إطارات وظهرت الحركة بشكل طبيعي (هنا (http://www.gulfup.com/?LRdy2D))

[Broken Spirit]

كيف هذا :eek:
هذا مستحيل أضفت أكثر من 60 إطار
وعندما أحولها لصيغة SWF تظهر لي الحركة طبيعية ولكن عندما أفتح الملف الخاص بـ الحركة تنقص الإطارات كما حدث الآن :smilet-digitalpoint

شكراً لك على كل حال :D, وآمل ألا تتكرر المشكلة :نينجا:

[Diamond mas]

كيف هذا :eek:
هذا مستحيل أضفت أكثر من 60 إطار
وعندما أحولها لصيغة SWF تظهر لي الحركة طبيعية ولكن عندما أفتح الملف الخاص بـ الحركة تنقص الإطارات كما حدث الآن :smilet-digitalpoint

شكراً لك على كل حال :D, وآمل ألا تتكرر المشكلة :نينجا:
غريب والله :eek:

طيب، جربي حفظ الملف قبل إضافة الإطارات وقبل التصدير إلى صيغة SWF.. بعد ذلك أضيفي الإطارات وعندما تنتهين صدِّري إلى SWF وانظري إلى الناتج.
ما مرت علي مثل هذه المشكلة من قبل، لكن بإذن الله سنعالجها :مكر:

[Broken Spirit]

أُلاحظ دوماً أن المشكلات لا تحدث إلا معي :صمت:

على كلٍ نفذت المطلوب :تدخين:
ولم يتغير شيء ×_×

[Diamond mas]

أُلاحظ دوماً أن المشكلات لا تحدث إلا معي :صمت:

على كلٍ نفذت المطلوب :تدخين:
ولم يتغير شيء ×_×


المشكلات تحدث مع الجميع، والتجارب هي التي تعلم الإنسان :)
صحيح أن المشاكل اللي حصلت معك غريبة نوعاً ما لكن لا بد من وجود تفسير.. ^^"

لحد الآن لم أعرف سبب المشكلة التي تواجهينها.. يمكن لو صورتيها فيديو أقدر أستنتج شي لأنه من غير الطبيعي أن يقوم فلاش بحذف الإطارات كما حصل معك.

لكن بإمكانك الانتقال للدرس الخامس إذا فهمتي هذا الدرس جيداً
وأي استفسار أنا جاهز ^^

[Broken Spirit]

معك حق :)


لا بأس سأصورها غداً بإذن الله فليس لدي دوام وسيكون لدي وقت كافٍ ^^"
وشكراً لمجهودك الجبار دوماً ..

[Diamond mas]

^
وهو كذلك، بانتظار الفيديو :d

العفو أختي.. هذا واجبنا وما زلنا مقصرين ^^

[Broken Spirit]

تم التصوير و بحمد الله تم الرفع :رامبو:

من هنا (http://www.fileflyer.com/view/h9BRRBQ)

[Diamond mas]

تم التصوير و بحمد الله تم الرفع :رامبو:

من هنا (http://www.fileflyer.com/view/h9BRRBQ)
ممتاز ::جيد::

هل بإمكانك الرفع على سيرفر آخر؟ :مرتبك:

Due to FileFlyer server loads in your area, access to the service may be unavailable for a while. Please try again later, or purchase a FileFlyer Access Code below.
We are constantly adding more servers to meet the fast growing demand for the fileflyer service. Thanks for your patience.

[Broken Spirit]

MediaFire (http://www.mediafire.com/?7rnuqzx2idlcswl) :نينجا:

وشكراً لصبرك ^_^

[Diamond mas]

MediaFire (http://www.mediafire.com/?7rnuqzx2idlcswl) :نينجا:

وشكراً لصبرك ^_^
ما شاء الله.. اشتغل معك ^_^

الآن ما ظل مشكلة صحيح؟ :موسوس:

[Broken Spirit]

سبحان الله غريب كل شيء فعلته الآن كان نفسه السابق :ضحكة:
لكن الحمد لله مكتوب أني أصور فيديو غصب وأسوي حساب بالميديا فاير ::سخرية::

تطبيقي أنا بدون تعديلك أستاذ :d

http://im41.gulfup.com/MXhZl.swf

[Diamond mas]

سبحان الله غريب كل شيء فعلته الآن كان نفسه السابق :ضحكة:
لكن الحمد لله مكتوب أني أصور فيديو غصب وأسوي حساب بالميديا فاير ::سخرية::

تطبيقي أنا بدون تعديلك أستاذ :d

http://im41.gulfup.com/MXhZl.swf
بتحصل كثير، لكن الحمد لله انها اشتغلت :D
هههه... يعني (رب ضارة نافعة) ^^

جيد ::جيد::
تم الرفع (هنا (http://justuni.freehostia.com/demos/view/92776536))

[سنا برق]

مساء الأنوار وأطيب التحايا

كيف الحال؟

كنت بشوق عارم لتعلم تقنية تحريك العناصر، ولكن {تأتي الرياح بما لا تشتهي السفن} فمعذرة على التأخير أخي Diamond mas.

سلمت يداك، قدمت درسا جميلا، شاملا وبطريقة سلسة تحمل المعنى المطلوب دونما سواه.
أشكرك على إجابة أسئلتي في الدرس الماضي فقد توضحت الصورة الآن

هذه المرة في جعبتي تطبيق مختلف، ولقد تعلمتُ الكثير أثناء تنفيذي إياه فأدركتُ المغزى من فقرة التطبيق :)
سمكة تتحرك؛ بدأت الفكرة برسم سمكة وتحريكها فإذا بي أنجرف وأحرك كل اللوحة<باستثناء الطحالب :ضحكة:

تطبيقي (http://im37.gulfup.com/3Xecd.swf)

تشكر جهودك أخي، أحب قراءة دروسك فهي تعلم مبتعدة عن أي ملل أو رتابة ^^

[Diamond mas]

مساء الأنوار وأطيب التحايا

كيف الحال؟

كنت بشوق عارم لتعلم تقنية تحريك العناصر، ولكن {تأتي الرياح بما لا تشتهي السفن} فمعذرة على التأخير أخي Diamond mas.

سلمت يداك، قدمت درسا جميلا، شاملا وبطريقة سلسة تحمل المعنى المطلوب دونما سواه.
أشكرك على إجابة أسئلتي في الدرس الماضي فقد توضحت الصورة الآن

هذه المرة في جعبتي تطبيق مختلف، ولقد تعلمتُ الكثير أثناء تنفيذي إياه فأدركتُ المغزى من فقرة التطبيق :)
سمكة تتحرك؛ بدأت الفكرة برسم سمكة وتحريكها فإذا بي أنجرف وأحرك كل اللوحة<باستثناء الطحالب :ضحكة:

تطبيقي (http://im37.gulfup.com/3Xecd.swf)

تشكر جهودك أخي، أحب قراءة دروسك فهي تعلم مبتعدة عن أي ملل أو رتابة ^^

صباح الخيرات والمسرات

حياك الله، أهلا وسهلا ^_^

بالنظر إلى ما قمت بصنعه أرى أن الرياح قد جرت بالسفن إلى حيث تشتهي :أوو:
لا داعي للاعتذار، لكل منا ظروفه ::جيد::

سلمك الله، سعيد أنه أعجبك وشكراً على الإطراء ^_^
العفو.. هذا واجبنا ;)

سمكة تتحرك في لوحة حية بكل عناصرها، لم يبقَ إلا أن تتحرك الشعاب المرجانية.. علماً بأنها لا تتحرك في الواقع :ضحكة:
صدمتني بعرض لم أتوقعه لا بد وأن تحريك كل هذه العناصر قد استغرق وقتاً طويلاً، عمل رائع ::جيد::

تم الرفع (هنا (http://justuni.freehostia.com/demos/view/92776540))

تحياتي

[ذات الخمار]

اخوي انا عملت الفريمات كما في الصورة

http://im41.gulfup.com/Gxdcg.jpg


وعملت بالونة بهذا الشكل

http://www.3bsy.com/files/14864.swf
.
.
هل هذه الطريقة صحيحة

[Diamond mas]

اخوي انا عملت الفريمات كما في الصورة

http://im41.gulfup.com/Gxdcg.jpg


وعملت بالونة بهذا الشكل

http://www.3bsy.com/files/14864.swf
.
.
هل هذه الطريقة صحيحة
أختي الطريقة صحيحة،
مع أنكِ قد أضفت خاصية الحركة البينية الكلاسيكية (Classic Motion Tween) إلى الإطارات (الإطارات ذات اللون البنفسجي) إلا أن لا تأثير لها.

تم الرفع (بالون ثقيل (http://justuni.freehostia.com/demos/view/92776556))

تحياتي

[ذات الخمار]

أختي الطريقة صحيحة،
مع أنكِ قد أضفت خاصية الحركة البينية الكلاسيكية (Classic Motion Tween) إلى الإطارات (الإطارات ذات اللون البنفسجي) إلا أن لا تأثير لها.

انا ممكن اكون استخدمتها من غير قصد اهم شي الطريقة صحيحة وان شاء الله اخذ بالي منها عند عمل تصاميم مشابهه

[Prince of Konoha]

http://im42.gulfup.com/ySXl4.png

ولا عليك امر يا استاذ ممكن توريني كيف صنعت الدرج بالضبط ياليت بالفيديو

[Prince of Konoha]

http://im34.gulfup.com/wuKTK.swf
http://im36.gulfup.com/PuN6C.swf

السلام عليكم تطبيقي للدرس الاكثر من رائع وبصراحة احس اني سويت شئ عظيم مستانس على الكورة الي تنط وتنزل من الدرج يصير وجهي كذا من الفرحة :crushed::crushed::crushed::crushed:

عندي بعض الاسئله ولا عليك امر يا استاذنا الفاضل

هناك ادوات لتسهيل مشاهدة الاطارات والتحكم بها ))) ما طبقت عليها ولا ادري ويييينها وادوات التشغيل الي قبلها وييينها ذي وكيييف احس طلاسم تركتها وبس

الايطار العادي بالمرة مو فاهمه ما ادري ما فهمته بالمرة ولا عليك امر ممكن تشرحه لي اكثر وضوحا والحين واحنا نحط f6 الاطارات العاديه او الرئيسيه

بالنسبه للفيديو الي سويته للصور المتحركه من فلم
الصور كامله يعني مو مقصوصه حاط الصور فوق بعض كيف حطيتها فوق بعض ؟؟؟:moody::moody::moody::moody::moody::moody::mood y::moody::moody::moody:


اتمنى ما اكون طولت عليك او اثقلت عليك بالاسئله

الملف بعد التعديل على الصيغه http://im36.gulfup.com/xCXo8.swf

دايموند ولا عليك امر حط اني مطبق مع الباقين :apologetic:

دمت في رعايه لله

[Diamond mas]

http://im42.gulfup.com/ySXl4.png

ولا عليك امر يا استاذ ممكن توريني كيف صنعت الدرج بالضبط ياليت بالفيديو
رسمتها باستخدام أداة الخط


http://im34.gulfup.com/wuKTK.swf
http://im36.gulfup.com/PuN6C.swf

السلام عليكم تطبيقي للدرس الاكثر من رائع وبصراحة احس اني سويت شئ عظيم مستانس على الكورة الي تنط وتنزل من الدرج يصير وجهي كذا من الفرحة :crushed::crushed::crushed::crushed:

عندي بعض الاسئله ولا عليك امر يا استاذنا الفاضل

هناك ادوات لتسهيل مشاهدة الاطارات والتحكم بها ))) ما طبقت عليها ولا ادري ويييينها وادوات التشغيل الي قبلها وييينها ذي وكيييف احس طلاسم تركتها وبس

الايطار العادي بالمرة مو فاهمه ما ادري ما فهمته بالمرة ولا عليك امر ممكن تشرحه لي اكثر وضوحا والحين واحنا نحط f6 الاطارات العاديه او الرئيسيه

بالنسبه للفيديو الي سويته للصور المتحركه من فلم
الصور كامله يعني مو مقصوصه حاط الصور فوق بعض كيف حطيتها فوق بعض ؟؟؟:moody::moody::moody::moody::moody::moody::mood y::moody::moody::moody:


اتمنى ما اكون طولت عليك او اثقلت عليك بالاسئله

الملف بعد التعديل على الصيغه http://im36.gulfup.com/xCXo8.swf

دايموند ولا عليك امر حط اني مطبق مع الباقين :apologetic:

دمت في رعايه لله

وعليكم السلام ورحمة الله وبركاته

الحمد لله أن الدرس قد أعجبك،
تطبيق جيد ::جيد::
تم الرفع (هنا (http://justuni.freehostia.com/demos/view/92776561))

أخول الأدوات هي (Onion Skin, Onion Skin outline, Edit Multiple Frames, Frame rate) وموضح خصائصها في الدرس:


- هناك أدوات لتسهيل مشاهدة الإطارات والتحكم في محتوياتها:
* Onion Skin : عند تفعيل هذا الزر تظهر خيالات بعض الإطارات السابقة واللاحقة لتريك موقعك الحالي من الحركة. لاحظوا أثر هذا الخيار في الفيديو (الوقت - 4:28)،
* Onion Skin outline : لإظهار الخطوط الخارجية لبعض الإطارات التي نمر عليها أو بجانبها.
* Edit Multiple Frames : عند تفعيل هذا الخيار يمكننا تعديل إطارات متعددة في نفس الوقت، تماما كما لو كانت أمامنا على طبقات منفصلة.
* Frame rate : التحكم بعدد الإطارات التي يتم عرضها في الثانية الواحدة، وهي مماثلة لما تجدونه في لوحة الخصائص.


ولقد تم استخدام بعض من تلك الأدوات في الفيديو،

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

جاري طلب إضافة اسمك ;)

[بِشْر]

السَلامُ عَليكُم وَ رحمَة الله ..

ما شآء الله دَرس جمِيل :أوو:

هذآ هُو تطبِيقِي هُنا (http://im31.gulfup.com/AA9qa.swf)

:أوو:

[Diamond mas]

السَلامُ عَليكُم وَ رحمَة الله ..

ما شآء الله دَرس جمِيل :أوو:

هذآ هُو تطبِيقِي هُنا (http://im31.gulfup.com/AA9qa.swf)

:أوو:
وعليكم السلام ورحمة الله وبركاته

تسلمي أختي هذا من ذوقك ^_^

تطبيق جيد، تم الرفع (هنا (http://justuni.freehostia.com/demos/view/92776564)) ::جيد::