Create a web 2.0 button with Gimp

Advertisements

  Top Tutorials     New Tutorials     Submit     Login     Register  

Tutorial Detail

Create a web 2.0 button with Gimp

A simple and quick tutorial to create a web 2.0 styled button in The Gimp
http://help-developer.com/index.php/2007/08/25/create-a-web-20-button-with-gimp/
  • Total Hits: 14816

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating

  •  

  • Total Votes: 139 votes

  • Category: GIMP/Web Graphics

  • Submitted on: 2008-04-03 01:01:45

  • Submitted By: Devesh Khanna

  • Set as Favorite

Description:

Web 2.0 design lifts sites into a new league of elegance, and one of the main features is web 2.0 buttons, they look hard to make but in actual fact, they are really simple.

Just follow this tutorial to create this:

web20button3.png

1. Create a new canvas with the dimensions 100px by 27px
2. We are going to make our button green, but you can make it whichever color you wish, go to The Gimp main window and double click on each of the colors in the color choose area and select two shades of a similar color, make the bottom of the two the darker shade.
web20button1.png    More detail...

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 38.85%  54
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.07%  14
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 11.51%  16
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 10.79%  15
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 28.78%  40

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.





Advertisements
Advertisements