Create a web 2.0 button with Gimp

Top Tutorials

New Tutorials

Submit

Login

Register

Tutorial Detail

• Total Hits: 4187

• Average Rating :
  

•  

• Total Votes: 36 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
	16.67%	6
	16.67%	6
	16.67%	6
	16.67%	6
	16.67%	6

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.

---