، مًنتديـٍـآتَ سًوْآلفٍ بًنـآتٍ ،
center][/center]
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي




 
الرئيسيةالتسجيلدخول

شاطر | 
 

 درس عمل بنر متحرك ~~

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
beeno
°•( الإدـآرة )•°


الجًنسسٍ ، : انثى
ععًدد المسسٍآهمًـآتٍ ، : 3244
ععًدد التقييٍم ، : 63

مُساهمةموضوع: درس عمل بنر متحرك ~~   السبت يونيو 12, 2010 10:59 am


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

كيف حالكم؟ إن شاءالله تكونون بأحسن حال


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






وسيكون الشرح إن شاءالله لبرنامج "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







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






© حقوق النقل والنسخ محفوظة لكل مسلم ومسلمة ©
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=



أتمنى يكون الدرس مفيد بالنسبة لكم..






  آستغفرالله ..  
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أسيرة%الشوق
°•(كبار الشخصيه)•°
°•(كبار الشخصيه)•°


الجًنسسٍ ، : انثى
ععًدد المسسٍآهمًـآتٍ ، : 769
ععًدد التقييٍم ، : 3

مُساهمةموضوع: رد: درس عمل بنر متحرك ~~   السبت يونيو 12, 2010 1:03 pm

مشكوره الله يعطيك العافيه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أنثى
°•(عضوهـ فعآلهـ)•°
°•(عضوهـ فعآلهـ)•°


الجًنسسٍ ، : انثى
ععًدد المسسٍآهمًـآتٍ ، : 133
ععًدد التقييٍم ، : 0

مُساهمةموضوع: رد: درس عمل بنر متحرك ~~   السبت يونيو 12, 2010 3:25 pm

تسسسسلمين قلبي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
afnanAd
مشَرفٍة قسمَ القصص&الروآيآتَ
مشَرفٍة قسمَ القصص&الروآيآتَ


الجًنسسٍ ، : انثى
ععًدد المسسٍآهمًـآتٍ ، : 996
ععًدد التقييٍم ، : 16

مُساهمةموضوع: رد: درس عمل بنر متحرك ~~   السبت يونيو 12, 2010 4:57 pm

يعطـيكـ آلعآآفيه خّيتوـؤ ~
موضوع روعهـ وآلإروع ّ طرحّك لهُ ،
بوركّ فيكّ





-



سً يقل توااجدي =)



الرجوع الى أعلى الصفحة اذهب الى الأسفل
????
زائر



مُساهمةموضوع: رد: درس عمل بنر متحرك ~~   الثلاثاء يونيو 15, 2010 4:22 am

يسلموووووو الدرس رائع ... شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
shoug
°•(مـرـآقبه)•°
°•(مـرـآقبه)•°


الجًنسسٍ ، : انثى
ععًدد المسسٍآهمًـآتٍ ، : 2432
ععًدد التقييٍم ، : 31

مُساهمةموضوع: رد: درس عمل بنر متحرك ~~   الإثنين يونيو 21, 2010 12:38 pm

[i] يسلمووووو على الدرس الرائع والمفيد






تقبلي مروري
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://rwrw.ba7r.org/forum.htm
мσкα ♥
°•(نـائبـه المديرهـ)•°
°•(نـائبـه المديرهـ)•°


الجًنسسٍ ، : انثى
ععًدد المسسٍآهمًـآتٍ ، : 1048
ععًدد التقييٍم ، : 24

مُساهمةموضوع: رد: درس عمل بنر متحرك ~~   الإثنين سبتمبر 12, 2011 11:54 pm

مشكورةةً
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
درس عمل بنر متحرك ~~
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
، مًنتديـٍـآتَ سًوْآلفٍ بًنـآتٍ ، :: °•(عــالــم الـبــرامــج)•° :: فوتوشوبے || ~-
انتقل الى: