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

Services

Advertise with Us

 
 
 
  previous button index button next button  
 

 

Leaf Type Web Button

 

 

You are going to learn how to create a leaf shape button; it is something different and interesting. The main part of this tutorial is selection and you will learn more about selection technique.

Open a new document and take appropriate size, select Rectangle Marquee Tool (M key) and draw a rectangle selection on the document. Go to Select menu > Modify > and apply smooth selection.

leaf web button

You have to make two smooth corner of the rounded rectangle selection. Select Rectangle marquee tool and apply on the left bottom corner with hold Shift key, apply same step on the top right corner.

leaf web button

You should have a leaf type shape, take a new layer and fill any color in the selection by the Paint Bucket Tool (G key).

leaf web button

Apply gradient color in the shape, go Layer menu > Layer Style > Gradient overlay. Select gradient color and adjust same settings.

leaf web button

leaf web button

Apply bevel effect on the button, go Layer menu > layer style > Bevel and Emboss. Choose colors and adjust the angle with another setting.

leaf web button

Apply stroke effect on the button, go Layer menu > Layer style > Stroke. Choose stroke color and size, make adjustment.

leaf web button

Select Horizontal Type Tool (T key) and type any text as you like then make duplicate button then adjust like web navigation.

leaf web button

This is the Final leaf buttons.

leaf web 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  
 
 





 
 
 
 
 
 
 

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

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