أبو بـ ح ـر
05-01-2009, 08:21 PM
السلام عليكم ورحمة الله وبركاته ،،،
سنتعلم إن شاءالله من خلال هذا الدرس كيفية صنع بانر أو تصميم متحرك كهذا :
http://upload79.jeeran.com/banner/image001.gif
وسيكون الشرح إن شاءالله لبرنامج "Image Ready" الذي ينزل تلقائيا مع برنامج الفوتوشوب..
- أولا : نفتح ملف جديد في برنامج الفوتوشوب..
http://upload79.jeeran.com/banner/image002.jpg
- ثم نحدد المقاس وهو 460 × 60
(هذا هو المقاس الموحد للبانرات في صفحات الإنترنت)
http://upload79.jeeran.com/banner/image003.jpg
- أو يمكنك اختيار "Web Banner" من المقاسات الجاهزة في برنامج الفوتوشوب
إذا لم تكن تعرف المقاس :
http://upload79.jeeran.com/banner/image004.jpg
- بعدها صمم الشكل الذي تريده للبانر.. وفي درسنا سنستخدم هذا الشكل :
http://upload79.jeeran.com/banner/image005.jpg
- بعد تجهيز شكل البانر.. نقوم بإضافة الجمل المطلوبة للبانر ،،
- نكتب أول جملة.. وهي على سبيل المثال "سبحان الله وبحمده" :
http://upload79.jeeran.com/banner/image006.jpg
- بعدها نقوم بتكوين طبقة جديدة لكتابة الجملة الثانية.. ولكي نكون طبقة جديدة نذهب إلى :
Layer --> New --> Layer..
http://upload79.jeeran.com/banner/image007.jpg
- بعدها نضغط أوكي.. وستلاحظ إن الطبقة الجديدة تكونت ،،
(إذا لم تكن نافذة الطبقات ظاهرة.. تستطيع إظهارها من :
( Windows --> Layers )
- وقبل أن تكتب الجملة الثانية.. هناك ملاحظة مهمة يفضل تطبيقها حتى لا يحدث خطأ.. وهي إخفاء طبقة الكتابة الأولى.. ولكي نخفيها نضغط على صورة العين في الطبقات :
(المحددة بالمربع الأحمر)
http://upload79.jeeran.com/banner/image008.jpg
- ثم نختار الطبقة الجديدة ومن ثم نكتب الجملة الثانية المطلوبة..وهي على سبيل المثال "عدد خلقه" ،،
- وهكذا نكرر الطبقات والجمل التي نريدها إلى أن ننتهي من كتابة كل الجمل المطلوبة ،،
- الآن يفضل أن نقوم بحفظ الملف.. بعدها ننتقل إلى برنامج " Image Ready ".. ونستطيع الانتقال إلى البرنامج مباشرة من خلال برنامج الفوتوشوب عن طريق :
Files --> Jumb To --> Adobe Image Ready
http://upload79.jeeran.com/banner/image009.gif
- ستلاحظ بعدما يفتح البرنامج أن الملف الذي كنت تعمل عليه يفتح تلقائيا مع البرنامج ،،
- والآن قبل أن نكمل الخطوات.. أرجو أن تتحقق من ظهور نافذتين مهمتين جداً هما :
"Layers" (الطبقات) و Animation (للتحكم بالحركة)
وتستطيع التأكد من ظهورهما من قائمة Windows حيث يجب أن يكون عليهما علامة صح ، فإن لم تكن علامة الصح موجودة اضغط على الاختيار وستظهر النافذة المطلوبة :
http://upload79.jeeran.com/banner/image010.jpg
- الآن لاحظ... في نافذة الـ Animation يوجد إطار واحد فقط
(الإطار هو المربع الموجود في الصورة).. :
http://upload79.jeeran.com/banner/image011.jpg
- كل إطار سيكون لجملة ،، لذا عدد الإطارات التي تحتاجها هي بحسب عدد الجمل التي تريد ظهورها ،،
- في البانر الذي نصممه في درسنا نحتاج إلى "خمس" إطارات (Frames) ،، لكل جملة إطار ،،
- ولتكوين إطار جديد.. نضغط على الدائرة التي على اليمين التي بداخلها سهم ،، ومن ثم New Frame :
http://upload79.jeeran.com/banner/image012.gif
- بعد ما نكون الإطارات المطلوبة.. نضغط على الإطار الاول :
http://upload79.jeeran.com/banner/image013.jpg
- ومن ثم نخفي جميع الـLayers (الطبقات) ، ما عدا الطبقة التي نريدها أن تظهر :
http://upload79.jeeran.com/banner/image014.jpg
- عندها ستظهر الجملة المكتوبة فقط وليس باقي الجمل ،،
- بعدها ننتقل إلى الإطار الثاني.. نضغط عليه :
http://upload79.jeeran.com/banner/image015.jpg
- ومن ثم نخفي جميع الطبقات ما عدا الطبقة التي نريد ظهورها في هذا الإطار :
http://upload79.jeeran.com/banner/image016.jpg
- وهكذا إلى أن ننتهي من تنسيق جميع الإطارات والطبقات ،،
>>> يــــتبع
سنتعلم إن شاءالله من خلال هذا الدرس كيفية صنع بانر أو تصميم متحرك كهذا :
http://upload79.jeeran.com/banner/image001.gif
وسيكون الشرح إن شاءالله لبرنامج "Image Ready" الذي ينزل تلقائيا مع برنامج الفوتوشوب..
- أولا : نفتح ملف جديد في برنامج الفوتوشوب..
http://upload79.jeeran.com/banner/image002.jpg
- ثم نحدد المقاس وهو 460 × 60
(هذا هو المقاس الموحد للبانرات في صفحات الإنترنت)
http://upload79.jeeran.com/banner/image003.jpg
- أو يمكنك اختيار "Web Banner" من المقاسات الجاهزة في برنامج الفوتوشوب
إذا لم تكن تعرف المقاس :
http://upload79.jeeran.com/banner/image004.jpg
- بعدها صمم الشكل الذي تريده للبانر.. وفي درسنا سنستخدم هذا الشكل :
http://upload79.jeeran.com/banner/image005.jpg
- بعد تجهيز شكل البانر.. نقوم بإضافة الجمل المطلوبة للبانر ،،
- نكتب أول جملة.. وهي على سبيل المثال "سبحان الله وبحمده" :
http://upload79.jeeran.com/banner/image006.jpg
- بعدها نقوم بتكوين طبقة جديدة لكتابة الجملة الثانية.. ولكي نكون طبقة جديدة نذهب إلى :
Layer --> New --> Layer..
http://upload79.jeeran.com/banner/image007.jpg
- بعدها نضغط أوكي.. وستلاحظ إن الطبقة الجديدة تكونت ،،
(إذا لم تكن نافذة الطبقات ظاهرة.. تستطيع إظهارها من :
( Windows --> Layers )
- وقبل أن تكتب الجملة الثانية.. هناك ملاحظة مهمة يفضل تطبيقها حتى لا يحدث خطأ.. وهي إخفاء طبقة الكتابة الأولى.. ولكي نخفيها نضغط على صورة العين في الطبقات :
(المحددة بالمربع الأحمر)
http://upload79.jeeran.com/banner/image008.jpg
- ثم نختار الطبقة الجديدة ومن ثم نكتب الجملة الثانية المطلوبة..وهي على سبيل المثال "عدد خلقه" ،،
- وهكذا نكرر الطبقات والجمل التي نريدها إلى أن ننتهي من كتابة كل الجمل المطلوبة ،،
- الآن يفضل أن نقوم بحفظ الملف.. بعدها ننتقل إلى برنامج " Image Ready ".. ونستطيع الانتقال إلى البرنامج مباشرة من خلال برنامج الفوتوشوب عن طريق :
Files --> Jumb To --> Adobe Image Ready
http://upload79.jeeran.com/banner/image009.gif
- ستلاحظ بعدما يفتح البرنامج أن الملف الذي كنت تعمل عليه يفتح تلقائيا مع البرنامج ،،
- والآن قبل أن نكمل الخطوات.. أرجو أن تتحقق من ظهور نافذتين مهمتين جداً هما :
"Layers" (الطبقات) و Animation (للتحكم بالحركة)
وتستطيع التأكد من ظهورهما من قائمة Windows حيث يجب أن يكون عليهما علامة صح ، فإن لم تكن علامة الصح موجودة اضغط على الاختيار وستظهر النافذة المطلوبة :
http://upload79.jeeran.com/banner/image010.jpg
- الآن لاحظ... في نافذة الـ Animation يوجد إطار واحد فقط
(الإطار هو المربع الموجود في الصورة).. :
http://upload79.jeeran.com/banner/image011.jpg
- كل إطار سيكون لجملة ،، لذا عدد الإطارات التي تحتاجها هي بحسب عدد الجمل التي تريد ظهورها ،،
- في البانر الذي نصممه في درسنا نحتاج إلى "خمس" إطارات (Frames) ،، لكل جملة إطار ،،
- ولتكوين إطار جديد.. نضغط على الدائرة التي على اليمين التي بداخلها سهم ،، ومن ثم New Frame :
http://upload79.jeeran.com/banner/image012.gif
- بعد ما نكون الإطارات المطلوبة.. نضغط على الإطار الاول :
http://upload79.jeeran.com/banner/image013.jpg
- ومن ثم نخفي جميع الـLayers (الطبقات) ، ما عدا الطبقة التي نريدها أن تظهر :
http://upload79.jeeran.com/banner/image014.jpg
- عندها ستظهر الجملة المكتوبة فقط وليس باقي الجمل ،،
- بعدها ننتقل إلى الإطار الثاني.. نضغط عليه :
http://upload79.jeeran.com/banner/image015.jpg
- ومن ثم نخفي جميع الطبقات ما عدا الطبقة التي نريد ظهورها في هذا الإطار :
http://upload79.jeeran.com/banner/image016.jpg
- وهكذا إلى أن ننتهي من تنسيق جميع الإطارات والطبقات ،،
>>> يــــتبع