بسم الله
إخوانى الأفاضل
هذا هو الدرس الأول الذى وعدتكم به عن تصميم بانر احترافى ببرنامج BannerShop GIF Animator 5
بسم الله نبدأ
انتظر حتى يتم تحميل الصور
ملحوظة هامة : إذا لم تظهر عندك الصور أو إذا كانت تظهر بشكل غير واضح تفضل حمل جميع صور الشرح والمثال الذى قمنا بعمله لمراجعته أو التعديل عليه والعمل عليه فى ملف مضغوط من هنا
حمل البرنامج من هــنــا
نبدأ الشرح
افتح البرنامج ستظهر لك الشاشة التالية
قم باختيار تحريك فارغ كما بالصورة ثم اضغط Ok
تظهر لك نافذة البرنامج وهى مكونة من مساحة العمل ومجموعة نوافذ كما هو موضع فى الصورة التالية
![مدونة كل يوم](http://img204.imageshack.us/img204/2719/bannermaking.png)
نافذة البرنامج بسيطة ولا تحتاج لشرح وسنتعرض لكل جزئية عند التعامل معها
بداية نريد صنع بانر بسيط كهذا يتكون من جملتين فقط
مدونة كل يوووم
ترحب بكم
![مدونة كل يوم](http://img17.imageshack.us/img17/4724/exampleg.gif)
مساحة البانر هى المساحة المستطلية المحددة فى وسط النافذة وهذه المساحة هى إطار واحد من إطارات العمل حيث يتكون كل عمل من مجموعة من الاطارات وسنفهم ذلك عند التطبيق
وهى افتراضيا تكون شفافة إلا إذا قمنا بتحديد لون للخلفية
لتحديد لون للخلفية استخدم نافذة تغيير لون الخلفية التالية
![مدونة كل يوم](http://img40.imageshack.us/img40/1558/bsg2.png)
ويوجد بها خياران
الاول اختيار لون الخلفية والثانى اختيار إذا ما كان العمل سيكون له حد خارجى أم لا وعرض هذا الحد
اضغط على Background color
ستظهر لك النافذة التالية
![مدونة كل يوم](http://img682.imageshack.us/img682/1227/bsg3.png)
اختر منها اللون الذى يناسبك بإحدى الطرق المشار إليها ثم اضغط Ok
الآن بعد تحديد لون الخلفية أو تركها شفافة كما هى سنستخدم أداة كتابة النصوص لإدراج النص المطلوب
اضغط على الاداة المشار إليها فى الصورة التالية
![مدونة كل يوم](http://img215.imageshack.us/img215/8227/bsg4.png)
ثم اذهب إلى الاطار واضغط فى اى مكان ستظهر لك النافذة التالية
![مدونة كل يوم](http://img40.imageshack.us/img40/6093/bsg5.png)
قبل البدء فى الكتابة اضغط على font كما هو مشار ستظهر لك النافذة التالية
![مدونة كل يوم](http://img514.imageshack.us/img514/8848/sbg6.png)
اختر اولا نوع التشفير عربى حتى تظهر الكتابة باللغة العربية فى البرنامج ثم اختر نوع الخط وحجمه ..... إلخ ثم اضغط Ok
تعود للنافذة الأولى اكتب التالى :
مدونة كل يوووم
ثم اضغط Ok كما فى الصورة
![مدونة كل يوم](http://img514.imageshack.us/img514/9686/sbg7.png)
يعود بك البرنامج إلى نافذة العمل
![مدونة كل يوم](http://img687.imageshack.us/img687/6725/sbg8.png)
وتجد الجملة مكتوبة فى البانر ولكن قد لا تكون فى الوسط تماما وهذا هو الافضل حتى تضمن تناسق الجمل فى نفس المكان فى كل الاطارات لذلك سنستخدم الامر التالى كما فى الصورة لتوسيط الكتابة فى البنر
![مدونة كل يوم](http://img194.imageshack.us/img194/189/sbg9.png)
بعد ضبط مكان النص قد ترغب فى تغيير لون النص
كليك يمين على النص واختر الامر المشار إليه فى الصورة
![مدونة كل يوم](http://img509.imageshack.us/img509/3108/sbg10.png)
ستظهر لك نفس لوحة اختيار الالوان التى استخدمناها فى تغيير لون الخلفية اختر اللون الذى يناسبك واضغط Ok
الآن نريد وضع الجملة الثانية وهى ترحب بكم
إن عمل الحركة فى البرنامج يعتمد على فكرة الرسوم المتحركة اى مجموعة من الصور يتم عرضها بالتتابع لتنتج لنا أشكال متحركة لذلك نقوم بتصميم كل صورة على حدة وتسمى كل صورة بالإطار أو Frame لذلك لعمل الجملة الثانية لابد من إدراج إطار جديد فارغ وكتابة الجملة فيه
اضغط كما هو موضع فى الصورة التالية لإدراج إطار فارغ جديد
![مدونة كل يوم](http://img525.imageshack.us/img525/6207/sbg11.png)
قم بتنفيذ نفس الخطوات السابقة لكتابة عبارة : ترحب بكم فى الاطار الجديد
وبعد ذلك يمكنك معاينة العمل بالضغط على مفتاح F9 من لوحة المفاتيح لمعاينة الأنيميشن بالكامل أو Shift+F9 لمعاينة الاطار الحالى فقط أو كليك يمين بالماوس فى مساحة العمل واختار من القائمة المنسدلة
Preview Animation
أو
Preview Frame
والمفروض أن تكون النتيجة بهذا الشكل
![مدونة كل يوم](http://img17.imageshack.us/img17/4724/exampleg.gif)
والأن إلى هنا العمل بسيط جدا عبارة عن جملتين تتناوبان الظهور بشكل عادى جدا
ولإضافة المزيد من الجمال نضيف المؤثرات الحركية على الأشكال الموجودة فى البنر وهى كثيرة جدا فى البرنامج
كليك يمين على النص المطلوب عمل مؤثرات حركية عليه تظهر لك القائمة التالية
![مدونة كل يوم](http://img204.imageshack.us/img204/434/sbg12.png)
المربع الأحمر يشير إلى ثلاث أوامر
الآول مؤثر الدخول
الثانى مؤثر فترة وجود العنصر فى البنر
الثالث مؤثر الخروج
ولتبسيط الفكرة فإن أى برنامج تحريك يتعامل مع مساحة العمل على أنها مسرح والعناصر الموجودة هم الممثلين ولكل ممثل لحظة ظهور على المسرح ثم فترة بقاءه على المسرح ثم خروجه من على المسرح
كذلك الأمر فى التحريك العنصر يدخل مسرح العمل ثم يبقى لفترة ثم يخرج ليدخل عنصر غيره
ولدخوله مؤثر حركى ولفترة وجوده على مسرح العمل مؤثر حركى ولخروجه مؤثر حركى وطبعا لك حرية الاختيار بين المؤثرات العديدة التى يوفرها لك البرنامج
الآن لكى تتضح الصورة قم باختيار الامر الاول وهو
مؤثر الدخول Intro Animation...
تظهر لك النافذة التالية
![مدونة كل يوم](http://img204.imageshack.us/img204/51/sbg13.png)
قم باختيار المؤثر من القائمة رقم 1
ثم حدد السرعة التى سيتم بها تنفيذ المؤثر من رقم 2
ثم قم باختبار المؤثر من رقم 3
بعد أن تستقر على المؤثر الذى تريده اضغط Ok
والآن هذا هو شكل البانر بعد إضافة بعد المؤثرات الحركية عليه
![مدونة كل يوم](http://img231.imageshack.us/img231/6616/examp2.gif)
ولكن لاحظ أن كثرة المؤثرات الحركية فى العمل تزيد من الحجم النهائى الناتج للصورة المتحركة وهو شئ غير مرغوب فيه والسر فى ذلك أن البرنامج يقوم بإدراج اطارات إضافية بين الاطارات التى قمت أنت بإضافتها لتطبيق المؤثرات الحركية بنعومة وسلاسة وهو ما يتسبب فى زيادة حجم الملف الناتج وبالطبع فإن البنرات الإعلانية المطلوب فيها صغر حجم الملف حتى لا تسبب بطء فى تحميل الصفحات الموجودة بها لذلك حاول التقليل من المؤثرات الحركية وسنتعلم فى الدروس المقبلة طريقة لتطبيق بعض المؤثرات الرائعة بدون أن تؤدى إلى زيادة حجم الملف
الآن بعد ان انتهينا من العمل نريد حفظ المشروع حتى نرجع إليه فى أى وقت ونعدل عليه أو نضيف إليه ما نشاء
افتح قائمة File واختر كما فى الصورة والباقى معروف
![مدونة كل يوم](http://img509.imageshack.us/img509/4144/sbg14.png)
ولحفظ العمل النهائى على شكل صورة متحركة اختر كما فى الصورة التالية
![مدونة كل يوم](http://img689.imageshack.us/img689/3881/sbg15.png)
ستظهر لك النافذة التالية
![مدونة كل يوم](http://img689.imageshack.us/img689/2231/65563289.png)
اضغط Ok
ومبروك عليك البانر
سامحونى لأن الشرح بسيط ولا يتعرض لكل إمكانيات البرنامج بتعمق نظرا لضيق الوقت وانشغالى وكنت قد نويت أن أؤجل طرح الشرح قليلا ولكن وجدت إعجابا من الإخوة بالبرنامج وأبدو رغبتهم فى بعض المنتديات فى الشرح فلم أستطع التأخر على رغبتهم وإن شاء الله حينما تسنح الفرصة بإذن الله تعالى ومشيئته سأطرح شرحا جديدا بتعمق أكثر فى أمكانيات البرنامج
وفى الأخير تقبلوا تحياتى
ودمتم بخير
مواضيع ذات صلة :
7 التعليقات:
بالعكس الشرح طيب
ومفهوم .. بارك الله فيك ..
ودي
شكرا على مرورك الطيب متهورة بلطف
تشرفت المدونة وصاحبها بتواجدك فيها
تحياتى
Ţĥė MÃŜŢËŘ
تم حذف تعليقك
التعليقات لإبداء الرأى والاقتراحات والاستفسارات وليست للدعاية المحضة لموقعك
يسلمو يمينكـ أستآذ محمد ..
شرحكـ قمة فـ الروؤوعه ..
وباذن الله سأجرب البرنآمج وأوآفيكـ بالنتآئج في وقت قريب ..
لكـ شكري ..
دمت لمن أنت له الروؤوح~
ما شاء الله موضوع قيم ونتمنى المزيد من هذه المواضيع أخي محمد
إرسال تعليق
كن إيجابيا وشارك برأيك لا تقرأ وترحل
تقييمك للمواضيع يساعدنا على معرفة مدى توفقنا فى اختيار المحتوى المناسب لك وتعليقاتك تطلعنا على رأيك وانطباعك واحتياجاتك مما يساعدنا على تلبيتها.
شرف لنا أن تحمل صفحاتنا كلماتك.
تفضل بالتعليق: