الدرس: إنشاء رسومات ثنائية الأبعاد

الفكرة العامة

الرسوم المتحركة ثنائية الأبعاد (2D) تعمل بمبدأ يشبه «تقليب صفحات كتاب»؛ حيث يوجد اختلاف بسيط بين كل صفحة وأخرى، ومع تقليب الصفحات بسرعة تبدو الرسوم وكأنها تتحرك. في هذا الدرس سنطبق الفكرة باستخدام برنامج Pencil2D.

لمحة تاريخية سريعة

ظهر أحد أوائل «كتب الصور المتحركة» عام 1868م وحصل مخترعه جون بارنز لينيت على براءة اختراع تحت اسم kineograph (المطبوعة المتحركة).

برنامج Pencil2D (بنسل ثنائي الأبعاد)

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

يوفر أدوات رسم متنوعة (قلم رصاص، حبر، فرشاة، دلو الطلاء... إلخ).
يتيح اختيار الألوان أو تخصيصها.
يمكنك ضبط خيارات لوحة الرسم والإعدادات للإطار (Frame) الحالي.

فكرة الدرس ليست «إتقان الرسم»، بل بناء حركة واضحة بإطارات منظمة.

المخطط الزمني: المفاتيح والطبقات

في Pencil2D تُسمى الإطارات الرئيسة داخل المخطط الزمني مفاتيح (Keys) وتشبه صفحات كتاب الصور المتحركة. كما يمكنك تقسيم عناصر كل مفتاح إلى طبقات (Layers) مثلما تفعل في برامج تحرير الصور.

ما المقصود بالمفتاح (Key)؟

هو إطار/صفحة ضمن تسلسل الحركة.
ترتيب المفاتيح يصنع «الحركة» عند التشغيل.
يمكن إضافة/حذف مفاتيح في طبقة معينة عبر زر + أو -.

ما المقصود بالطبقة (Layer)؟

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

أنواع الطبقات في Pencil2D

النوع	الاستخدام
Bitmap (نقطية)	للمسودات السريعة، والرسم الطبيعي، والخلفيات التفصيلية.
Vector (متجهة)	مثالية للشخصيات الكرتونية والخطوط الواضحة؛ تكبيرها لا يسبب تشوهًا ملحوظًا.
Sound (صوت)	إضافة المؤثرات الصوتية/التعليق الصوتي ومزامنته مع الإطارات.
Camera (كاميرا)	تحديد إطار العرض (Aspect/Resolution) وتحريك المشهد (Pan/Move) عبر الزمن.

إدارة الطبقات: اختيار، ترتيب، إظهار وإخفاء

لتحديد الطبقة التي ستُحررها: اضغط عليها في قائمة الطبقات.
لتغيير ترتيب طبقات الصور: اسحب الطبقة للأعلى أو الأسفل.
يمكن إعادة تسمية الطبقة بالنقر المزدوج على اسمها.
يمكن إخفاء/إظهار الطبقات عبر زر التفعيل (الدائرة) بجانب اسم الطبقة.

تنبيه صحي: التغير السريع جدًا في الألوان قد يسبب تأثيرًا وامضًا مزعجًا لبعض الأشخاص—تجنب الومضات المبالغ فيها.

رسم الإطارات الرئيسة وتقنية قشرة البصل (Onion Skin)

لإنشاء حركة سلسة، ارسم الإطارات الرئيسة (Keyframes) بتغير بسيط تدريجي. تساعدك تقنية Onion Skin على رؤية الإطار السابق/التالي بشكل شبه شفاف أثناء الرسم لتضبط انتقال الحركة بدقة.

متى تستخدم Onion Skin؟

عند رسم المشي/الجري/حركة اليد.
عند ضبط المسافات بين مواضع الشخصية.
عند مراجعة «اهتزاز» الرسم من إطار لآخر.

الرسم المتجه vs النقطي (باختصار)

Vector: خطوط وأشكال هندسية—مناسب للكرتون والحدود النظيفة.
Bitmap: رسم طبيعي—مناسب للمسودات والخلفيات.

إضافة الألوان واستيراد الرسومات اليدوية

إضافة لون باستخدام دلو الطلاء

اختر أداة Bucket Paint (دلو الطلاء).
اختر اللون من Color Palette أو افتح نافذة التقاط اللون.
انقر داخل المنطقة المراد تلوينها.

استيراد رسومات مرسومة على الورق

File → Import → Image.
اختر الصورة/الصور ثم Open.
يمكن أيضًا سحب الصور وإفلاتها داخل لوحة الرسم، وسيُنشأ مفتاح لكل صورة.

