الإعلانات المتحركة | الوحدة الأولى | الدرس الثالث
الإعلانات المتحركة هو عنوان الدرس الثالث من الوحدة الأولى التي تحمل اسم “التصميم الرسومي” في الفصل الدراسي الثاني من مقرر “تقنية رقمية 2”.
سنتعرف في هذا الموضوع على كيفية إنشاء الإعلانات المتحركة باستخدام برنامج جيمب (GIMP) وإضافة بعض التأثيرات عليها.
الإعلانات المتحركة
يجب عليك قراءة نواتج التعلُّم جيدًا، والتأكُّد من مراجعتها وتحصيلها بعد انتهائك من دراسة الموضوع.
نواتج التعلُّم
- إنشاء الطبقات في برنامج إنكسكيب.
- تكرار الطبقات المختلفة عند تكوين الصور الرقمية.
- إنشاء رسم متحرك باستخدام برنامج جيمب (GIMP).
- تصدير الرسوم المتحركة بتنسيق التبادل الرسومي (GIF).
هيا لنبدأ!
مقدمة في الإعلانات المتحركة
تُستخدم اللافتة الإلكترونية المتحركة (Animated Web Banner) في الحملات الإعلانية وبكثرة في مواقع الإنترنت حيث أصبحت جزءًا من تصميمها؛ لإضافة لمسات جمالية للمواقع.
ويُمكِن تعريفها على أنها عبارة عن إعلان يتم إيصاله من خلال خادم إعلانات عبر الشبكة العنكبوتية العالمية، ويحتوي على مجموعة من الصور المتحركة.
الإعلانات المتحركة
سنتعلم في هذا الموضوع كيفية إنشاء إعلان متحرك باستخدام برنامج جيمب (GIMP). لتصميم إعلان متحرك، ستنشئ لافتة إلكترونية متحركة تتضمن الشعار الذي أنشأته سابقًا بواسطة برنامج إنكسكيب (Inkscape)، بعد ذلك وباستخدام برنامج جيمب، ستضيف بعض التأثيرات المتحركة إلى صورة التمور الموجودة في الشعار.
تعرف على المزيد من المعلومات عن الإعلانات المتحركة من خلال الرابط التالي:
إنشاء الطبقات في برنامج إنكسكيب | الإعلانات المتحركة
تعرض الصورة المتحركة الشعار (صورة التمور) الذي يتم تكبيره تدريجيًا. وهذا يعني أن عليك إنشاء 4 صور مختلفة من الشعار تكون فيها صورة التمور بحجم: صغير (Small)، متوسط (Medium)، وكبير (Large)، وكبير جدًا (Extra Large)، بينما يظل نص الشعار ثابتًا بنفس الحجم.
ويُمكِن تنفيذ ذلك بواسطة برنامج إنكسكيب، عن طريق إنشاء 4 طبقات مختلفة بما في ذلك الشعار الحالي الذي أنشأته في الموضوع السابق.
لتكرار الطبقة:
- من قائمة الطبقة (Layer)..
- اختر الطبقات والعناصر (Layers and Objects).
- من علامة التبويب الطبقات والعناصر (Layers and Objects)..
- اضغط ضغطة مزدوجة على اسم الطبقة الموجودة واكتب “Extra Large” (كبيرة جدًا).
- اضغط بزر الفأرة الأيمن على الطبقة المحددة واختر تكرار الطبقة (Duplicate Layer).
- ستظهر الطبقة المكررة في قائمة الطبقات.
لاحظ أن
في تصميم الرسومات، تعتبر الطبقات هي المستويات المختلفة التي يُمكِن فيها وضع عنصر أو ملف صورة. وفي برنامج إنكسكيب، يُمكِن إنشاء طبقات مختلفة عند تكوين صور رقمية.
الإعلانات المتحركة
لتغيير حجم الصورة:
- أعد تسمية الطبقة واكتب الاسم “Large” (كبيرة)..
- ثم اضغط بزر الفأرة الأيمن على صورة الطبقة.
- في القائمة التي تظهر، اختر خصائص الصورة (Image Properties).
- من علامة التبويب التي تظهر، اكتب البُعد “35” في المربع X:، و”15″ في المربع Y:، و”30″ في المربع Width: (العرض)، و”30″ في المربع Height: (الارتفاع).
- ستلاحظ أن أبعاد الصورة قد تغيرت.
- اضغط على أيقونة رؤية الطبقة كبيرة جدًا (Extra Large) لجعل الطبقة غير مرئية.
بعد ذلك، ستقوم بإنشاء الطبقتين الأخريين المتوسطة (Medium) والصغيرة (Small)، عن طريق تكرار طبقة كبير جدًا (Extra Large) وتعيين الأبعاد التالية:
- أبعاد الطبقة المتوسطة: X: 40، و Y:20، والعرض (Width: 20) 20، والارتفاع (Height: 20) 20.
- أبعاد الطبقة الصغيرة: X: 45، و Y: 25، والعرض (Width: 10) 10، والارتفاع (Height: 10) 10.
في النهاية، ستُصدِّر كل طبقة للحصول على 4 صور مختلفة.
للحصول على الأربع صور من الطبقات:
- كرِّر الطبقة Extra Large (الكبيرة جدًا)، وأعد تسميتها بـ “Medium” (متوسطة)، واكتب البُعد “40” في المربع X:، و”20″ في المربع Y:، و”20″ في المربع Width: (العرض)، و”20″ في المربع Height: (الارتفاع).
- كرِّر الطبقة Extra Large (الكبيرة جدًا)، وأعد تسميتها بـ “Small” (صغيرة)، واكتب البُعد “45” في المربع X:، و”25″ في المربع Y:، و”10″ في المربع Width: (العرض)، و10 في المربع Height: (الارتفاع).
- الآن بعد أنشأت جميع الطبقات الأربع، اختر الطبقة Small (الصغيرة).
- صدِّر الطبقة من خيارات التصدير (Export options)، واختر تصدير المحدد فقط (Export Selected Only)، ثم صدِّر باقي الطبقات بنفس الطريقة.
- بإمكانك فتح الصور الأربع باستخدام برنامج الصور (Photos).
قم بمراجعة محتوى موضوع “الإعلانات المتحركة” حتى نهاية هذا القسم من خلال الرابط التالي:
إنشاء رسم متحرك باستخدام برنامج جيمب | الإعلانات المتحركة
بمجرد تصدير صور الشعار الأربع من برنامج إنكسكيب، ستدرج الآن هذه الصور في برنامج جيمب كطبقات، وذلك لإنشاء الرسوم المتحركة وبالتحديد تنسيق التبادل الرسومي (Graphics Interchange Format – GIF).
لفتح صور الشعار كطبقات في برنامج جيمب:
- من قائمة ملف (File)..
- اختر فتح كطبقات (Open as Layers).
- من مجلد الصور (Pictures)، اختر صور الشعار الأربع.
- اضبط على فتح (Open).
- تم إدراج كل طبقات الشعار.
واجهة برنامج جيمب (GIMP)
الإعلانات المتحركة
سيتم إنشاء الرسوم المتحركة في شكلها الأخير عن طريق تحديد كل الطبقات، وتعيين التأخير بين إطارات (Frames) الرسوم المتحركة.
لا يجب أن يتحرك الشعار بسرعة كبيرة، لذلك عليك ضبط التأخير على 200 مللي ثانية عند التصدير النهائي للعمل.
لإنشاء الرسوم المتحركة بتنسيق التبادل الرسومي (GIF):
- من قائمة عوامل التصفية (Filters)..
- اختر الرسوم المتحركة (Animation).
- ومن قائمة الرسوم المتحركة (Animation)، اختر تشغيل (Playback).
- من نافذة تشغيل الرسوم المتحركة (Animation Playback)، اختر الطبقات التراكمية (Cumulative layers)، و1x، و10fps (10 إطارات في الثانية)، و0 %.
قم بمراجعة محتوى موضوع “الإعلانات المتحركة” حتى هذه النقطة من خلال الرابط التالي:
لتصدير الرسوم المتحركة بتنسيق التبادل الرسومي (GIF):
- دون إغلاق نافذة تشغيل الرسوم المتحركة (Animation Playback)، انتقل إلى قائمة ملف (File).
- ثم اختر تصدير باسم (Export As).
- اكتب اسم ملف تنسيق التبادل الرسومي “gif”..
- ثم حدّد مجلد الصور (Pictures).
- اضغط على تصدير (Export).
- من نافذة تصدير الصورة بتنسيق التبادل الرسومي (Export image as GIF)، اختر كرسوم متحركة (As Animation).
- في مربع التأخير بين الإطارات عند عدم تحديدها (Delay between frames where unspecified) اكتب “200” مللي ثانية..
- ثم اضغط على تصدير (Export).
- يُمكِنك فتح الملف “gif” باستخدام برنامج الصور “Photos”.
الإعلانات المتحركة
قم بمراجعة محتوى موضوع “تصميم ملصق إعلاني” حتى نهايته من خلال الرابط التالي:
اختبر تحصيلك لمحتوى الموضوع من خلال الرابط التالي:
الواجب الإلكتروني
إلى هنا يكون قد انتهى موضوع “الإعلانات المتحركة“، لا تنسوا مراجعة نواتج التعلُّم أعلى المقال، وانتظرونا في الموضوع القادم!