صفحة ١٣٤
انظر إلى رأس الصفحة: الإعلانات المتحركة هي لافتات إلكترونية تظهر في مواقع الإنترنت وتُستخدم للحملات الإعلانية وجذب الانتباه. في هذا الدرس، ستتعلم كيف تنشئ إعلاناً متحركاً باستخدام برنامج جمب وبرنامج إنكسكيب. الفكرة تعتمد على إنشاء لافتة تتضمن شعاراً متحركاً. ولكي يبدو الشعار وكأنه يقترب أو يتحرك، ستنشئ أربع صور مختلفة بنفس الشعار بأحجام متدرجة: صغير، ومتوسط، وكبير، وكبير جداً، مع ثبات حجم النص. انظر إلى الجدول السفلي والخطوات: لتكرار الطبقة الحالية في برنامج إنكسكيب، اذهب إلى قائمة Layer ثم اختر Layers and Objects. من علامة التبويب الظاهرة، اضغط ضغطاً مزدوجاً على اسم الطبقة الحالية واكتب Extra Large، ثم اضغط بزر الفأرة الأيمن على الطبقة المحددة واختر Duplicate Layer. ستظهر الطبقة المكررة في قائمة الطبقات.
صفحة ١٣٥
انظر إلى واجهة البرنامج في أعلى الصفحة: تم تحديد طبقة Extra Large للشعار الذي أنشأته مسبقاً، وتظهر إطارات التحديد حوله. في الصورة الثانية بالأسفل، انظر إلى لوحة Layers and Objects الجانبية: ستجد الطبقة الأساسية ومعها الطبقة المكررة التي تحمل اسم Extra Large copy. الخطوة الخامسة والسادسة توضح أنه يمكنك النقر بزر الفأرة الأيمن على الطبقة لفتح قائمة الخيارات الجانبية التي تتيح لك التحكم بترتيب العناصر أو حذفها أو تكرارها، تماماً كما ترى في القائمة المنسدلة الظاهرة في الصورة الثالثة. هذه الخطوات تمهد لك لتجهيز الطبقات الأربع بأحجام مختلفة لتتمكن لاحقاً من تحريكها بتتابع زمني صحيح.
صفحة ١٣٦
انظر إلى الخطوات في أعلى الصفحة لتغيير حجم الصورة. أولاً، أعد تسمية الطبقة واكتب Large بدلاً من الاسم القديم، ثم اضغط بزر الفأرة الأيمن على صورة الطبقة. من القائمة المنسدلة التي تظهر لك، اختر Image Properties أي خصائص الصورة. انظر إلى واجهة البرنامج في الأسفل: القائمة المنسدلة المعروضة تحتوي على خيار Image Properties الذي سينقلك للتحكم بالأبعاد الدقيقة. في المربعات التي ستظهر، اكتب الإحداثيات الجديدة بدقة لتصغير الشعار بالنسبة المطلوبة مقارنة بالطبقة السابقة. لاحظ أيقونة العين المجاورة لاسم الطبقة في لوحة الطبقات؛ هذه الأيقونة تدل على أن الطبقة Visible أي مرئية، وحين تغلقها تختفي رؤية الطبقة مؤقتاً لتسهيل العمل على الطبقات الأخرى.
صفحة ١٣٧
انظر إلى الصور في هذه الصفحة لتطبيق تعديل أبعاد طبقة Large. في الجزء العلوي، بعد فتح نافذة خصائص الصورة، ستظهر لك المربعات الخاصة بالأبعاد: اكتب في المربع X القيمة 35، وفي المربع Y القيمة 15، وفي مربع العرض Width القيمة 30، وفي مربع الارتفاع Height القيمة 30. ستلاحظ أن أبعاد الصورة قد تغيرت وانكمشت قليلاً لتناسب الحجم المطلوب. في الجزء السفلي، انظر إلى لوحة Layers and Objects: يمكنك جعل طبقة Extra Large غير مرئية بالضغط على أيقونة العين لتصبح غدير واضحة، لتبقى أمامك فقط طبقة Large الواضحة. تذكر أن هذه الخطوة ضرورية لتتمكن من ضبط أحجام العناصر بدقة دون تداخل بصري بين الطبقات المختلفة.
صفحة ١٣٨
انظر إلى الجدول والتعليمات في أعلى الصفحة لإنشاء الطبقتين الأخيرتين: المتوسطة والصغيرة. لتكرار طبقة Large التي أنشأتها للتو، اتبع الخطوات نفسها: انقر بزر الفأرة الأيمن واختر تكرار الطبقة، ثم اعد تسميتها إلى Medium. بعد ذلك افتح خصائص الصورة واكتب الأبعاد الجديدة بدقة: في المربع X اكتب 40، وفي Y اكتب 20، وفي العرض Width اكتب 20، وفي الارتفاع Height اكتب 20. ولإنشاء الطبقة الأخيرة Small، كرر نفس الخطوات واكتب الأبعاد التالية: في X اكتب 45، وفي Y اكتب 25، وفي العرض 10، وفي الارتفاع 10. بعد الانتهاء من إنشاء الطبقات الأربع بأحجامها المتدرجة، عليك تصدير كل طبقة على حدة كصورة مستقلة بصيغة PNG أو JPEG عبر خيار Export Selected Only لتستخدمها لاحقاً في برنامج جمب.
صفحة ١٣٩
انظر إلى الصور التوضيحية في الصفحة لتصدير الطبقات الأربع. في الجزء العلوي، انظر إلى لوحة الطبقات وتأكد تماماً من ترتيبها قبل التصدير: يجب أن تكون مرتبة تدريجياً من الأصغر إلى الأكبر أو العكس بحسب خطة العمل. في وسط الصفحة، تظهر نافذة خيار التصدير Export، حيث يظهر مسار حفظ الملف في مجلد Pictures واسم الملف الذي يجب أن تتطابق مسماه مع كل طبقة مثل Extra Large.jpg ثم Large.jpg وهكذا. انظر إلى الصور المصغرة في أسفل الصفحة: ستجد الصور الأربع قد تم تصديرها بنجاح وأصبحت جاهزة للاستخدام كصور منفصلة في برنامج جمب لدمجها معاً وإنشاء ملف الحركة النهائي.
صفحة ١٤٠
انظر إلى أعلى الصفحة: بعد أن انتهيت من تصدير صور الشعار الأربع من برنامج إنكسكيب، حان الوقت لفتحها مجدداً داخل برنامج جمب GIMP ولكن هذه المرة كطبقات داخل ملف واحد، وذلك لإنشاء الرسوم المتحركة بتنسيق التبادل الرسومي الشهير GIF. انظر إلى لوحة الخطوات في المنتصف: من قائمة File الملف، اختر الأمر Open as Layers أي فتح كطبقات. سينقلك البرنامج إلى نافذة اختيار الملفات، ومن مجلد الصور Pictures حدد صور الشعار الأربع معاً دفعة واحدة، ثم اضغط على زر Open. انظر إلى واجهة برنامج جمب في الأسفل وكيف يوضح سهم الاختيار مكان القائمة والامر المطلوب لتنفيذ هذه الخطوة بدقة.
صفحة ١٤١
انظر إلى نافذة Open Image as Layers في أعلى الصفحة: بعد الضغط على مجلد Pictures، تظهر لك ملفات الصور الأربع بترتيبها وأسمائها الحقيقية مثل Extra Large وLarge وMedium وSmall، مع معاينة لكل صورة على الجانب الأيمن. حدد الصور الأربع معاً واضغط على زر Open في الزاوية السفلى. انظر إلى واجهة برنامج جمب في الأسفل بعد اتمام التحميل: في لوحة Layers الجانبية على اليمين، تلاحظ أن الصور الأربع قد أدرجت كطبقات مستقلة فوق بعضها البعض. تأكد تماماً من أن الصور مرتبة بالترتيب الصحيح من الطبقة السفلى إلى العليا كما يشير السهم، لضمان صحة تسلسل الحركة لاحقاً.
صفحة ١٤٢
انظر إلى الخطوات في أعلى الصفحة لإنشاء الرسوم المتحركة بتنسيق GIF. سنقوم بتحويل الطبقات إلى إطارات Frames متعاقبة. من قائمة Filters عوامل التصفية، انتقل إلى خيار Animation الرسوم المتحركة، ثم اختر Playback تشغيل. انظر إلى واجهة البرنامج في الأسفل: ستجد قائمة Filters مفتوحة، ومنها تختار Animation ثم Playback لفتح نافذة المعاينة والتحكم في سرعة العرض. هذه النافذة ستمكنك من مشاهدة الشعار وهو يتحرك ويتغير حجمه، وعليك التأكد من ضبط معدل التأخير الزمني لتجنب حركة الشعار بسرعة مفرطة لا يمكن للمشاهد استيعابها أثناء تصفح الإعلان.
صفحة ١٤٣
انظر إلى نافذة معاينة الرسوم المتحركة Animation Playback في أعلى الصفحة. تعرض النافذة الشعار الحالي في منتصف الإطار الأبيض، وفي الأسفل يوجد شريط الأدوات والتحكم. انظر إلى التوضيح الأسفل للأسهم: يشير السهم الأول إلى خيار الرسوم المتحركة على أساس الطبقات Cumulative layers، ويشير السهم الثاني إلى سرعة التشغيل بمعدل 1x، بينما يحدد السهم الثالث معدل عرض الإطارات الافتراضي بـ 10fps أي عشر إطارات في الثانية، ويظهر السهم الأخير نسبة التكبير. انظر إلى الرسم التخطيطي في أسفل الصفحة: يوضح لك كيف تترتب الطبقات فوق بعضها داخل ملف GIF المتحرك، بدءاً من طبقة Small في الأعلى وانتهاءً بطبقة Extra Large في القاعدة.
صفحة ١٤٤
انظر إلى خطوات التصدير النهائي للرسوم المتحركة في أعلى الصفحة. دون إغلاق نافذة المعاينة السابقة، اذهب إلى قائمة File ثم اختر Export As للتصدير باسم جديد. في النافذة التي تفتح، اكتب اسم الملف Logo.gif وتأكد من حفظه داخل مجلد Pictures، ثم اضغط على زر Export. ستظهر لك نافذة جديدة خاصة بتصدير الصور المتحركة بصيغة GIF، ومنها اختر As Animation أي كرسوم متحركة. في مربح Delay between frames where unspecified اكتب القيمة 200 لتحديد التأخير بين الإطارات بـ 200 مللي ثانية لكل إطار، ثم اضغط على زر Export لتصدير الملف النهائي.
صفحة ١٤٥
انظر إلى الصور المتتالية في هذه الصفحة لتتبع خطوات التصدير بدقة. في الصورة الأولى بالأعلى، نافذة تحديد اسم الملف Save in folder حيث كتبت اسم Logo.gif داخل مجلد Pictures. في الصورة الثانية بالمنتصف، نافذة إعدادات GIF Options حيث تم تفعيل خيار As animation وتحديد التأخير الزمني بـ 200 مللي ثانية في خانة Delay between frames، ثم الضغط على زر Export رقم 8. في الصورة الثالثة بالأفل، تظهر نافذة برنامج العرض Photos وهي تعرض ملف Logo.gif المتحرك بعد تصديره بنجاح، ليظهر الشعار بحجمه المتحرك والمتدرج بشكل سلس ومستمر.
صفحة ١٤٦
انظر إلى صفحة التمارين «لنطبق معاً». التدريب الأول يطلب منك شرح المقصود بتنسيق التتبادل الرسومي GIF ومتى يُفضل استخدامه كوسييلة إعلانية — فكر في خصائص هذا الملف من حيث دعم الحركة وصغر الحجم وسهولة العرض على متصفحات الإنترنت. التدريب الثاني يطلب منك عكس ترتيب الطبقات الأربع عند إنشاء الرسم المتحرك، ثم مناقشة مدى اختلاف النتيجة النهائية عن الشعار الذي أنشأته في الدرس — تخيل كيف ستبدأ الحركة إن عكسنا الترتيب هل ستصغر أم تكبر. التدريب الثالث يطلب توضيح المقصود بالملصق الإعلاني وما هي وجوه الاختلاف الأساسية بينه وبين الشعار. التدريب الرابع يطلب منك تصميم شعار متحرك عن اليوم الوطني السعودي باستخدام ما تعلمته.
صفحة ١٤٧
انظر إلى مشروع الوحدة في أعلى الصفحة. تفترض السيناريوهات هنا أنك تعمل في منظمة السلامة المرورية في المملكة العربية السعودية وعليك تنظيم مؤتمر للتوعية حول إجراءات السلامة. المطلوب في النقطة الثانية هو استخدام برنامجي إنكسكيب وجمب لإنشاء شعار وملصق ورسم متحرك خاص بالمؤتمر. في النقطة الثالثة، تتحدد المتطلبات بدقة: إنشاء شعار مخصص للمؤتمر بإنكسكيب، تحديد عنوان المؤتمر وصورة مناسبة لإنشاء الملصق، إضافة عنوان الملصق والمعلومات، وأخيراً إنشاء أربع طبقات مختلفة من الشعار لتصميم رسوم متحركة بصيغة GIF باستخدام برنامج جمب. انظر إلى الرسم التخطيطي لجهاز الحاسوب في الأسفل والذي يعبر عن بيئة العمل الرقمية لتنفيذ هذا المشروع.
صفحة ١٤٨
انظر إلى قسم «برامج أخرى» على هذه الصفحة. يمنحك هذا القسم نظرة على برامج بديلة تستخدم في التصميم والإنتاج الرقمي. البرنامج الأول هو إي ديزاين InDesign، وهو برنامج أصدرته شركة أدوبي عام 1999 ليحل محل برنامج باج ميكر PageMaker الذي لم يحظ بشعبية كبيرة. يتميز إي ديزاين بدعمه للعمل عبر الأنظمة الأساسية، وتصدير مستندات PDF، والتعامل مع خطوط يونيكود وتيب OpenType، بالإضافة إلى ميزاته الفريدة في إدارة الورق الشفاف والطبقات والأنماط، وتوافقه التام مع برامج أدوبي الشهيرة مثل إليستراطور وفوتوشوب. البرنامج الثاني في الأسفل هو موهو أنيميشن Moho Animation، وهو مخصص لتعلم وإنشاء الرسوم المتحركة ثنائية الأبعاد بشكل موسع ومحترف.
صفحة ١٤٩
انظر إلى جدول المهارات في أعلى الصفحة لتقييم مستواك بنفسك بعد إنهاء الدرس. الجدول يقسم المهارات إلى سبع نقاط: توضيح مفهوم الإعلان ومواصفاته الفعالة، توضيح المبادئ الأساسية للتصميم الرسومي، تمييز عناصر التصميم الرسومي، التمييز بين الرسوم المتجهة والرسوم النقطية، تصميم شعار باستخدام إنكسكيب، تصميم ملصق باستخدام إنكسكيب، وأخيراً تصميم إعلان متحرك باستخدام برنامج جمب. أمام كل مهارة عمودان لدرجة الإتقان: أتقن، أو لم يتقن. في أسفل الصفحة، يوجد جدول المصطلحات الذي يترجم المصطلحات التقنية الإنجليزية مثل Advertising وAnimated Web Banner وBezier Curves وLayers وLogo إلى اللغة العربية لتثبيت حصيلتك العلمية.
