How To Make a Web 2.0 Button

Tutorials Shared by the Internet Community


  Top Tutorials     New Tutorials     Submit     Login     Register  

How To Make a Web 2.0 Button

Easily create a web 2.0 style button in Illustrator
  • Total Hits: 19671

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating


  • Total Votes: 148 votes

  • Category: Illustrator/Illustrator Misc

  • Submitted on: 2008-04-06 04:35:17

  • Submitted By: Devesh Khanna

  • Set as Favorite


This new design style called Web 2.0 is becoming very popular these days, and it is actually very easy to do in Illustrator and only requires 3 simple steps. Hope this will help some new designers.

First create a rounded rectangle and fill it with either a linear gradient, or a solid fill.
(I used a gradient on this example)    More detail...

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 37.84%  56
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.81%  16
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 11.49%  17
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 11.49%  17
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 28.38%  42

Caste Your Vote

 Rating  Selection  Guidelines
 Poor:     Very disappointing, useless.
 Fair:     Below average, disappointing but not useless.
 Good:     About average in its class.
 Very Good:     Above average for its category.
 Excellent:     One of the best Tutorials in its category.