استخدام طبقة الكاميرا (Camera Layer)

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

أنشئ طبقة كاميرا، وانقل مؤشر الزمن للإطار المطلوب.
استخدم أداة Hand لضبط طريقة العرض داخل إطار الكاميرا.
يمكن تغيير إعدادات الدقة بالنقر المزدوج على اسم الكاميرا.

تصدير الرسوم (Export)

يمكنك تصدير الرسوم المتحركة كسلسلة صور بصيغة PNG. تُستخدم طريقة العرض الحالية في التصدير (عرض العمل أو عرض الكاميرا).

File → Export → Sequence Image.
حدد مكان الحفظ واسم التسلسل ثم Save.
اضبط Resolution عند الحاجة، ثم OK.

فكرة مهمة (fps)

عدد الإطارات في الثانية (fps) يحدد سرعة الحركة. مثال: إذا لديك 8 مفاتيح وسرعة 2 إطار/ثانية، فمدة الحركة = 4 ثوان.

لنطبق معًا — تدريب: شخصية تمشي داخل الغابة

الهدف: إنشاء مقطع قصير لشخصية تمشي، مع خلفية غابة وحركة كاميرا بسيطة.

الخطوات

افتح Pencil2D.
أضف Camera Layer وحدد حجم الكاميرا (مثال: 860 × 380).
انتقل إلى طبقة Bitmap وأضف مفاتيح (Keys) وحدد مدة المقطع عبر عدد المفاتيح و fps.
استورد خلفية الغابة (Forest) لكل إطار كخلفية ثابتة.
أنشئ طبقة نقطية جديدة للشخصية وارسم دورة المشي بأربعة أطوار: الوقفة، منتصف الخطوة، نهاية الخطوة، الرجحة.
انسخ/الصق الأوضاع لتكرار الدورة لباقي الإطارات.
فعّل Onion Skin عند الحاجة، ثم اضغط تشغيل لاختبار النتيجة.
صدّر العمل (كسلسلة صور PNG أو كفيديو حسب إعداداتك المتاحة).

لا تركز على جمال الرسم بقدر ما تركز على «ثبات الأحجام» و«تدرج الحركة».

🎥 التطبيق العملي — مشاهدة وتعلّم

لاحظ ترتيب الخطوات قبل تطبيق أي تعديل.
تابع كيف يتم استخدام أدوات Colors بشكل تدريجي.
انتبه للفرق بين التعديل المقبول والمبالغ فيه.
دوّن أي أداة جديدة لم تُذكر سابقًا في الدرس.

🧑‍🏫 نشاط صفي: إنشاء رسومات ثنائية الأبعاد

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

بيانات الطالب

اسم الطالب الشعبة

أسئلة الفهم والتطبيق

1) اشرح فكرة عمل الرسوم المتحركة ثنائية الأبعاد بتشبيه «تقليب صفحات كتاب». 2) ما الفرق العملي بين طبقة Bitmap وطبقة Vector؟ ومتى تفضل كل واحدة؟ 3) ما وظيفة المفاتيح (Keys) داخل المخطط الزمني؟ وكيف تؤثر fps على مدة المقطع؟ 4) اكتب خطوات تصدير الرسوم كسلسلة صور PNG من Pencil2D. 5) كيف تساعدك تقنية Onion Skin في جعل الحركة أكثر سلاسة؟

تقويم ذاتي سريع

اختر الإجابة، وستظهر لك النتيجة مباشرة.

1) ما الذي تمثله المفاتيح (Keys) في Pencil2D غالبًا؟

إطارات/صفحات ضمن تسلسل الحركة

ألوان ثابتة لا علاقة لها بالزمن

ملفات صوت فقط

إعدادات الطباعة

2) أي طبقة تناسب شخصية كرتونية بخطوط واضحة وتحتاج تكبير بدون تشوه؟

Vector Layer

Sound Layer

Camera Layer

لا توجد طبقات في Pencil2D

3) ما فائدة Onion Skin؟

عرض الإطار السابق/التالي شبه شفاف أثناء الرسم

حذف كل الإطارات

تغيير لغة البرنامج

منع استخدام الألوان

4) المسار الصحيح لتصدير سلسلة صور هو:

File → Export → Sequence Image

Edit → Cut → Paste

Tools → Brush → Save

View → Fullscreen → Export

Presentation - التقنية الرقمية by Abdullah

📘 مقطع من الكتاب المقرر

إذا ما ظهر الـ PDF عند بعض الأجهزة، استخدم زر التحميل بالأسفل.

⬇️ فتح / تحميل ملف PDF