Modern Buttons

مدمن تصميم · 14-Apr-2009, 04:30 PM

Modern Buttons

Step 1

Start a new document around 300 x 300 pixels with a white bg.

Select the "Rounded Rectangle Tool" as shown below:

Step 2

Select your foreground colour as "#F9F9F9" & make the radius "2 pixels". Then make a shape similar to the below size:

Step 3

Now right click the layer and select "Rasterize Layer", then right click the layer and select "Blending options".

Select "Gradient Overlay" and use the below settings:

Step 4

Stroke:

Step 5

Bevel & Emboss:

Step 6

Now press OK, your button should look like this so far:

Step 7

Select the "Eraser tool", and set it's mode to "Block" (top of screen).

Erase a block near the end of the button, here is my example:

Step 8

Make a new selection similar to the size below:

Step 9

Now make a new layer underneath the first button layer.
Press CTRL + D and fill the selection in with the colour: #FF7E00 and bring up the blending options.

Bevel & Emboss:

Step 10

Stroke:

Step 11

Now press OK, your button should now look like below:

Step 12

You can now duplicate the layers and build your button menu up. Add some pixel text and you should be done!

مصمم طيبة · 28-Jul-2009, 02:33 PM

thank you
for this lesson

ashooush · 19-Sep-2009, 04:28 AM

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

شكرا على الموضوع المتميز وبالتوفيق
تحياتي

[ إماراتية ~ · 24-Sep-2009, 10:14 PM

روعه × روعه

شغل نظيف وحلووووو

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
لعبة الطائرات الحربية gold modern air combat 2008 بحجم 653 ميـجا روابط مباشرة	امير الظلام	العاب كمبيوتر	61	22-Feb-2010 03:27 PM
أقوى العاب حروب الطائرات Lock On : Modern Air Combat	امير الظلام	العاب كمبيوتر	1	08-Oct-2009 11:58 AM
قمبلة 2000 Fonts + 10000 Icons & 20000 Buttons	ايمار	مدرسة الفوتوشوب - Adobe Photoshop	94	12-Sep-2009 02:13 AM
درس ازرار موقع احترافيه Web Buttons	مدمن تصميم	دروس اجنبية - Lessons	0	14-Apr-2009 02:54 PM
Modeling a modern lamp	مدمن تصميم	دروس تصميم ثلاثي الأبعاد 3D	0	27-Jun-2008 02:12 PM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

Modern Buttons

دروس اجنبية - Lessons