منتديات عديل الروح
السلام عليكم ورحمة الله وبركاته
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي سنتشرف بتسجيلك
شكراً
ادارة المنتدى
منتديات عديل الروح
السلام عليكم ورحمة الله وبركاته
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي سنتشرف بتسجيلك
شكراً
ادارة المنتدى
منتديات عديل الروح
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.




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


 

 تعلم صنع بنر متحرك بواسطة Image Ready

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
ღعسـلღ
 
 
ღعسـلღ


انثى
عدد المساهمات : 156
النقاط : 270
التقييم : 2
02/10/2009

تعلم صنع بنر متحرك بواسطة Image Ready Empty
مُساهمةموضوع: تعلم صنع بنر متحرك بواسطة Image Ready   تعلم صنع بنر متحرك بواسطة Image Ready Icon_minitime23/10/2009, 1:17 am

بسم الله الرحمن الرحيم :.


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


كيف حالكم؟ إن شاءالله تكونون بأحسن حال تعلم صنع بنر متحرك بواسطة Image Ready Icon_smile



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


تعلم صنع بنر متحرك بواسطة Image Ready Image001



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


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



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


تعلم صنع بنر متحرك بواسطة Image Ready Image002




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


تعلم صنع بنر متحرك بواسطة Image Ready Image003




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


تعلم صنع بنر متحرك بواسطة Image Ready Image004




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


تعلم صنع بنر متحرك بواسطة Image Ready Image005




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


تعلم صنع بنر متحرك بواسطة Image Ready Image006




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


تعلم صنع بنر متحرك بواسطة Image Ready Image007




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



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


تعلم صنع بنر متحرك بواسطة Image Ready Image008




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


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



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


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


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


تعلم صنع بنر متحرك بواسطة Image Ready Image009




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



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


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


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


تعلم صنع بنر متحرك بواسطة Image Ready Image010




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


تعلم صنع بنر متحرك بواسطة Image Ready Image011




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


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


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


تعلم صنع بنر متحرك بواسطة Image Ready Image012




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


تعلم صنع بنر متحرك بواسطة Image Ready Image013




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


تعلم صنع بنر متحرك بواسطة Image Ready Image014




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


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


تعلم صنع بنر متحرك بواسطة Image Ready Image015




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


تعلم صنع بنر متحرك بواسطة Image Ready Image016





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



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



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


تعلم صنع بنر متحرك بواسطة Image Ready Image017




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


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


تعلم صنع بنر متحرك بواسطة Image Ready Image018




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



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


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


تعلم صنع بنر متحرك بواسطة Image Ready Image019




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


تعلم صنع بنر متحرك بواسطة Image Ready Image020




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


تعلم صنع بنر متحرك بواسطة Image Ready Image021




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


File --> Save Oprimized


تعلم صنع بنر متحرك بواسطة Image Ready Image022





تعلم صنع بنر متحرك بواسطة Image Ready Image001
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ليال الشوق
 
 
ليال الشوق


انثى
عدد المساهمات : 213
النقاط : 413
التقييم : 2
11/10/2009
العمر : 34

تعلم صنع بنر متحرك بواسطة Image Ready Empty
مُساهمةموضوع: رد: تعلم صنع بنر متحرك بواسطة Image Ready   تعلم صنع بنر متحرك بواسطة Image Ready Icon_minitime25/10/2009, 1:53 pm

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

لاعدمناك يارب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تعلم صنع بنر متحرك بواسطة Image Ready
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» ( تعلم أيها الإنسان )

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