آخر المواضيع

ابحث فى Google

بحث مخصص

الأربعاء، 4 نوفمبر 2009

شرح عمل بانر احترافى بالبانرشوب 5 [ الدرس الأول ]





بسم الله
إخوانى الأفاضل 
هذا هو الدرس الأول الذى وعدتكم به عن تصميم بانر احترافى ببرنامج BannerShop GIF Animator 5
بسم الله نبدأ
انتظر حتى يتم تحميل الصور

ملحوظة هامة : إذا لم تظهر عندك الصور أو إذا كانت تظهر بشكل غير واضح تفضل حمل جميع صور الشرح والمثال الذى قمنا بعمله لمراجعته أو التعديل عليه والعمل عليه فى ملف مضغوط من هنا
حمل البرنامج من هــنــا
نبدأ الشرح
افتح البرنامج ستظهر لك الشاشة التالية




قم باختيار تحريك فارغ كما بالصورة ثم اضغط Ok
تظهر لك نافذة البرنامج وهى مكونة من مساحة العمل ومجموعة نوافذ كما هو موضع فى الصورة التالية
مدونة كل يوم

نافذة البرنامج بسيطة ولا تحتاج لشرح وسنتعرض لكل جزئية عند التعامل معها
بداية نريد صنع بانر بسيط كهذا يتكون من جملتين فقط
مدونة كل يوووم
ترحب بكم

مدونة كل يوم

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

مدونة كل يوم

ويوجد بها خياران
الاول اختيار لون الخلفية والثانى اختيار إذا ما كان العمل سيكون له حد خارجى أم لا وعرض هذا الحد
اضغط على Background color
ستظهر لك النافذة التالية

مدونة كل يوم

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




مدونة كل يوم

ثم اذهب إلى الاطار واضغط فى اى مكان ستظهر لك النافذة التالية

مدونة كل يوم

قبل البدء فى الكتابة اضغط على font كما هو مشار ستظهر لك النافذة التالية

مدونة كل يوم

اختر اولا نوع التشفير عربى حتى تظهر الكتابة باللغة العربية فى البرنامج ثم اختر نوع الخط وحجمه ..... إلخ ثم اضغط Ok
تعود للنافذة الأولى اكتب التالى :
مدونة كل يوووم
ثم اضغط Ok كما فى الصورة

مدونة كل يوم

يعود بك البرنامج إلى نافذة العمل

مدونة كل يوم

وتجد الجملة مكتوبة فى البانر ولكن قد لا تكون فى الوسط تماما وهذا هو الافضل حتى تضمن تناسق الجمل فى نفس المكان فى كل الاطارات لذلك سنستخدم الامر التالى كما فى الصورة لتوسيط الكتابة فى البنر

مدونة كل يوم

بعد ضبط مكان النص قد ترغب فى تغيير لون النص
كليك يمين على النص واختر الامر المشار إليه فى الصورة

مدونة كل يوم

ستظهر لك نفس لوحة اختيار الالوان التى استخدمناها فى تغيير لون الخلفية اختر اللون الذى يناسبك واضغط Ok
الآن نريد وضع الجملة الثانية وهى ترحب بكم
إن عمل الحركة فى البرنامج يعتمد على فكرة الرسوم المتحركة اى مجموعة من الصور يتم عرضها بالتتابع لتنتج لنا أشكال متحركة لذلك نقوم بتصميم كل صورة على حدة وتسمى كل صورة بالإطار أو Frame لذلك لعمل الجملة الثانية لابد من إدراج إطار جديد فارغ وكتابة الجملة فيه
اضغط كما هو موضع فى الصورة التالية لإدراج إطار فارغ جديد

مدونة كل يوم

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

وبعد ذلك يمكنك معاينة العمل بالضغط على مفتاح F9 من لوحة المفاتيح لمعاينة الأنيميشن بالكامل أو Shift+F9 لمعاينة الاطار الحالى فقط أو كليك يمين بالماوس فى مساحة العمل واختار من القائمة المنسدلة
Preview Animation
أو
Preview Frame

