منتديات افترافيكت

عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي



 
الرئيسيةس .و .جالتسجيلدخولتسجيل دخول الاعضاء

شاطر | 
 

 تصميم قائمة للموقع بتأثير لامع فى فوتوشوب Glossy Menu Bar

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

رقم العضوية : 1
الدولة : اليمن
الدولة :

sms sms : مرحبا بالاعضاء والزوار الكرام

الجنس الجنس : ذكر عدد المساهمات : 548
نقاط : 2788
تاريخ التسجيل : 22/09/2009
العمر : 27

مُساهمةموضوع: تصميم قائمة للموقع بتأثير لامع فى فوتوشوب Glossy Menu Bar   الإثنين فبراير 18, 2013 9:46 am

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



الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين




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




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






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




حياكم الله جميعا




سنشرح اليوم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] لمواقع الويب مع أزرار بها تأثير [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] رائع سيظهر جماله أكثر عند إستخدام أكواد CSS لإضافة تغير التأثير عند اللمس مثلا أو بتأثيرات الجافا الرائعة




ويمكن الإستفادة من الشروحات السابقة للحصول على الأكواد البرمجية لذلك .




نبدأ الشرح على بركة الله




1- نقوم بإنشاء طبقة جديدة وبإستخدام أداة التحديد ( Rectangular Marquee Tool ) نقوم بإنشاء مستطيل بحجم القائمة الذي نريد ونملئها باللون الرصاصي ( 272727#) أنظر الشكل أدناه .




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






2- نقف على الطبقة ومن خيارات Blending Options نضيف هذه القيم




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




سنحصل على هذا الشكل




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






3- نقوم بإنشاء طبقة جديدة ونرسم خطين باللون الأبيض حجم 1 بيكسل كما يوضح ذلك الشكل التالي :




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




ثم نجعل الشفافية Opacity=10%




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






4- نقوم بإضافة طبقة جديدة ونرسم خطين باللون الأسود كما يوضح ذلك الشكل التالي :




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




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






5- لإنشاء الأزرار نقوم بإنشاء طبقة جديدة ونستخدم أداة التحديد الدائرية Rounded Rectangular Tool ونجعل قيمة الدوران (Radius = 5px ) ونرسم زرار كما فى الشكل التالي :




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






6- نقف على الطبقة ومن خيارات Blending Options نضيف هذه القيم :




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




وسوف نحصل على هذه النتيجة




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






7- نقوم بإضافة طبقة جديدة ونرسم نفس الشكل السابق ولكن داخل الشكل الأول ( أصغر قليلا )




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






8- نقف على الطبقة ومن خيارات Blending Options نضيف هذه القيم :




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




سوف نحصل على الشكل التالي :




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






9- نقوم بإضافة لمعة الزجاج كما تعلمنا فى السابق وذلك بتحديد هذه الطبقة وقطع التحديد نصفين ثم نملئ الطبقة باللون الأبيض هكذا :




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




نجعل الشفافية Opacity=10%




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






وبذلك إنتهينا ويمكننا بعد ذلك إستخدام الزر وتكراره بالنسخ للعدد الذى نريد ونضيف المسميات مثل الشكل التالى وهو العمل النهائي






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






أتمنى لكم جميعا الفائدة من هذه المشاركة




ولاتنسونا من صالح دعائكم



_________________
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://effects.yoo7.com
 
تصميم قائمة للموقع بتأثير لامع فى فوتوشوب Glossy Menu Bar
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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