Modern Buttons

[مدمن تصميم]

Modern Buttons

Modern Buttons

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!

الموضوع : Modern Buttons القسم : دروس اجنبية - Lessons

Modern Buttons

[مصمم طيبة]

thank you
for this lesson

[ashooush]

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

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

[[ إماراتية ~]

روعه × روعه

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