كيف تصمم بانر متحرك ؟
:كيف تقوم بعمل بانر متحرك ؟
----
البانر ، لا سيما المتحرك ، يعد وسيلة فعــّالة للإعلان عن شئ ما ، وذلك لما يتميز به من عنصر التشويق ولفت إنتباه المشاهد ، مع إمكانية إضافة نص أكثر محتوى من مثيله في البانر الثابت .
_سنتطرق في هذا الدرس لعملية بسيطة تشرح كيفية عمل هذا البانر المتحرك ...
_إضافة لبرنامج الفوتوشوب ، سنحتاج برنامج آخر " بغض النظر عن نوعه " يقوم بربط تلك الصور مع بعضها البعض وإعطاء زمن معين بين كل صورة والأخرى ...
_مفاجئة !!
_يقدم لكم موقع مـازن ، برنامج سهل جدا جدا ... يقوم بصنع هذه البانرات ... والمميز فيه أن حجمه قليل جدا ً
http://www.mazoo.com/myfile/Unfreez.zip]اضغط هنا لسحب البرنامج[/url]
------------
1- قم بإنشاء ملف فوتوشوب جديد ، بالمقاس المطلوب منك ، وإذا لم يحدد لك مقاس معين ففي الجهة اليسرى قياسات مقترحة .

-
2- لنفترض أننا سنقوم بعمل اعلان لهذا الموقع " موقع مازن "
فسوف نقوم بعمل الفريم الأول " الصورة الأولى " في البداية ... وإن راق لنا ، فسنقوم ببناء باقي الفريمات على نفس طريقة هذا التصميم .

-
3- من المستحسن جدا ً أن لا نقوم بإغلاق هذا الملف وإنما يكفي أن نزيل " العين " من الشفيفة ... عملية اخفاء للشفيفة . " ولا نخفي إلا الشفائف لتي لا نريدها أن تظهر في الفريم التالي "

-
4-نحاول إيجاد طريقة مميزة للحركة وهذه بعض الأمثلة
- يمكنك وضع حد " Stroke " على الجزء الذي تريد تمييزه
- يمكنك وضع " Glow " _على الجزء الذي تريد تمييزه
- يمكنك تكبير الجزء الذي تريد تمميزه
- يمكنك وضع ظل " Shadow " على الجزء المراد تمييزه
ويمكنك ابتكار طرق من مخيلتك

-
5- نستمر على هذه الطريقة في باقي الفريمات ثم نقوم بحفظها بصيغة
GIF
ملاحظة / يحسن بك اخي الكريم ، أن تقوم بجمع الصور المصدّرة من الفوتوشوب في مجلد واحد .
[img][/img]
-
6- بهذا نكون قد فرغنا من برنامج الفوتوشوب ... وقد خرجنا بأكثر من صورة والآن نقوم بتشغيل البرنامج الذي ذكرناه في الأعلى
http://www.mazoo.com/myfile/ban-tut-1.gif
http://www.mazoo.com/myfile/ban-tut-5.gif
http://www.mazoo.com/myfile/ban-tut-2.gif
http://www.mazoo.com/myfile/ban-tut-3.gif
http://www.mazoo.com/myfile/ban-tut-4.gif
-
7- بعد تشغيل البرنامج ، اتجه إلى المجلد الذي توجد به الصور التي قمت بتصديرها من
_برنامج الفوتوشوب ، وقم بالضغط .. " مع إبقاء الضغط " .. والسحب باتجاه المكان
_الأبيض الفارغ ، حتى تظهر لك علامة " + " ، معنى هذه العلامة .. " أنك الآن تقوم
_بإضافة هذه الصورة في القائمة ! .."
http://www.mazoo.com/myfile/ban-tut-8.gif
-
8- كرر الخطوة السابقة حتى ينتج لك الشكل المطلوب
مع مراعاة الوقت في خيار
Frame delay
وبعد ذلك قم بالضغط على زر
Make animated GIF
http://www.mazoo.com/myfile/ban-tut-9.gif
-
بعد هذه الخطوات نكون قد حصلنا على مثل هذا العمل وبالهنا والعافيه
http://www.arabscafe.com/acimg/mazen-ban.gif
-
ملاحظات وتلميحات :
-يمكنك التلاعب بتكرير صورة أكثر من مره كما فعلت في البانر .. فلو تلاحظ القائمة في الشكل التابع للخطوة رقم " 2 " تجدني قمت بتكرار الصورة رقم 1 و 2 .
-_حاول أن يكون البانر ذو حجم معقول ، فكلما قل حجم البانر كلما زادت سرعته في التحميل .
_وكذلك كلما قل عدد الفريمات في البانر ... كلما زادت سرعته في التحميل .
-_من الأمور التي يجب مراعاتها ، هو استحسان وجود " حد عام " للبانر
-يلاحظ أن البرنامج الخاص بعمل الحركة " ليس بقوة بعض البرامج الأخرى " وإنما وضع هنا لسهولته ، ولقلة
حجمه ... وإنما هناك برامج أخرى أقوى منه بمراحل ومن بينها :
Ulead GIF Animator 4.0
Adobe ImageReady

منقووووووووووول

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

ما شاء الله عليكي اختي الاماني
شكرا لك