ضع اعلان هنا

اخر الأخبار

التصميم الجرافيكي / التصميم للوسائط المتعددة (After Effects و Director)

 بسم الله الرحمن الرحيم

وبه نستعين

التصميم الجرافيكي / التصميم للوسائط المتعددة (After Effects و Director)


التصميم الجرافيكي / التصميم للوسائط المتعددة (After Effects و Director)

Design for Multimedia (After Effects and Director)

 

عملية التصميم

The Design Process

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


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


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


التوقعات العالية

High Expectations

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


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


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


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


يستطيع المصممون تطوير مهاراتهم وخبراتهم من خلال العمل ضمن "مجتمع تصميم"، وتبادل معارفهم والتعلم من الآخرين. وهذا يُشكل تحولًا مهنيًا مثيرًا ومليئًا بالتحديات للعديد من المصممين الذين ينتقلون من خلفيات الطباعة والنشر التقليدية.


تطبيقات التأليف وأدوارها

Authoring Applications and Their Roles

في سوق العمل الاحترافي، يُعدّ برنامج Macromedia Director البرنامج الرائد في مجال التأليف. فهو يُمكّن المصمم من معالجة الصوت والرسومات والصور المتحركة والفيديو في بيئة تحرير واحدة دون الحاجة إلى إضافات خارجية. يستخدم Director لغة Lingo، وهي لغة برمجة نصية قوية خاصة به، لتنفيذ عمليات برمجية معقدة "خلف الكواليس" تُوفّر مصدرًا غنيًا لتفاعل المستخدم.


برنامج “Director”

Director

يستخدم Macromedia Director استعارة الإنتاج المسرحي، التي تتألف من "مسرح" و"ممثلين" و"موسيقى تصويرية". يُعدّ هذا تنسيقًا ممتازًا للمصممين، حيث يُبسّط بيئة العمل التي قد تبدو معقدة. تعمل الشاشة كمسرح يُمكن للمصمم وضع الممثلين عليه مباشرةً من قاعدة بيانات للعناصر (الرسومات، الصوت، الفيديو، إلخ). ثم يتم تنسيق الممثلين ضمن الموسيقى التصويرية - وهي عبارة عن خط زمني للرسوم المتحركة التقليدية متعدد الطبقات لتحريك الإطارات إطارًا بإطار.


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


يمكن تحويل الإنتاجات النهائية إلى عروض تقديمية مستقلة متعددة المنصات تُعرض باستخدام برنامج جهاز العرض. يقوم جهاز العرض بتشغيل فيلم Director، والذي يمكن ضبطه لملء الشاشة بالكامل لتجربة مشاهدة شبيهة بالتلفزيون. عند استخدامه بفعالية، يوفر Director حلاً متكاملاً للإنتاج الرقمي لأنظمة الوسائط المتعددة على أقراص CD-ROM وDVD وشاشات اللمس. في مجال النشر الإلكتروني، يستخدم مطورو الألعاب الإلكترونية برنامج Director، حيث يستغلون خيار تصدير المشاريع كأفلام Shockwave، والتي يتم تشغيلها باستخدام إضافات المتصفح.


كما يستخدم مطورو الوسائط المتعددة Flash لإنتاج مواد لمشاريع غير مخصصة للويب. تشجع ماكروميديا Macromedia ​​بنشاط مجتمعًا من مطوري البرامج المستقلين على الإنترنت، والذين يختبرون برنامج Director ويشاركونه ويطورونه. وقد ساهم هؤلاء بدورهم في جعل البرنامج متعدد الاستخدامات للغاية، مما يتيح دمجه مع تنسيقات أخرى مثل PDF من Adobe وQuickTime من Apple وHTML. على سبيل المثال، يمكن أن يتضمن إنتاج قرص CD-ROM رابطًا مباشرًا إلى موقع ويب، أو خيار فتح ملفات PDF وعرضها أثناء تشغيل فيلم Director على جهاز المستخدم في الخلفية.


برنامج After Effects ومنافسوه

After Effects Program and its Rivals

يُعد برنامج Adobe After Effects البرنامج الرائد تقليديًا في مجال إنتاج الفيديو الرقمي المركب بجودة البث. وهو الآن موجود في سوق تنافسية شهدت انخفاضًا كبيرًا في تكلفة تركيب الفيديو والمؤثرات الخاصة. وباستخدام أحدث أجهزة Mac وPC، يُمكن إجراء التحرير في الوقت الفعلي باستخدام البرنامج دون الحاجة إلى الاستثمار في ملحقات أجهزة باهظة الثمن.


تشمل برامج التركيب الأخرى Pinnacle Commotion Pro وDiscreet Combustion وBoris Red وApple Shake. يمكن استخدام برامج تحرير الفيديو العامة، مثل Adobe Premiere وApple Final Cut Pro، بالإضافة إلى أدوات الرسوم المتحركة القائمة على الفيديو مثل Apple Motion، لتحرير محتوى عروض الوسائط المتعددة.


يمكن استيراد الرسومات والصوت والموسيقى والفيديو وتعديلها لإنشاء تركيبة متعددة الطبقات، والتي يمكن تصديرها بأي من تنسيقات تشغيل الفيديو الشائعة، أو تصديرها إلى نظام احترافي لما بعد إنتاج الفيديو، مثل Avid Media 100، لإجراء المزيد من التعديلات. كما يتيح برنامج After Effects استخدام مجموعة من فلاتر Photoshop الإضافية لتطبيق المؤثرات والانتقالات.


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


أمثلة عن تطبيقات التأليف وأدوارها

Examples of Authoring Applications and Their Roles

مثال (1)

يوفر برنامج Director بيئة متكاملة لتأليف الوسائط المتعددة. يدعم البرنامج مجموعة واسعة من تنسيقات الإدخال، بما في ذلك فيديو DVD، ويمكن إخراج الإنتاجات لأنظمة Mac وWindows من الملفات نفسها. تتيح لغة برمجة نصية جديدة، ذات بنية مشابهة لـ JavaScript، إمكانية الوصول إلى إمكانيات Director المتقدمة لشريحة أوسع من المحترفين المبدعين.

التصميم الجرافيكي / التصميم للوسائط المتعددة (After Effects و Director)


مثال (2)

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


مثال (3)

يُعد Discreet Combustion أحد برامج التركيب المتطورة والمتنامية، والتي، على الرغم من أنها ليست مصممة خصيصًا للعمل التفاعلي، إلا أنها تُضفي عمقًا جديدًا من الثراء على جميع أنواع عروض الوسائط المتعددة.

التصميم الجرافيكي / التصميم للوسائط المتعددة (After Effects و Director)


مثال (4)

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


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

 

أرجو أن تنال التدوينة إعجابكم وإلى لقاء قريب بإذن الله

 

المراجع والمصادر

الدليل الكامل للتصميم الجرافيكي الرقمي.

The Complete Guide to Digital Graphic Design

 

لمزيد من التواصل تابعونا على وسائل التواصل الاجتماعي

حساب "مدونة ألوان" على فيسبوك.

حساب "مدونة ألوان" على انستجرام.

حساب "مدونة ألوان" على تويتر. 

ليست هناك تعليقات