درس كيفية صنع بانر أو تصميم متحرك....! Six70210
درس كيفية صنع بانر أو تصميم متحرك....! Six70210
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةأحدث الصورالتسجيلدخول

 

 درس كيفية صنع بانر أو تصميم متحرك....!

اذهب الى الأسفل 
كاتب الموضوعرسالة
zaki-moroco
عضو جديد
عضو جديد
zaki-moroco


ذكر
عدد المساهمات عدد المساهمات : 8
تاريخ التسجيل تاريخ التسجيل : 15/03/2009
نقاط نقاط : 57324

درس كيفية صنع بانر أو تصميم متحرك....! Empty
مُساهمةموضوع: درس كيفية صنع بانر أو تصميم متحرك....!   درس كيفية صنع بانر أو تصميم متحرك....! Emptyالثلاثاء مارس 24, 2009 12:03 pm

:farao:

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


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




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


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

درس كيفية صنع بانر أو تصميم متحرك....! Image002


- ثم نحدد المقاس وهو 460 × 60
(هذا هو المقاس الموحد للبانرات في صفحات الإنترنت)
درس كيفية صنع بانر أو تصميم متحرك....! Image003




- أو يمكنك اختيار "Web Banner" من المقاسات الجاهزة في برنامج الفوتوشوب
إذا لم تكن تعرف المقاس :
درس كيفية صنع بانر أو تصميم متحرك....! Image004



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


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

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

درس كيفية صنع بانر أو تصميم متحرك....! Image006


- بعدها نقوم بتكوين طبقة جديدة لكتابة الجملة الثانية.. ولكي نكون طبقة جديدة نذهب إلى :
Layer --> New --> Layer..
درس كيفية صنع بانر أو تصميم متحرك....! Image007


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


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

درس كيفية صنع بانر أو تصميم متحرك....! Image008


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

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

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

Files --> Jumb To --> Adobe Image Ready
درس كيفية صنع بانر أو تصميم متحرك....! Image009


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


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

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

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

درس كيفية صنع بانر أو تصميم متحرك....! Image010


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

درس كيفية صنع بانر أو تصميم متحرك....! Image011


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

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

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

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

درس كيفية صنع بانر أو تصميم متحرك....! Image013

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

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

- بعدها ننتقل إلى الإطار الثاني.. نضغط عليه :
درس كيفية صنع بانر أو تصميم متحرك....! Image015

- ومن ثم نخفي جميع الطبقات ما عدا الطبقة التي نريد ظهورها في هذا الإطار :
درس كيفية صنع بانر أو تصميم متحرك....! Image016

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


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


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

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

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

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

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

هذا الاختيار تستطيع تحديده من خلال الضغط على كلمة"Forever" في الإطارات :
درس كيفية صنع بانر أو تصميم متحرك....! Image019

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

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

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

File --> Save Oprimized
درس كيفية صنع بانر أو تصميم متحرك....! Image022

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
درس كيفية صنع بانر أو تصميم متحرك....!
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: دعم المنتديات والمواقع :: قسم تعليم التصميم-
انتقل الى:  
التبادل النصي

facebook   twitter   youtube   rss  
Copyright ©2008 - 2010, imad.درس كيفية صنع بانر أو تصميم متحرك....! CronCopyright ©2008 - 2010, www.fenaks.yoo7.com
جميع الآراء والتعليقات المطروحة بأسماء أصحابها أو بأسماء مستعارة لا تمثل بالضرورة الرأي الرسمي للمنتدى بل تمثل وجهة نظر كاتبها
»» إبراء ذمة إدارة المنتدى ، امام الله وامام جميع الزوار والاعضاء ، على مايحدث من تعارف بين الاعضاء او زوار على مايخالف ديننا الحنيف.
التبادل النصي
منتديات ابادي بوسواليم
منتديات فرسان التطوير
ديمه اميرة الاحزان منتديات شباب كول
اعلان نصي اعلان نصي
اعلان نصي اعلان نصي
اعلان نصي
اعلان نصي
اعلان نصي اعلان نصي