tutorialbunch.com  
tutorialbunch about tutorialbunch contact tutorialbunch
 

 

Categories
 
line
menu symbol

Photoshop

dark line
 
dark line
menu symbol

Illustrator

dark line
 
dark line
menu symbol

Flash

dark line
 
dark line
menu symbol

Free Stock Images

dark line
 
 
 
 
  previous button index button next button  
 

 

Glass Vista Button

 

 

When you go to create a web page and working on any software development project you need a button so I am going to teach you how to draw a glass vista button through this example, you can make it your own by apply different attractive effect by changing values and color as given in this example.

Take a new document with any size, select Rounded Rectangle Tool (U key) and adjust radius "7px" then draw on the document with any color.

glass vista button

glass vista button

Apply gradient color in the drawn shape, go Layer menu > Layer Style > Gradient Overlay and change the gradient color. Adjust angle and blend mode.

glass vista button

glass vista button

Now apply glow inside the button, go Layer menu > Layer Style > Inner Glow and change the color. Put right values and change source.

glass vista button

Apply stroke around the button, go Layer menu > Layer Style > Stroke and change color black, adjust size and position.

glass vista button

You get this button; hold Ctrl + mouse click on the button layer thumb. Select Rectangular Marquee Tool (M key) and cut the half selection by hold Alt key.

glass vista button

Take a new layer and fill White color in the selection by the Paint Bucket Tool (G key), change the blending mode "Normal" to "Soft Light" and type text by Horizontal Type Tool (T key) that is the final result.

glass vista button



 

 

Santosh Kumar Web & Graphic designer

Santosh Kumar

This is santosh kumar living in New Delhi (India) and love to work as a Web & Graphic Designing. I like to create sketch, background, illustration and vector graphics. Tutorialbunch.com is a very good place where I express my creativity.

 
  previous button index button next button  
 
Donate Please





 

 

 

 
 
 
 
 
 
 
 
 

Home | Photoshop | Illustrator | Flash | Free Stock Images | Contact Us | Sitemap

 
Copyright © 2008-2023 Tutorialbunch.com. All rights reserved
Designed by Utkarsh kashyap