While surfing you often see the attractive metallic buttons on the websites. Now I am going to explain the procedure to create the metallic button with round corners in adobe photoshop.

Step 1: Open photoshop and start a new document of 300×100 pixels and 72 pixels/inch.
Step 2: Insert new layer then select rounded rectangle tool, set radius 4px and draw a rectangle as shown below(With any color).

Step 3: Right click on rectangle layer and select blending options. Select gradient overlay check box and click gradient overlay then lick on gradient to change gradient color settings. Adjust colors of gradient as shown here.

Step 4: Insert new layer and then select previous layer(rectangle layer), Click on rectangular marquee tool and select rectangular area as shown below.

Step 5: Click on move tool and drag selected area just above the original position. Then adjust the position of top portion as in image.
![]()
Step 6: Select latest layer(layer 2) and fill the selection with white to transparent gradient. Set layer transparency to 34%. Now you are ready with metallic web button.

If you have any question write here.
Other places: Photoshop plugins



Your Instructions are very useful for me. I am only a beginer in photoshop so for me your site is very very helpful. Thank you very much for providing such a beautiful sercive at no cost.
Best Wishes ….
Your site is providing very useful informations abosolutely free!! It is really appriciatable.
Best Wishes ….