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

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



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

=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=


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


http://www.kuwvoice.com/up/baner/image002.jpg
ثم نحدد المقاس وهي 460 × 60 :
(هذا هو المقاس الموحد للبانرات في صفحات الإنترنت)


http://www.kuwvoice.com/up/baner/image003.jpg
- أو يمكنك اختيار "Web Banner" من المقاسات الجاهزة في
برنامج الفوتوشوب
إذا لم تكن تعرف المقاس :


http://www.kuwvoice.com/up/baner/image004.jpg
بعدها صمم الشكل الذي تريده للبانر.. وفي درسنا سنستخدم هذا
الشكل :


http://www.kuwvoice.com/up/baner/image005.jpg
- بعد تجهيز شكل البانر.. نكتب أول جملة.. وهي على سبيل
المثال "سبحان الله وبحمده" :


http://www.kuwvoice.com/up/baner/image006.jpg
بعدها نقوم بتكوين طبقة جديدة لكتابة الجملة الثانية.. ولكي
نكون طبقة جديدة نذهب إلى :
Layer -- New -- Layer


http://www.kuwvoice.com/up/baner/image007.jpg
بعدها نضغط أوكي.. وستلاحظ إن الطبقة الجديدة تكونت..
(إذا لم تكن نافذة الطبقات ظاهرة.. تستطيع إظهارها من :

( Window -- Layer )


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


http://www.kuwvoice.com/up/baner/image008.jpg
بعدها نختار الطبقة الجديدة ومن ثم نكتب الجملة الثانية
المطلوبة..وهي على سبيل المثال "عدد خلقه"..

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


- الآن يفضل أن نقوم بحفظ الملف(بصيغة ملف الفوتوشوب Pd)..


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

File --Jumb To -- Adobe Image Ready


http://www.kuwvoice.com/up/baner/image009.gif
ستلاحظ بعدما يفتح البرنامج أن الملف الذي كنت تعمل عليه
يفتح تلقائيا مع البرنامج..


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

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

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


http://www.kuwvoice.com/up/baner/image010.jpg

- الآن لاحظ... في نافذة الـAnimation يوجد إطار واحد فقط

(الإطار هو المربع الموجود في الصورة).. :


http://www.kuwvoice.com/up/baner/image011.jpg
كل إطار سيكون لجملة.. لذا عدد الإطارات التي تحتاجها هي
بحسب عدد الجمل التي تريد ظهورها..

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

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


http://www.kuwvoice.com/up/baner/image012.gif
- بعد ما نكون الإطارات المطلوبة.. نضغط على الإطار الاول :



http://www.kuwvoice.com/up/baner/image013.jpg
ومن ثم نخفي جميع الـLayer (الطبقات) ، ما عدا الطبقة التي
نريدها أن تظهر :


http://www.kuwvoice.com/up/baner/image014.jpg
- عندها ستظهر الجملة المكتوبة فقط وليس باقي الجمل..

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


http://www.kuwvoice.com/up/baner/image015.jpg
ومن ثم نخفي جميع الطبقات ما عدا الطبقة التي نريد ظهورها
في هذا الإطار :


http://www.kuwvoice.com/up/baner/image016.jpg
وهكذا إلى أن ننتهي من تنسيق جميع الإطارات والطبقات..


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


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


http://www.kuwvoice.com/up/baner/image017.jpg

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

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

http://www.kuwvoice.com/up/baner/image018.gif

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



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

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


http://www.kuwvoice.com/up/baner/image019.gif
وستظهر لك قائمة تحدد منها اختيارك..
"Once" تعني أن البانر سيعمل لمرة واحدة فقط ومن ثم يتوقف..

و "Forver" تعني إلى الأبد ، أي أن البانر سيبقى متحركا
بدون توقف :


http://www.kuwvoice.com/up/baner/image020.gif
أو يمكنك تحديد عدد مرات معينة عن طريق اختيار "Other" ،

وعندها سيظهر لك هذا المربع الذي تحدد منه عدد المرات
المطلوبة :


http://www.kuwvoice.com/up/baner/image021.jpg

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


File --ave Oprimized

http://www.kuwvoice.com/up/baner/image022.gif
وأخيرا أصبح البانر بهذا الشكل :

http://www.kuwvoice.com/up/baner/image001.gif

انتهى

اتمنى اني اشوف تطبيقاتكم وترى والله سهل

تحيااتي

منقول

يعطيك العافيه اخى داركوو على الدرس الرائع

الف شكر لك (58)

الله يعافيك ياارب..

وشكرا لك . .

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

شرح مفصل ووافي

لي عودة بالتطبيق إن شاء الله

جزاك الله خير وبارك فيك

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

ننتظر اختي رغد تطبيقك بفارغ الصبر

وشكرا لك ..

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

وهذه عودة بتطبيق متواضع
اتمنى أن ينال رضاكم

http://members.lycos.co.uk/dhoha/up_ar/ar/afdhal1.gif

كما أتمنى أن أرى تطبيقك
والأخت عبرات
والبقية إن أمكن

مع التحية

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

مااشاء الله عليك تطبيق راائع اختي رغد .. (46)

والله يعطيك العافيه ياارب

وهذاا تطبيق اخر..
http://www.zmzm.net/dow/laalah.gif

وهذاا تطبيق ايضاا ..

http://www.zmzm.net/dow/tog1.gif

جزاك الله خير اختي ع التطبيق وع التفااعل ..

السلاااااااام عليكم
زمان والله ع الفوتوشوب (5)
وهذا تطبيقي

http://crazygirl.jeeran.com/ka2.gif


لازم تمدحونه :)