مركز تحميل القمر

 

مركز تحميل القمر

  ManegChat.com requires a Java Compatible web browser to run.



 

بوابة الجياش  برامج كاملة - دليل المواقع - دروس مفيدة - العاب - ماسنجر - تردد القنوات ثيمات جوال - ترجمة مواقع - مسجات - صور


عـودة للخلف   منتديات الجياش > منتديات الكمبيوتر و الأنترنت > منتدى التصميم والجرافيكس

منتدى التصميم والجرافيكس منتدى متخصص بكل ما يختص بالتصميم والجرافيكس من برامج وتصاميم وغيرها ...

عرض نتائج التصويت: هل الشرح بسيط ام لا
1 1 100.00%
1 0 0%
1 0 0%
1 0 0%
تصويت متعدد الخيارات. المصوتون: 1. لم تقم بالتصويت على هذا التصويت

موضوع مغلق
 
أدوات الموضوع طريقة العرض
قديم 22-01-2007, 07:20 م   #1
mmovi_s
عضو جديد
 
تاريخ التسجيل: Dec 2006
البلد: egypt
المشاركات: 9
mmovi_s is on a distinguished road
الافتراضي طريقة عمل بانر متحرك

500)this.style.width = 500;" border=0>

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

500)this.style.width = 500;" border=0>

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

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

500)this.style.width = 500;" border=0>

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

500)this.style.width = 500;" border=0>

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

500)this.style.width = 500;" border=0>

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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>

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

500)this.style.width = 500;" border=0>

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

500)this.style.width = 500;" border=0>

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

500)this.style.width = 500;" border=0>

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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>



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

500)this.style.width = 500;" border=0>

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

500)this.style.width = 500;" border=0>



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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>


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

500)this.style.width = 500;" border=0>

- وأخيرا أصبح البانر بهذا الشكل :

500)this.style.width = 500;" border=0>

منقووووووووووووووووووووووووووووووول
احمد ابو الدهب
mmovi_s غير متصل  
قديم 23-01-2007, 06:05 م   #2
mmovi_s
عضو جديد
 
تاريخ التسجيل: Dec 2006
البلد: egypt
المشاركات: 9
mmovi_s is on a distinguished road
الافتراضي الله ينور عليك

الله ينور عليك
mmovi_s غير متصل  
قديم 05-02-2007, 07:15 م   #3
alkont11
عضو جديد
 
تاريخ التسجيل: Nov 2006
البلد: سوريا
المشاركات: 7
alkont11 is on a distinguished road
الافتراضي

مشكورررررررررررررررررررر
alkont11 غير متصل  
قديم 10-07-2007, 09:18 م   #4
الـــســـاري
عضو جديد
 
تاريخ التسجيل: Mar 2007
البلد: makkah
المشاركات: 14
الـــســـاري is on a distinguished road
الافتراضي

الله يفتحها في وجهك إن شاء الله من خيره
الـــســـاري غير متصل  
قديم 13-07-2007, 03:51 ص   #5
sarah_daw
عضو جديد
 
تاريخ التسجيل: Jul 2007
البلد: بلد الأهرامات
المشاركات: 5
sarah_daw is on a distinguished road
الافتراضي

شكرآ جدآ للأفاده
sarah_daw غير متصل  
قديم 03-10-2007, 09:50 م   #6
شرير الدماء
جندي مستجد
 
تاريخ التسجيل: May 2007
البلد: egypt
المشاركات: 8
شرير الدماء is on a distinguished road
الافتراضي

لكن أين شرح الصور؟؟؟؟رشكرا أخى لكن الحو مايكملش
شرير الدماء غير متصل  
قديم 03-10-2007, 11:02 م   #7
Dr_Genral
عضو جديد
 
تاريخ التسجيل: Sep 2007
البلد: GAZA
المشاركات: 7
Dr_Genral is on a distinguished road
الافتراضي

مشكور
ويسلمو
Dr_Genral غير متصل  
موضوع مغلق

أدوات الموضوع
طريقة العرض

قوانين المشاركة
لا يمكنك إضافة مواضيع
لا يمكنك إضافة ردود
لا يمكنك إضافة مرفقات
لا يمكنك تعديل مشاركاتك

رمز [IMG] متاح
رموز HTML مغلق
Trackbacks are مغلق
Pingbacks are مغلق
Refbacks are مغلق
انتقل إلى


الساعة الآن +3: 07:37 ص.

فيديو - ترجمة النصوص -  العاب فلاش
دليل المواقع العربية أداب وعلوم انسانية  - فنون  كمبيوتر و أنترنت  ملابس و موضة  - منزل وحدائق   - مراجع  - حكومات ومنظمات  - رياضـة  - مواقع اسلامية إسلامية
 - أدلة و محركات بحث  - استضافة و تصميم و برمجة المواقع  - منتديات و نقاش   - علوم   - صحة وسلامة  - أخبار و وسائل إعلام  - أطعمة وشراب  
-
اتصالات  -  - إقتصاد وأعمال  - تسلية وترفيه  - تعليم



Forum skin by vb-style.com
Design By WVE ALRO7
Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
هذا المنتدى يستخدم منتجات بلص