هذا الدرس يشرح كيفية تصميم زر مشابه لزر البحث في موقع msn المشهور .

1- في البداية ، عليك إنشاء ملف جديد في برنامج الفوتوشوب بحجم 62× 20 بكسل ، و إملأ الخلفية باللون الأخضر(Color code #3B9D00) و كبر الملف إلى اكبر حجم ممكن .



- الآن قم بوضع اللون (Color code #7DC700) و قم بتحديد كل جوانب الصورة عدا الجانب الأيمن بأداة القلم بحجم بكسل واحد.



-الآن إستخدم أداة التحديد ( Rectangular Marquee Tool ) و قم بتحديد ثلاثة أرباع الشكل ( 13 بكسل من الأعلى ) كما في الصورة .



4- الآن قم بإختيار اداة التدرج ( Gradient Tool ) و بهذا اللون (Color code #7DC700) و الإعدادات الموضحة بالصورة :



- مع الضغط على زر Shift ، قم بسحب الماوس من أعلى الصورة إلى أسفلها ، يجب عليك الحصول على نتيجة كهذه.



6- الآن قم بتكرير هذه الخطوة و إبدأ من الخطوط الموضحة بالصورة و إنتهي عند نهاية التحديد.



7-قم بإختيار أداة تحديد اللون ( Eyedropper Tool ) و إضغط على أعلى حد في الصورة حيث يوجد الإطار الذي عملناه سابقاً ، ثم قم بإعادة صبغ الجانب الأيمن من الإطار ضمن الحدود الموضحة بالصورة :


الآن قمت بتجهيز الصورة و ستكون بهذا الشكل :


و بعد إضافة النص ،  



و الآن مع بعض الإضافات ستراه مطابقا للزر الخاص بـ msn كما بالصورة