والمفروض أن تكون النتيجة بهذا الشكل

مدونة كل يوم

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

مدونة كل يوم

المربع الأحمر يشير إلى ثلاث أوامر
الآول مؤثر الدخول
الثانى مؤثر فترة وجود العنصر فى البنر
الثالث مؤثر الخروج

ولتبسيط الفكرة فإن أى برنامج تحريك يتعامل مع مساحة العمل على أنها مسرح والعناصر الموجودة هم الممثلين ولكل ممثل لحظة ظهور على المسرح ثم فترة بقاءه على المسرح ثم خروجه من على المسرح
كذلك الأمر فى التحريك العنصر يدخل مسرح العمل ثم يبقى لفترة ثم يخرج ليدخل عنصر غيره
ولدخوله مؤثر حركى ولفترة وجوده على مسرح العمل مؤثر حركى ولخروجه مؤثر حركى وطبعا لك حرية الاختيار بين المؤثرات العديدة التى يوفرها لك البرنامج
الآن لكى تتضح الصورة قم باختيار الامر الاول وهو
مؤثر الدخول Intro Animation...
تظهر لك النافذة التالية

مدونة كل يوم

قم باختيار المؤثر من القائمة رقم 1
ثم حدد السرعة التى سيتم بها تنفيذ المؤثر من رقم 2
ثم قم باختبار المؤثر من رقم 3
بعد أن تستقر على المؤثر الذى تريده اضغط Ok

والآن هذا هو شكل البانر بعد إضافة بعد المؤثرات الحركية عليه

مدونة كل يوم

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

الآن بعد ان انتهينا من العمل نريد حفظ المشروع حتى نرجع إليه فى أى وقت ونعدل عليه أو نضيف إليه ما نشاء
افتح قائمة File واختر كما فى الصورة والباقى معروف

مدونة كل يوم

ولحفظ العمل النهائى على شكل صورة متحركة اختر كما فى الصورة التالية

مدونة كل يوم

ستظهر لك النافذة التالية

مدونة كل يوم

اضغط Ok

ومبروك عليك البانر


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




مواضيع ذات صلة :

7 التعليقات:

متهوره بٌلطف on 8 نوفمبر 2009 في 7:31 م يقول...

بالعكس الشرح طيب
ومفهوم .. بارك الله فيك ..
ودي

محمد عبدالقادر on 8 نوفمبر 2009 في 9:26 م يقول...

شكرا على مرورك الطيب متهورة بلطف
تشرفت المدونة وصاحبها بتواجدك فيها
تحياتى

Ţĥė MÃŜŢËŘ :) on 18 نوفمبر 2009 في 3:06 م يقول...
أزال أحد مشرفي المدونة هذا التعليق.
محمد عبدالقادر on 18 نوفمبر 2009 في 3:12 م يقول...

Ţĥė MÃŜŢËŘ
تم حذف تعليقك
التعليقات لإبداء الرأى والاقتراحات والاستفسارات وليست للدعاية المحضة لموقعك

كلمة !.. on 8 ديسمبر 2009 في 10:58 ص يقول...

يسلمو يمينكـ أستآذ محمد ..

شرحكـ قمة فـ الروؤوعه ..

وباذن الله سأجرب البرنآمج وأوآفيكـ بالنتآئج في وقت قريب ..

لكـ شكري ..

دمت لمن أنت له الروؤوح~

الهاشمي on 7 يناير 2010 في 3:05 م يقول...

ما شاء الله موضوع قيم ونتمنى المزيد من هذه المواضيع أخي محمد

mogera on 6 فبراير 2010 في 6:47 ص يقول...
أزال المؤلف هذا التعليق.

إرسال تعليق

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

 

التبادل الإعلانى

المواضيع الأكثر قراءة

مدونة كل يوم Copyright © 2009 Designed by