الجمعة، 30 مايو 2008

الدرس الرابع: رسم شكل بسيط (2) Drawing a Simple Shape

In this tutorial you will learn how to draw simple shapes in Moho. The following tutorials will build on what you start drawing in this tutorial.

بعد فتح البرنامج واختيار صفحة جديدة File > New اختار File->Project Settings اختر لون الخلفية Background Color مثلا لون ازرق سماوي مثل لون السماء ثم اضغط ok.

من صندوق الأدوات اختر المستطيل Rectangle لرسم مستطيل وتأكد من أن في قائمة خيارات الأداة Auto Fill و Auto outline غير مختارات لأننا هنا لا نريد تعبئتهم تلقائياً بل سنختار بأنفسنا التعبئة ثم ارسم مستطيل كما في الشكل التالي.


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


يجب أن تحصل على شكل قريب من هذا الشكل وإذا لم تكن راضياً عن النتيجة بإمكانك أن تتراجع عن آخر حركة وذبك بالذهاب إلى Edit->Undo والمحاولة مرة أخرى إلى أن تحصل على النتيجة المرغوبة.


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




ولتبقى منظماً في برنامج موهو يستحسن ان تعيد تسمية كل طبقة باسم يدل على محتواها كما في الشكل التالي وبمثالنا هذا سوف نقوم بتسمية هذه الطبقة بـ "Hills"

تعبئة الشكل بالألوان Filling a Shape with Color

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

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


على أية حال إلا الآن لم نقم بتعبئة الشكل ولكننا قمنا بتحديد الشكل او الجزء المراد تعبئته باللون المناسب. وعندما تكون جاهز للتعبئة اضغط على مفتاح المسافة بلوحة المفاتيح وهذه خطوة مهمة لا تتجاهلها، سوف تظهر لك نافذة الـ Style من هنا اختار لون التعبئة Fill بني وتأكد من أن حجم خط حدود الشكل لا يتجاوز 1 وثم اختار Effect 1 ستظهر قائمة منسدلة اختر منها Gradient سوف يظهر صندوق سوف نختار منها لونين هما البني والذي يمثل لون التل والأخضر الذي يمثل لون العشب على التل.

بإمكانك الآن أن ترى ما فعلته عن طريق الذهاب إلى File> Render وقم بحفظ هذا الملف لأننا سوف في الدرس القادم سوف نكمل العمل على هذا الشكل وإضافة أشكال معقدة اكتر.

السبت، 24 مايو 2008

الدرس الثالث: رسم شكل بسيط Drawing a Simple Shape

الشكل العام لبرنامج موهو MOHO



رسم شكل بسيط Drawing a Simple Shape

اختر أداة الشكل البيضاوي Oval من قائمة الأدوات. بعد اختيار الأداة ستلاحظ بمنطقة خيارات الأداة بالأعلى خياران هما "Auto Fill" و "Auto Outline" تأكدن من أنهما مختارتان إذا كنت تريد أن تتم تعبئة الشكل بشكل تلقائي، بواسطة هذه الاداة اسحب على مسرح العمل لكي ترسم شكل بيضاوي وبحالة انك تريد رسم دائرة اضغط على زر "Shift" مع سحب الاداة لتحصل على دائرة وتأكد ان الدائرة داخل مسرح العمل.
تعبئة الشكل بلون Filling a Shape with Color
استخدام أداة التعبئة، بإمكانك أن تختار أداة التعبئة وتقوم بتعبئة الشكل باللون الذي تريده، ولكن سنقوم هنا وللتأكيد ولتعلم طريقة أخرى سوف نذهب إلى القائمة وثم إلى Edit->Select All ليتم تحديد الشكل الذي رسمناه ثم نختار Create Shape من صندوق الأدوات، سوف يصبح الشكل كالآتي:
إن أداة Create Shape تعمل على اختيار الشكل المراد تعبئته باللون الذي نريده وسوف يكون الشكل مضلل باللون الأحمر ولكن لم يتم تعبئته باللون بعد، وعندما تكون جاهز وراضي عن الشكل ومستعد لتعبئته اضغط على مفتاح المسافة Space bar لتخبر برنامج موهو انك راضي وجاهز لتعبئة الشكل، بعد أن تضغط على مفتاح المسافة ستظهر لك Style panel من هنا يمكننا اختيار لون التعبئة وأشياء أخرى سنتعرف عليها بالدروس القادمة،
اختار Fill Color ومن ثم اختار اللون المناسب، بعد ذلك اختارLine Color لكي تختار اللون الخارجي للشكل. ولمعاينة الشكل النهائي للشكل الذي رسمناه بإمكانك الذهاب الى File->Render لتظهر لك نافذة تحتوي على الوضع النهائي للشكل.

صنع حركة بسيطة Simple Animation

لعمل حركة ببرنامج موهو ببساطة تحرك الشكل وتضع Key Frame في خط الوقت Time Line.
في أعلى نافذة خط الزمن يوجد هناك مسطرة تظهر أرقام الإطارات Frames Numbers بمثالنا هنا اضغط على الإطار رقم 36 لوضع الوقت الحالي للإطار كما في الشكل الأتي.
بعد ذلك اختر Edit->Select None من القائمة وثم اختر Translate Points صندوق الأدوات اضغط واسحب النقطة السفلية من الدائرة إلى الأعلى لتحصل على شكل كما في الصورة.


الآن اختر أداة Rotate Layer من صندوق الأدوات ثم اضغط واسحب على مسرح العمل إلى أن تحصل على إدارة مناسبة كما في الشكل التالي
ألان ارجع إلى خط الزمن Time Line ونقر فوق الإطار رقم 72 ومن ثم ومن القائمة اختر Draw->Reset All Points لإرجاع جميع النقاط إلى مكانها الأصلي، ومن خيارات الأداة بالأعلى اضغط على Reset لإرجاع الطبقة Layer كما كانت قبل عملية تدويرها أو تحريكها.

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


