الرئيسيةالبــــوابــهالشاتالتسجيلدخول

شاطر | 
 

 درس عمل بنر متحرك باسهل الطرق

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
MoHaMaD_AbDo
ـ
ـ
avatar

~ البلد ~ ~ البلد ~ :
~ عدد المشاركات ~ : 553
~ العمر ~ : 23

مُساهمةموضوع: درس عمل بنر متحرك باسهل الطرق   الإثنين يوليو 27, 2009 6:51 pm

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

جايب لكم طريق كيفية صنع بانر أو تصميم متحرك كهذا :



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

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


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


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


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


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


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


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



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


- ستلاحظ بعدما يفتح البرنامج أن الملف الذي كنت تعمل عليه يفتح تلقائيا مع البرنامج.
- والآن قبل أن نكمل الخطوات ... أرجو أن تتحقق من ظهور نافذتين مهمتين جداً هما : " Layers " ( الطبقات ) و" Animation " ( للتحكم بالحركة ) وتستطيع التأكد من ظهورهما من قائمة s حيث يجب أن يكون عليهما علامة صح، فإن لم تكن علامة الصح موجودة اضغط على الاختيار وستظهر النافذة المطلوبة :


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


- كل إطار سيكون لجملة ... لذا عدد الإطارات التي تحتاجها هي بحسب عدد الجمل التي تريد ظهورها.
- في البانر الذي نصممه في درسنا نحتاج إلى " خمس " إطارات ( Frames ) ... لكل جملة إطار.
- ولتكوين إطار جديد ... نضغط على الدائرة التي على اليمين التي بداخلها سهم ... ومن ثم New Frame :


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


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


- عندها ستظهر الجملة المكتوبة فقط وليس باقي الجمل.
- بعدها ننتقل إلى الإطار الثاني ... نضغط عليه :


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


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



-
عند الضغط عليها ستظهر قائمة أرقام ... الأرقام هي مدة ظهور الإطار
بالثواني ... اختار الوقت الذي تريده من القائمة ... أو إذا لم يكن الوقت
المطلوب موجوداً يمكنك تحديده من خلال اختيار "
Other.. " :



تحياتي لكم






وهذا طبعا هو تطبيقي


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[/b]






موعدنا كاس العالم 2010

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://a7las7ap.top-me.com
شبل قابـــوس
ـ
ـ
avatar

~ البلد ~ ~ البلد ~ :
~ عدد المشاركات ~ : 223
~ العمر ~ : 27

مُساهمةموضوع: رد: درس عمل بنر متحرك باسهل الطرق   الأربعاء يوليو 29, 2009 7:22 pm

شكرااا اخووي


ع الدرس الرووعه

بس كيف نحفظه؟؟

على أي صيغه

و الرد القادم

رااح ارفع تصميم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
MoHaMaD_AbDo
ـ
ـ
avatar

~ البلد ~ ~ البلد ~ :
~ عدد المشاركات ~ : 553
~ العمر ~ : 23

مُساهمةموضوع: رد: درس عمل بنر متحرك باسهل الطرق   الأربعاء يوليو 29, 2009 7:32 pm

شبل قابـــوس كتب:
شكرااا اخووي


ع الدرس الرووعه

بس كيف نحفظه؟؟

على أي صيغه

و الرد القادم

رااح ارفع تصميم


صيغه gif

وبالنسبه للشرح هو منقول

انا عملت تطبيق بسيط

هو ده




اتمنى يكون الشرح افادك

وباذن الله قريبا هاعمل لكوا شرح على برنامج سهل بس انا اللى هاعمله






موعدنا كاس العالم 2010

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://a7las7ap.top-me.com
شبل قابـــوس
ـ
ـ
avatar

~ البلد ~ ~ البلد ~ :
~ عدد المشاركات ~ : 223
~ العمر ~ : 27

مُساهمةموضوع: رد: درس عمل بنر متحرك باسهل الطرق   الأربعاء يوليو 29, 2009 7:38 pm

اخووي لوو سمحت وضح اكثر

كيف يعني؟؟

إذا ممكن تشرح لي

file>???????>??????
الرجوع الى أعلى الصفحة اذهب الى الأسفل
MoHaMaD_AbDo
ـ
ـ
avatar

~ البلد ~ ~ البلد ~ :
~ عدد المشاركات ~ : 553
~ العمر ~ : 23

مُساهمةموضوع: رد: درس عمل بنر متحرك باسهل الطرق   الأربعاء يوليو 29, 2009 7:51 pm

شبل قابـــوس كتب:
اخووي لوو سمحت وضح اكثر

كيف يعني؟؟

إذا ممكن تشرح لي

file>???????>??????


اخى انت لما بتخلص الصوره مش بيجى لك عن حفظها بتكتب اسمها

اسفلها بتجد الصيغه اللى تحفظها بيها وبس وتقوم حافظها بصيغه gif وتورينا






موعدنا كاس العالم 2010

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://a7las7ap.top-me.com
حلمي منتدى في بي
ـ
ـ
avatar

~ البلد ~ ~ البلد ~ :
~ عدد المشاركات ~ : 138
~ العمر ~ : 24

مُساهمةموضوع: رد: درس عمل بنر متحرك باسهل الطرق   الخميس يوليو 30, 2009 8:14 pm

شكرا لك على الشرح واظن لشرح كتير

واضح وكمان في الصور شكرا لك يا اخي

😢
الرجوع الى أعلى الصفحة اذهب الى الأسفل
MoHaMaD_AbDo
ـ
ـ
avatar

~ البلد ~ ~ البلد ~ :
~ عدد المشاركات ~ : 553
~ العمر ~ : 23

مُساهمةموضوع: رد: درس عمل بنر متحرك باسهل الطرق   السبت أغسطس 01, 2009 11:36 am

حلمي منتدى في بي كتب:
شكرا لك على الشرح واظن لشرح كتير

واضح وكمان في الصور شكرا لك يا اخي

😢


شكرا لمرورك اخى واتمنى اكون افدتك






موعدنا كاس العالم 2010

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://a7las7ap.top-me.com
شبل قابـــوس
ـ
ـ
avatar

~ البلد ~ ~ البلد ~ :
~ عدد المشاركات ~ : 223
~ العمر ~ : 27

مُساهمةموضوع: رد: درس عمل بنر متحرك باسهل الطرق   الأحد أغسطس 02, 2009 11:05 am

شكراا اخووي


بس انا عملتها

و حفظته بـGIF

بس ما تظهر متحركه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
مندولين
ـ
ـ
avatar

~ البلد ~ ~ البلد ~ :
~ عدد المشاركات ~ : 1
~ العمر ~ : 47

مُساهمةموضوع: رد: درس عمل بنر متحرك باسهل الطرق   الأربعاء يوليو 28, 2010 12:57 am

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

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