السلام عليكم
كيف تصمم بانر اعلاني متحرك مثل هذا:
الطريقة سهلة جدا إن شاء الله
ستلاحظ في المثال السابق أن البانر ما هو إلا عبارة عن 3 صور ثابتة تم دمجها بالتتابع لتظهر وكانها متحركة:
+
+ 
وعلى هذا الاساس سنصمم البانر على مرحلتين
المرحلة الاولى:
تصميم الصور الثابتة:
أنشيء مجلد جديد على سطح المكتب وسمه أي اسم وليكن "banner"
افتح برنامج الفوتوشوب
اضغط ctrl+N لعمل ملف جديد
حدد الابعاد بـ 125X125
صمم الصورة الاولى
قم بحفظها باسم "1" في المجلد "banner"
اضغط ctrl+N لعمل ملف جديد
حدد الابعاد بـ 125X125
صمم الصورة الثانية
قم بحفظها باسم "2" في المجلد "banner"
اضغط ctrl+N لعمل ملف جديد
حدد الابعاد بـ 125X125
صمم الصورة الثالثة
قم بحفظها باسم "3" في المجلد "banner"
الان المرحلة الثانية
دمج الصور
افتح برنامج اميج ريدي Image ready البرنامج التوأم للفوتوشوب
اتبع التالي:
ستلاحظ أن الصور الثلاثة تراصت متجانبة في مربع اسفل الشاشة
1- لتشغيل حركة البانر
عند ضغطك على هذا الزر ستلاحظ أن البانر يتحرك بسرعة بحيث لا تستطيع قرائته ، السبب في ذلك عدم وجود أي فاصل زمني بين كل صورة والتي تليها
2- يمكنك التحكم في الفاصل الزمني من خلال الضغط على هذا المنطقة ، لتظهر لك قائمة تختار منها فاصلا زمنيا
3- تمكنك هذه المنطقة من اختيار إما أن تستمر حركة البانر للأبد Forever أو لمرة واحدة فقط Once
4- أتركك تجرب هذا الزر بنفسك
الآن قم بتحديد الفاصل الزمني بمقدار "0.5 ثانية" عند الصورة الاولى والثانية و"2 ثانية" عند الصورة الثالثة
الان قم بحفظ الصورة بالضغط على:
File >> Save Optimized as
مشاهدة فيديو للشرح:
تحميل الفيديو:
http://www.megaupload.com/?d=32DUK75Z
نسعد بتعليقاتكم على الموضوع
انتظرو فيديو شرح للموضوع بإذن الله
كيف تصمم بانر اعلاني متحرك مثل هذا:
الطريقة سهلة جدا إن شاء الله
ستلاحظ في المثال السابق أن البانر ما هو إلا عبارة عن 3 صور ثابتة تم دمجها بالتتابع لتظهر وكانها متحركة:



وعلى هذا الاساس سنصمم البانر على مرحلتين
المرحلة الاولى:
تصميم الصور الثابتة:
أنشيء مجلد جديد على سطح المكتب وسمه أي اسم وليكن "banner"
افتح برنامج الفوتوشوب
اضغط ctrl+N لعمل ملف جديد
حدد الابعاد بـ 125X125
صمم الصورة الاولى
قم بحفظها باسم "1" في المجلد "banner"
اضغط ctrl+N لعمل ملف جديد
حدد الابعاد بـ 125X125
صمم الصورة الثانية
قم بحفظها باسم "2" في المجلد "banner"
اضغط ctrl+N لعمل ملف جديد
حدد الابعاد بـ 125X125
صمم الصورة الثالثة
قم بحفظها باسم "3" في المجلد "banner"
الان المرحلة الثانية
دمج الصور
افتح برنامج اميج ريدي Image ready البرنامج التوأم للفوتوشوب
اتبع التالي:
File >> Import >> Folder as Frames
ثم اختر المجلد banner ثم اضغط Okستلاحظ أن الصور الثلاثة تراصت متجانبة في مربع اسفل الشاشة
1- لتشغيل حركة البانر
عند ضغطك على هذا الزر ستلاحظ أن البانر يتحرك بسرعة بحيث لا تستطيع قرائته ، السبب في ذلك عدم وجود أي فاصل زمني بين كل صورة والتي تليها
2- يمكنك التحكم في الفاصل الزمني من خلال الضغط على هذا المنطقة ، لتظهر لك قائمة تختار منها فاصلا زمنيا
3- تمكنك هذه المنطقة من اختيار إما أن تستمر حركة البانر للأبد Forever أو لمرة واحدة فقط Once
4- أتركك تجرب هذا الزر بنفسك
الآن قم بتحديد الفاصل الزمني بمقدار "0.5 ثانية" عند الصورة الاولى والثانية و"2 ثانية" عند الصورة الثالثة
الان قم بحفظ الصورة بالضغط على:
File >> Save Optimized as
مشاهدة فيديو للشرح:
تحميل الفيديو:
http://www.megaupload.com/?d=32DUK75Z
نسعد بتعليقاتكم على الموضوع
انتظرو فيديو شرح للموضوع بإذن الله
2 تعليقات:
شكرا على مجهودك
www.mazekly.com
جزاك الله خيرآ
ماى واى تيوب
إرسال تعليق
يسرنا تعليقكم
يمكنك التعليق بهويتك أو تحت اسم مجهول (غير معرف)