الأحد، 18 مايو 2008

الدرس الثاني - ادخال الشخصيات الكرتونية على مشاهد الفيديو

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

تدوير وتعديل حجم الفيديو

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

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

ولعكس اتجاه مشهد الفيديو وفر لنا برنامج موهو Moho خياران هما:
· Flip Horizontal لقلب مشهد الفيديو بالاتجاه الأفقي. مع العلم أننا نستطيع تطبيق عملية عكس الاتجاه في أي مرحلة إطار زمني ضمن مدة عرض المشهد إذا تطلبت طبيعة المشهد ذلك.



· Vertical لقلب مشهد الفيديو بالاتجاه العامودي.

2. لتدوير مشهد الفلم بزاوية معينة علينا استخدام أداة التدوير اليدوية Rotate Layer Z والتي ستظهر بدورها مربع التحكم، من خلاله يمكننا تدوير المشهد من إحدى زواياه الأربع.

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

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

بالطريقة ذاتها يمكننا تطبيق العديد من الأفكار، كأن نجعل الشخصية الكرتونية تظهر وكأنها تشاهد فيلما سينمائياً مقتبس من مادة الفيديو كما في الشكل هنا.

لاحظ أننا استخدمنا في مثالنا السابق أداة Rotate Layer Y لمحورة مشهد الفيديو لكي يظهر وكأنه شاشة سينما. بنفس الطريقة يمكنك استيراد صورة تلفاز لتظهر الشخصية الكرتونية وكأنها تشاهد تلفاز حقيقي بعد ضبط مشهد الفيديو ضمن حيز صورة التلفاز.

الخميس، 15 مايو 2008

الحلقة الأولى - ادخال الشخصيات الكرتونية على مشاهد الفيديو

ادخال الشخصيات الكرتونية على مشاهد الفيديو


أتاحت خصائص برنامج "موهو" Moho المتقدمة امكانية استيراد مشاهد الفيديو الى مسرح العمل لغايات تحريرها وتركيب الشصيات الكرتونية عليها لتظهر وكانها من عناصر الفيديو الحقيقية. وبفضل عناصر الحركة التي يحتويها البرنامج، يمكن خلق بيئة تفاعلية، تتفاعل من خلالها الشخصيات الكرتونية مع باقي عناصر الفيديو كما سناتي على شرح ذلك في الدروس القادمة، بينما سنقتصر حديثنا عبر الفقرات الاتية على كيفية استيراد مشاهد الفيديو وادخال الشخصيات الكرتونية اليها كما هو مبين في الخطوات التالية: 1- بعد تشغيل برنامج موهو صانع الفلام الكرتونية، قم بانشاء مشروع جديد وتسميته بالاسم VideoTest. 2- توجه بعدها الى قائمة File واختر منها خاصية الاستيراد Import ثم اختر من قائمتها الفرعية أمر Movie، ليظهر لك محرك البحث بواسطته، اختر مقطع الفيديو الهدف واعمل على جلبه من مسار تخزينه على جهازك، وهنا يفضل أن يكون ملف مشهد الفيديو بالامتداد Avi كونه الانسب لبرنامج موهو. بالنقر على ايقونة Open ستكتمل عملية استيراد مشهد الفيديو حيث سيتم أدراج الفلم الهدف مباشرة ضمن مسرح العمل وبالتزامن مع ذلك سيظهر داخل صندوق الطبقات طبقة خاصة بالفيديو تحمل اسم الفلم كما في الشكل هنا.



ولمعاينة الفلم والتأكد منه قبل اضافة الشخصية الكرتونية اليه، من واجهة عمل البرنامج، انقر على زر التشغيل.



بصورة افتراضية سيتم عرض أول 72 اطار من الفلم وذلك بحسب الاعدادات الافتراضية للمشروع، ولمشاهدة كامل الفلم، قم بتعديل الاعدادات الافتراضية وذلك من خلال قائمة File، اختر من امر Setting ومن واجهتها قم بتغير قيمة End Frame ولمعرفة عدد اطاارت الفيديو الحقيقي، يتعين اجراء عملية حسابية بسيطة تخضع للعوامل التالية:

- المدة الزمنية مشهد الفيديو.
- معدل بث وتشغيل الاطارات في برنامج موهو.

علماً بأن برنامج موهو يعتمد على معدل زمني لتشغيل وبث الاطارات بصورة افتراضية 24 اطار في الثانية الواحدة وهي نسبة سريعة جداً لمشاهد الفيديو ويجب تعديلها لتصبح ما بين 15 – 12 اطار بالثانية.

وتتم عملية التعديل هذه عبر واجهة الاعدادات السابقة، ومن خلال صياغة القيمة الجديدة داخل الخانة Frame Rate كما في الشكل هنا.


بعد ذلك يمكنك ضرب مدة الفلم الزمنية بالثواني بمعدل البث لتحصل على عدد الاطارات الحقيق. مثال: الفلم المستورد يعتمد معدل بث 15 إطار في الثانية ومدة المشهد 53 ثانية عندها تصبح المعادلة على النحو التالي 53 x 15 = 795 اي ان إطارات الفيديو هو 975.

دورة تصميم وانتاج افلام الكرتون

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

ولتحميل برنامج موهو الرجاء الضغط على العنوان التالي
http://www.lostmarble.com/downloads/moho/moho_win32_5.4.exe

مع جزيل الشكر لكم
شادي سلامة