شرح عمل بنر متحرك - منتديات نور الاستقامة
  التعليمـــات   قائمة الأعضاء   التقويم   البحث   مشاركات اليوم   اجعل كافة الأقسام مقروءة
أخواني وأخواتي..ننبه وبشدة ضرورة عدم وضع أية صور نسائية أو مخلة بالآداب أو مخالفة للدين الإسلامي الحنيف,,,ولا أية مواضيع أو ملفات تحتوي على ملفات موسيقية أو أغاني أو ماشابهها.وننوه أيضاَ على أن الرسائل الخاصة مراقبة,فأي مراسلات بين الأعضاء بغرض فاسد سيتم حظر أصحابها,.ويرجى التعاون.وشكراً تنبيه هام


** " ( فعاليات المنتدى ) " **

حملة نور الاستقامة

حلقات سؤال أهل الذكر

مجلة مقتطفات

درس قريات المركزي

مجلات نور الاستقامة



الإهداءات



الفوتوشوب وملحقاته [برامج التصميم] [دروس التصميم] [فرش] [سكرابز] [صور للتصميم] [خطوط] [خلفيات]


إضافة رد
 
أدوات الموضوع
265  شرح عمل بنر متحرك
كُتبَ بتاريخ: [ 01-26-2011 ]
رقم المشاركة : ( 1 )
الصورة الرمزية عابر الفيافي
 
عابر الفيافي غير متواجد حالياً
 
رقم العضوية : 1
تاريخ التسجيل : Jan 2010
مكان الإقامة : في قلوب الناس
عدد المشاركات : 8,917
عدد النقاط : 363
قوة التقييم : عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز


شرح عمل بنر متحرك
بسم الله الرحمن الرحيم


السلام عليكم ورحمة الله وبركاته..





سنتعلم إن شاء الله من خلال هذا الدرس كيفية صنع بانر أو تصميم متحرك كهذا :





نقره لعرض الصورة في صفحة مستقلة



وسيكون الشرح إن شاءالله لبرنامج "Image Ready" الذي ينزل تلقائيا مع برنامج الفوتوشوب..




- أولا : نفتح ملف جديد في برنامج الفوتوشوب..


نقره لعرض الصورة في صفحة مستقلة



- ثم نحدد المقاس وهو 460 × 60
(هذا هو المقاس الموحد للبانرات في صفحات الإنترنت)



نقره لعرض الصورة في صفحة مستقلة



- أو يمكنك اختيار "Web Banner" من المقاسات الجاهزة في برنامج الفوتوشوب
إذا لم تكن تعرف المقاس



نقره لعرض الصورة في صفحة مستقلة



- بعدها صمم الشكل الذي تريده للبانر.. وفي درسنا سنستخدم هذا الشكل :




نقره لعرض الصورة في صفحة مستقلة


- بعد تجهيز شكل البانر.. نقوم بإضافة الجمل المطلوبة للبانر..


- نكتب أول جملة.. وهي على سبيل المثال "سبحان الله وبحمده" :



نقره لعرض الصورة في صفحة مستقلة



- بعدها نقوم بتكوين طبقة جديدة لكتابة الجملة الثانية.. ولكي نكون طبقة جديدة نذهب إلى :
Layer --> New --> Layer..




نقره لعرض الصورة في صفحة مستقلة





- بعدها نضغط أوكي.. وستلاحظ إن الطبقة الجديدة تكونت..
(إذا لم تكن نافذة الطبقات ظاهرة.. تستطيع إظهارها من :
( Windows --> Layers )







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

)



نقره لعرض الصورة في صفحة مستقلة



- ثم نختار الطبقة الجديدة ومن ثم نكتب الجملة الثانية المطلوبة..وهي على سبيل المثال "عدد خلقه"..


- وهكذا نكرر الطبقات والجمل التي نريدها إلى أن ننتهي من كتابة كل الجمل المطلوبة..


- الآن يفضل أن نقوم بحفظ الملف.. بعدها ننتقل إلى برنامج " Image Ready ".. ونستطيع الانتقال إلى البرنامج مباشرة من خلال برنامج الفوتوشوب عن طريق :


Files --> Jumb To --> Adobe Image Ready




نقره لعرض الصورة في صفحة مستقلة



- ستلاحظ بعدما يفتح البرنامج أن الملف الذي كنت تعمل عليه يفتح تلقائيا مع البرنامج..



- والآن قبل أن نكمل الخطوات.. أرجو أن تتحقق من ظهور نافذتين مهمتين جداً هما :


"Layers" (الطبقات) و "Animation" (للتحكم بالحركة)


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


نقره لعرض الصورة في صفحة مستقلة




