Home / Articles / Design / Web elements / Buttons / How to create from scratch Aero Glass Vista button in Photoshop

How to create from scratch Aero Glass Vista button in Photoshop

How to create from scratch Aero Glass Vista button in Photoshop
 
How to create from scratch Aero Glass Vista button in Photoshop
  • Currently 0 out of 5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Rating: 0/5 (0 votes cast)

Thank you for rating!

You have already rated this page, you can only rate it once!

Your rating has been changed, thanks for rating!

Log in or create a user account to rate this page.


The following article demonstrates how to create Aero Glass Vista button in Photoshop.

This is the result we want to achieve:

Fusion Live Button

Let's start:

1. Let's create a new document, 230х180 and fill it with color 2a2a2a.

New document

2. We use Rounded Rectangle Tool, with 5 pixel radius, black color, and draw (stretch) it the following way:

Rounded Rectangle Tool

3. So the next step Layer → Layer Style → Blending Options and set it the following way:

Blending Options - Stroke
Blending Options - Inner Glow
Blending Options - Outer Glow
Blending Options - Gradient Overlay

Color gradient from 148791 to 000f1b.

Blending Options - Presets

4. Now that we have created the frame of the button, apply glass effect then use this Rectangular Marquee Tool selection:

Selection

5. Create a new layer.

6. Now hold Ctrl + Shift + Alt, and click cursor to where the arrow shows in the image, then Select → Modify → Contract with value 1 pixel.

Ctrl + Shift + Alt
Select - Modify - Contract

7. Set the foreground color to white and change the color of the selection using Paint Bucket Tool, you'll get the following result:

Color of selection

8. Reduce the opacity to 20% and get this:

Opacity to 20%

9. Then add your text and you will have the button shown below:

Fusion Live Button

 

Read also

Buttons in HTML

Buttons in HTML

Image button in HTML

Image button in HTML

Post comment

basicuse.net
html5_css
106160485398655174790

Quick navigation

General navigation