عمل خلفية اسلامية مشابهه لخلفيات القنوات التلفزيونية Adobe After Effect

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



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



اضغط هنا لتحميل ملف الخطوط " الأشكال الإسلامية "



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









• تحليل الخلفية نظرياً و تطبيقها على الافتر إفكتس:

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

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



ملاحظة: طبعا الخلفية اللتي سنقوم بعملها لديها طبقة واحدة ثلاثية البعد لكنها تتبع نوعية الخلفيات ثنائية البعد بالرغم من ذلك.



• تحديد ماللذي سنقوم بتصميمة داخل الافتر إفكتس و ماللذي سنقوم بتصميمة بإستخدم إحدى البرامج الرسومية الاخرى ( photoshop – photoimpact – photopaint)

1. قم بإنشاء صورة جديدة بمقاس 720x480 و هذا هو مقاس الفيلم المزمع عملة في الافتر إفكتس

2. قم بعمل تلوين متدرج من لونين بزاوية مائلة

3. قم بعمل الحاشيتين العلوية و السفلية ( يكفيك ان تقوم بعمل العلوية ثم تقوم بنسخها و قلبها رأسيا ثم افقياً و وضعها في الاسفل..طريقة عملها متروكة لكم و لنوع البرنامج المستخدم و يمكنكم عمل الإكساء بإستخدام إكساء خشبي او ما شابة.









4. قم بالبحث عن صورة لأحد المساجد المباركة كالمسجد النبوي الشريف او الحرم المكي و قم بالتحديد حول المسجد كي تفصلة عن خلفيتة و يا حبذا لو كان المنظر للمسجد من الامام









( فكرة : يمكن لمن يتقن التصميم ثلاثي الابعاد ان يقوم بتصميم المنارة و القبة و باقية اجزاء المسجد ثم عمل render لها في خلفية سوداء و استيرادها الى احدى برامج الرسوميات و فصل المسجد عن الخلفية ) و وضع المسجد خلف الحاشيتين العلوية و السفلية.. قم بعمل شفافية للمسجد باتجاة اليسار و قم بتحويل نوعية الطبقة الى overlay. " ومن الممكن عمل الرندر من برنامج الثرى دى بصيغة Tga مع تفعيل قناة Alpha ليخرج العمل بصورة عالية الوضوح وبخلفية شفافة "









5. الخطوة التالية هي إضافة النصوص الخاصة بكلمة القراءن الكريم و اسم السورة و اي اضاة تحبونها كرقم الحزب او الجزء و وضعها على الحاشية العلوية و كذا السفلية ( فكرة : يمكنكم إستخدام بعض انواع الخطوط و التي توجد بها تسميات السور و كلمة القراءن الكريم و البسملة بتشكيلات جميلة جداً بدلا من كتابتها بإحدى الخطوط الاخرى...مرفق مع هذا الدرس مجموعة من الخطوط اتمنى ان تجدو فيها نفعاً كبيراً )

" رابط التحميل فى اول الدرس "







6. الان سنقوم بإضافة الشريط الافقي الذي ستظهر فية الايات...ليس ضرورياً , لكن بحسب الخلفية فإذا كانت الخلفية قاتمة اللون , فلا داعي للشريط اما لو كانت فاتحة نوعاً ما فالاولى تحديد و إظهار الايات.









7. بعد ذلك نكون قد انهينا عمل الخلفية و مكوناتها الثابتة..قم بحفظ العمل بصيغة PSD بدون ان تغلق الطبقات لاننا سنقوم بإستيرادها لاحقاُ إلى برنامج الافتر إفكتس.



ملاحظة: جميع الاشكال التي ستقومون برسمها ستصبح طبقات من تلقاء نفسها لذا لا داعي لدمج الطبقات عند الحفظ بصيغة الـ PSD







• سنقوم الان بإنشاء الاشكال المتحركة للفيلم:

1. قم بإنشاء صورة جديدة مربعة بمقاس 1000x1000 بدقة 150 .

2. قم بتحفيز اداة الكتابة و انقر على الصورة ليظهر لك مؤشر الكتابة...قم بإختيار خط (AGA Arabesque desktop) ( الخط مرفق في الملف المضغوط ايضاً....ابتهجووووو) ثم قم باختيار احد الاشكال المزخرفة ( كل مفتاح على لوحة المفاتيح يعطيك شكلا مختلفاً) بعد ذلك قم بتكرار الشكل بالنقر على نفس المفتاح اكثر من مرة - لينتج لك شكل متواصل









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









3. قم بحفظ الملف بصيغة PSD

4. يمكنك بعد التعود و فهم طريقة العمل ان تقوم بإنشاء اي شكل تريدة .. ما يهمنا هنا و في هذة الاشكال ان تكون الخلفية شفافة و ان يكون كل شكل في ملف PSD مستقل.



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





• نقوم الان بالإنتقال الى برنامج الافتر افكتس:

1. قم بإنشاء فيلم جديد بمقاس 720x480 و تعديل القيم التالية كما في الشكل (ملاحظة: بالنسبة للزمن ...انا لا اعلم ما هي الايات المطلوبة و كم الزمن المستغرق في تلاوتها..هذا يحددة الملف الصوتي الذي ستقومون باستخدامة...مثلا سورة الفاتحة كانت بصوت الشيخ الشريم و مدتها 40 ثانية...ينبغي ان احسب على الاقل عشر ثواني اضافية خمس منها في المقمة و الخمس الاخرى في نهاية قراءة الايات و على ذلك فقم بقياس المدة الزمنية المطلوبة للعمل لديك )







2. قم بالنقر على زر الفائرة الايمن بداخل نافذة المشروع و قم باستيراد ملف الخلفية الذي قمنا بتصميمة سابقاً و عند اختيار الملف و قبل النقر على موافق قم بتعديل أسلوب الاستيراد في قائمة import as من footage الى composition حيث سيقوم البرنامج باستيراد ملف الفوتوشوب كطبقات الى comp جديد (( هل هذة الخطوة جديدة عليكم؟؟ لاشك ستفتح عليكم بحراً من الافكار طالما و انة يمكننا استيراد ملفات الفوتوشوب كطبقات و سنرى في دروس لاحقة كيف يمكننا استغلال هذة الخاصية بصورة جيدة جدا ً :D ))







3. قم باستيراد ملف الشكل الدائري و قم ايضاً بنفس الخطوات السابقة لاستيرادة كـ composition







4. الان لدينا كل العناصر الخاصة بإنشاء الخلفية جاهزة و بداخل الافتر افكتس...ننتقل الان الى التحريك.

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



• الان سنقوم بتحريك الشكل الدائري و من ثم دمجة مع الخلفية و اضفاء المؤثرات هنا و هناك:

1. قم بالنقر مرتين على مشروع الـ comp الخاص بالشكل الدائري..ستظهر لك طبقتين السفلى للخلفية و العليا للشكل الدائري..قم باغلاق الطبقة السفلى حاليا لنعمل على الطبقة العلياقم ايضاً بالنقر على علامة العين لاخفائها حتى ترى الشكل الدائري الابيض لان الخلفية ستكون بيضاء او حتى قم بحذفها نهائيا فليس لها اهمية هنا.









2. قم بالنقر على المثلث الموجود في بداية اسم الطبقة لتظهر لك خواصها..قم بالنقر على مؤشر الساعة الموجود بجانب عبارة rotation لتحفيز عمل التحريك animating





3. سيظهر لك فريم في الوقت 00:00:00 قم بتحريك المؤشر الى الثانية الثامنة و قم بتغيير قيمة الدوران الى 90 درجة.. انتقل الى الثانية رقم 16 و غير القيمة الى 180 ، ثم في الثانية رقم 24 الى 270 واخيرا في الوقت دقيقة و ثانيتين الى 360 ستتحول القيمة الى صفر و بجانبها ستلاحظ تغير قيمة عدد مرات الدوران من صفر الى واحد..الان الطريقة مفهومة...اضافة 8 ثواني ثم التحريك 90 درجة و هكذا حتى يكون معك وقت كافي بحسب طول الايات الموجودة معك ( ملاحظة: يمكنك بعد الوقت دقيقة و ثانيتين اضافة التوقيت اللازم لعمل دورة ثانية و في الاطار الاخير قم فقط بتغيير عدد مرات الدوران الى الرقم 2 و هكذا )









4. الان تكون لدينا حركة الشكل الدائري...الان نعود ادراجنا الى الـ comp الخاصة بتصميم الخلفية..من نافذة المشاريع قم بسحب ثم افلات الـ comp الخاصة بالشكل الدائري و وضعها بين طبقات comp الخلفية. قم بوضعها قبل طبقة صورة المسجد ستلاحظ انها اكبر من قياس الخلفية...لا تهتم..









5. من قائمة الفلاتر ننتقي فلتر الـ basic 3d ( effectsprespictive basic 3d) و نطبقة على طبقة الشكل الدائري







.. قم بتعديل القيم بحسب ما هو مبين في الشكل مع تغيير وضعية الطبقة الى overlay.







6. الان و الطريقة بسيطة جداً قم بعمل نسخة اخرى من نفس الطبقة (ctrl+D) و تغيير قيمها من نافذة التحكم بمؤثر الـ basic 3d ( effects controls)









7. الامر متروك لذوقك في عدد مرات تكرارها او قد ربما تجد متعة في اضافة شكل اخر بجانب شكلنا الدائري..

8. لا تنسى تغيير درجة شفافية الطبقات المتحركة الى 50 او ما هو ادنى بحسب درجة قوة لون الغلفية نفسها (( هنا ان لن اتدخل او افرض اي قيم بعينها....الامر متروك لذوقك ))

9. بالنسبة لوضعية الطبقات في الخلفية التي صممناها من قبل...اعدها..كما كانت...اي من كان overlay في برنامج الرسم...اعدة overlay في الافتر افكتس و هكذا مع الاخذ بعين الاعتبار ان الطبقة التي سيظهر عليها ايات القراءن الكريم ستكون multiply

10. قم بإستعراض ما قمنا بعملة و اتمنى ان يكون مفيدا لكم

11. بالنسبة لاضافة الايات فنقوم بسحب الـ comp الخاص بالخلفية الى الـ comp الاول الذي قمنا بإنشائة في بداية العمل في الافتر افكتس و في طبقة علوية نقوم باضافة الايات...هذا فقط لتوفير مساحة جيدة للعمل و تجنب ازدحام و كثرة الطبقات.





• ملاحظات و إضافات:

1. يمكنكم ابطاء حركة الدوران بزيادة المسافة بين كل ربع دورة للدائرة اذا كان دورانها سريعاً

2. يمكننا اضافة سحب متحركة الى امام الشاشة بحركة بطيئة و توضع هذة الطبقة فوق طبقة الخلفية ذات اللوين المتدرجين و اكسابها وضعية overlay او add او ما ترونة مناسبا و يا حبذا لو كانت لغروب الشمس و هنالك طريقتين لعملها..الاولى بواسطة فلتر جاهز و الثانية بواسطة فلتر fractal noise و سأقوم بعد هذا الدرس مباشرة بكتابة الطريقتين.

3. يمكنكم الاستعانة ببرنامج للقراءن الكريم لتأخذو نصوص الايات المزمع اضافتها في الفيلم مضبوطة حسب الرسم العثماني عن طريق نسخها ثم لصقها بداخل برنامج رسومي يدعم اللغة العربية كـ photoshop مثلاً.. ثم تصدير هذة الايات بصورة طبقات و استيرادها ثم ترتيبها بحسب المقطع الصوتي المراد إضافتة.(( ان صعب هذا الامر فلا تترددو في الكتابة لي ))

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

5. مصممو الرسوم ثلاثية الابعاد قد يبدعون في تصاميم المساجد و زخرفتها ( و لو اني اعارض الاكثرا من تلك الزخرفة ) و يمكن ايضاً انشاء مناظر طبيعية و كمثال على ذلك الكاميرا تدور حول محورها ببطئ و تصور لك ما يحيط بها من جبال و مناظر و في الحقيقة هي عبارة عن تصميم واحد للمنطقة و توضع الكامير بالوسط ثم يطبق عليها في مرحة الـ render النهائي خيار تكوين صورة واحدة مفلطحة 360 degree panoramic image و عند استيرادها تقوم انت بتحريكها من اليمين الى اليسار و تكرار هذة الحركة..

6. قد يطلب من احدكم عمل خلفية لاية معينة و لذا وجب الموائمة بين فكرة الاية و نوع الخلفية مما يولد احساساً و بعداً اخر و للة و لقراءنة المثل الاعلى..









• اتمنى ان يكون هذا وافياً و كافياً لهذا النوع من الخلفيات...بقيت خلفية واحدة من هذا النوع و هي الخلفية التي اعددتها لفيليمي و بالاصح لقسم الملتيميديا....و هو قائم على مبداء و فكرة خلفيات قناة المجد و ان اختلف المضمون..