- الآن لاحظ... في نافذة الـAnimation يوجد إطار واحد فقط
(الإطار هو المربع الموجود في الصورة).. :





نقره لعرض الصورة في صفحة مستقلة



- كل إطار سيكون لجملة.. لذا عدد الإطارات التي تحتاجها هي بحسب عدد الجمل التي تريد ظهورها..


- في البانر الذي نصممه في درسنا نحتاج إلى "خمس" إطارات (Frames) .. لكل جملة إطار..


- ولتكوين إطار جديد.. نضغط على الدائرة التي على اليمين التي بداخلها سهم.. ومن ثم New Frame :




نقره لعرض الصورة في صفحة مستقلة



- بعد ما نكون الإطارات المطلوبة.. نضغط على الإطار الاول :


نقره لعرض الصورة في صفحة مستقلة



- ومن ثم نخفي جميع الـLayers (الطبقات) ، ما عدا الطبقة التي نريدها أن تظهر :


نقره لعرض الصورة في صفحة مستقلة



- عندها ستظهر الجملة المكتوبة فقط وليس باقي الجمل..


- بعدها ننتقل إلى الإطار الثاني.. نضغط عليه :


نقره لعرض الصورة في صفحة مستقلة





- ومن ثم نخفي جميع الطبقات ما عدا الطبقة التي نريد ظهورها في هذا الإطار :



نقره لعرض الصورة في صفحة مستقلة





- وهكذا إلى أن ننتهي من تنسيق جميع الإطارات والطبقات..



- الآن سننتقل إلى مرحلة تحديد مدة ظهور كل إطار..
(وهذه هي الخطوة الأهم في تصميم البانر والتي ستجعل شكل البانر ملفت وجذاب)



- ويمكننا تحديد مدة ظهور الإطار من خلال الضغط على الرقم الموجود في الاطار (كما في الصورة) :


نقره لعرض الصورة في صفحة مستقلة




- عند الضغط عليها ستظهر قائمة أرقام.. الأرقام هي مدة ظهور الإطار بالثواني..


اختار الوقت الذي تريده من القائمة.. أو إذا لم يكن الوقت المطلوب موجوداً يمكنك تحديده من خلال اختيار "Other.." :


نقره لعرض الصورة في صفحة مستقلة




- ومن ثم نطبق الخطوة السابقة على جميع الإطارات الأخرى..



- بعدها نقوم بتحديد حركة البانر..
هل تريدها دائمة؟ أم تريده أن يتحرك مرة واحدة ومن ثم يتوقف؟


هذا الاختيار تستطيع تحديده من خلال الضغط على كلمة"Forever" في الإطارات :


نقره لعرض الصورة في صفحة مستقلة


- وستظهر لك قائمة تحدد منها اختيارك..
"Once" تعني أن البانر سيعمل لمرة واحدة فقط ومن ثم يتوقف..
و "Forver" تعني إلى الأبد ، أي أن البانر سيبقى متحركا بدون توقف :


نقره لعرض الصورة في صفحة مستقلة



- أو يمكنك تحديد عدد مرات معينة عن طريق اختيار "Other" ،
وعندها سيظهر لك هذا المربع الذي تحدد منه عدد المرات المطلوبة :


نقره لعرض الصورة في صفحة مستقلة


- الآن وصلنا إلى الخطوة الأخيرة.. وهي خطوة حفظ البانر.. البانر المتحرك يجب أن يحفظ بصيغة "Gif" ، ولكي نحفظه على هذه الصيغة نذهب إلى :


File --> Save Oprimized


نقره لعرض الصورة في صفحة مستقلة



- وأخيرا أصبح البانر بهذا الشكل :




نقره لعرض الصورة في صفحة مستقلة

avp ulg fkv ljpv; fkv avp


الموضوع الأصلي: شرح عمل بنر متحرك || الكاتب: عابر الفيافي || المصدر: منتديات نور الاستقامة



توقيع :



لا يـورث الـعلم مـن الأعمام **** ولا يـرى بالليـل فـي الـمنـام
لـكــنـه يحصـــل بالتـــكـــرار **** والـدرس بالليـــل وبـالـنـهار
مـثاله كشجرة فـــي النــفس **** وسقيه بالدرس بعد الـغرس

رد مع اقتباس

إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
متحرك , بنر , شرح , عمل


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح الغاء شاشة الترحيب للدخول مباشرة للويندز والشرح متحرك ... عابر الفيافي نور الكمبيوتر وملحقاته 2 12-27-2010 01:16 AM
بنر مقاس 468 × 60 متحرك احترافي ! عابر الفيافي الفوتوشوب وملحقاته 3 12-15-2010 09:16 PM


الساعة الآن 08:49 AM.