هذا الدرس يشرح كيفية تصميم زر مشابه لزر البحث في موقع 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 كما بالصورة
الرئيسية 
