graphics academy
graphics academy
graphics academy
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
أكبر مكتبة دروس للجرافيكس والتصميم!
مدونة جرافيكس أكديمي!
graphics academy
::
منتدى برامج ودروس وأضافات الفوتوشوب
::
دروس الفوتوشوب مكتوبة & مصورة
شرح تصميم هيدر موقع ويب مع الازرار
كاتب الموضوع
رسالة
graphics
Admin
عدد المساهمات
:
594
نقاط
:
6917
السٌّمعَة
:
4
تاريخ التسجيل
:
15/06/2010
موضوع: شرح تصميم هيدر موقع ويب مع الازرار
الجمعة أكتوبر 01, 2010 7:32 pm
بســـ الله الرحمن الرحيم ــــم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
بكل الحب والخير أسعد الله جميع أوقاتكم وأهلاُ بكم
يسرني اليوم ان اقدم لكم هذا الشرح المتواضع والمفيد للجميع بإذن الله تعالى
~¤ô§§§§[ تصميم هيدر موقع ويب + ازرار ]§§§§ô¤~
مستوى الدرس
ـ ـ متقدم
إصدار فوتوشوب
ـ ـ CS4 - CS3 - CS2 - CS
نتوكل على الله ونبدأ وإياكم شرح هذا الدرس بدون تطويل
افتح برنامج الفوتوشوب وافتح صفحة عمل جديدة بالمقاس والإعدادات الموضحة بالشكل التالي
ملاحظة: لاتتقيد بأحجام الصور أو النصوص بالشرح لأني قد أقوم بتصغيرها للتنسيق
المهم أن تتقيدوا بتطبيق نفس القيم والإعدادات كما يتم توضيحها خلال الشرح
بعد أن قمنا بفتح صفحة العمل الجديدة نملئ خلفية الطبقة بالون الرمادي
e1e1e1
ثم نقوم باختيار أداة الرسم البيضوية
Rounded Rectangle Tool
ونقوم بعمل شكل مشابه للشكل الموضح بالصورة التالي
بعد ذلك نقوم بتغيير اسم الطبقة لاسم
headr
للتمييز بشكل أكثر وعدم اختلاط الأمور علينا
الآن سنقوم بتطبيق المؤثرات المطلوبة على طبقة
headr
كما سنشاهد بالأشكال التالية
مع مراعاة الانتبـاه بشكل جيـد للإعدادات والقيـم الموضحة بكـل شكل كما هـوى موضـح
Drop Shadow
Gradient Overlay
Stroke
الآن يفترض أن يكون قد أصبح لديك الشكل التالي بعد تطبيق المؤثرات السابقة
الآن نقوم بإنشاء طبقة جديدة ونطلق عليها اسم
Glass
لنضيف لمعة زجاجية للشكل
بعد إنشاء طبقة
Glass
نقوم بتحديد الشكل بطبقة
headr
ويتم ذلك من خلال الضغط على
مفتاح
Ctrl
والضغط على الطبقة بزر الماوس الأيمن مع التنويه لأن العمل على طبقة
Glass
بعد عمل التحديد نقوم باختيار أداة
Rectangular Marquee Tool
مع اختيار الإعدادات
الموضح بالشكل التالي
بعد ذلك نقوم بحذف النصف السفلي من التحديد كما يوضح لنا الشكل المتحرك التالي
بعد ذلك نملأ التحديد بالون الأبيض ونغير خصائص اوبتكل الطبقة لنسبة
Opacity %25
وللتنويه من يجيد استخدام أدوات الرسم
Pen Tool
يمكنه استخدامها لعمل منحنيات جميله
في طبقة
Glass
للجمال أكثـر ولكـن بشرحنا هذا نكتفي بما فعلنا محاوليـن التسهيـل بالشرح
ليستفيد جميـع الأخوة من هذا الشرح والتطبيق أما المسائـل الاحترافيـة فكـل شخص وفنياتـه
الآن نتابع وإياكم الشرح وننشأ طبقة عمل جديدة أسفل طبقة
Glass
ونطلق عليها اسم
Mile
ونقوم باختيار أداة رسم الخط الأفقي
Line Tool
ونقوم برسم خط افقي مستقيم بحجم
PX 2
مع مراعاة الضغط على مفتاح
Shift
بلوحة المفاتيح أثناء رسم الخط للحصول على خط مستقيم
كما يوضح لنا الشكل المتحرك التالي
بعد ذلك نقوم بتطبيق المؤثر
Outer Glow
على طبقة
Mile
بنفس القيم والإعدادات الموضحة
من المفترض الآن أن تكون نتيجة تطبيقك مشابهة للشكل التالي
الآن نقوم بإنشاء طبقة جديدة أسفل طبقة
Headr
ونطلق عليها اسم
Button
بعد إنشاء الطبقة نقوم باختيار أداة الرسم البيضوية
Rounded Rectangle Tool
ونرسم شكل مقارب للشكل الموضح بالصورة التالية
الآن نبدأ بإضافة المؤثرات المطلوبة للزر بحسب الإعدادات والخيارات الموضحة بالأشكال التالية
Drop Shadow
Gradient Overlay
Stroke
مع التنويه لأنه من يريد إضافة
Glass
لطبقة الزر يمكنه ذلك فالأمر كيفي ولك الحرية
أما أنا فأكتفي بهذا ودعونا نرى الترتيب النهائي للشكل ولوحة الطبقات معاً للتوضيح
وهذا شكل تطبيقي النهائي بعد توزيع الأزرار على التصميم بمايناسب تطبيقي
وكما تعودنا بشكل دائم مع أي تطبيق أو شرح فنحن نشرح المبادئ الأساسية للتصميم
ونفسـح المجـال لكـم للإبداع والتألـق بالمسائـل الفنيـة والجماليـة للمتابعـة والابتكارات
أخيراً وفي ختام هذا الشرح أعتذر إليكم عن الخطأ والتقصير فهذا جهد بشري
وهــو معـرض للنقص والزيــادة فـإن وجدتــم فيــه ضالتكــم فالحمــد لله
وإن غير ذلك فتصدقوا على أخيـكــم بعفوكــم وصفحكــم عنــه فيما قصر
وإلى أن ألقاكــم بـموضــوع جـديــد لكــم منــي خالص الشكــر والتقـديــر
أعجبني
لم يعجبني
شرح تصميم هيدر موقع ويب مع الازرار
صفحة
1
من اصل
1
مواضيع مماثلة
مواضيع مماثلة
»
كود التحويل التلقائي من موقع إلى موقع آخر
»
موقع لعمل توقيع ناري في 15 ثانية
»
تصميم ردار
»
درس تصميم ميدالية
»
درس تصميم تمزيق للورقة
صلاحيات هذا المنتدى:
لاتستطيع
الرد على المواضيع في هذا المنتدى
graphics academy
::
منتدى برامج ودروس وأضافات الفوتوشوب
::
دروس الفوتوشوب مكتوبة & مصورة
graphics academy
::
منتدى برامج ودروس وأضافات الفوتوشوب
::
دروس الفوتوشوب مكتوبة & مصورة
انتقل الى:
اختر منتدى
|
|--المنتدى الاسلامي العام
| |--منتدى التلاوات والمصاحف الصوتية المميزة
| |--المنتدى الاسلامي العام .. قضايا اسلامية
| |--منتدى الصوتيات والمرئيات الاسلامية
| |--منتدى الفقة والفتاوى .. ( فتاوى الازهر الشريف فقط )
|
|--منتدى تعلم اللغة الانجليزية
|--منتدى برامج ودروس وأضافات الفوتوشوب
| |--دروس الفوتوشوب مكتوبة & مصورة
| |--دروس فوتشوب فيديو .... صوت وصورة
| |--برامج وملحقات وادوات الفوتوشوب
| |--تصميمات جاهزة & مكتبات صور & Templates
| |--منتدى المساعدة وطلبات الاعضاء
|
|--منتدى برامج ودروس وأضافات 3d max و Maya
|--منتدى نشر وتطوير المواقع وأشهارها
|--منتدى خاص بتصميم وتطويروهاكات نسخ منتدايات vbulletin وأحلى منتدى
|--منتدى مواقع الربح من الأنترنت
|--منتدى التبادل الأعلاني وأشهار المواقع
|--منتدى برامج ودروس الفلاش والسويش
|--منتدى تحميل البرامج الكاملة والنادرة
|--منتدى شروحات البرامج العامة ودروس الحاسب
|--منتدى أسطوانات ونسخ الويندوز XP , VASTA , WINDOWS 7 SEVEN