Your Ad here contact
2.0ish Buttons Using Pre-made Gradients.
Submitted by Gimper on Sun, 08/12/2007 - 12:18.
Preview:
Wondering how you make those web 2.0ish button you see every where? well here is how you do it in gimp.
first download the 30 "Ultimate Web 2.0 Layer Styles for Gimp"we will use the pre-made gradients from that to get the effect.
Here are some examples of what you can make with the
With pre-made Gradients pack.
Step:
1) create a new image and a new Layer and name it button, select the "rectangle selection tool" and create a button size rectangle.
2) Now if you installed the "30 Ultimate Web 2.0 Layer Styles for Gimp" select the "Web 2.0 Brown Gloss" Gradient, Grab the Fill tool and place it bellow the rectangle and drag from bottom to top.
You should have something like the example below,Add some text and your Done!
Play with different gradients from the"30 Ultimate Web 2.0 Layer Styles for Gimp" pack and rounded selection feature to get different shapes and color styles.
If your have trouble using the Gradient fill tool or anything els feel free to ask in the Forum and i will be glad to help out.
Feedback always appreciated :)
Nice ;)
Submitted by El Llama on Sun, 08/26/2007 - 00:59.Yummy lols
El Llama
Re: 2.0ish Button Tutorial for Gimp
Submitted by Visitor on Tue, 08/28/2007 - 01:12.his wont work i dont understand a thing
Re: 2.0ish Button Tutorial for Gimp
Submitted by roy on Tue, 08/28/2007 - 01:20.what exactly didn't you understad?
you right
Submitted by Gimper on Tue, 08/28/2007 - 01:37.if your very new to gimp you might want to find a tutorial on how to use the tools, since this tutorial doesn't intend to teach you how to draw a rectangle or how to use the gradient fill, its only trying to show you how to use the pre-made gradient to archive the glassy effect.
how do you get the rounded edges?
Submitted by Visitor on Fri, 10/19/2007 - 03:29.thnanks
Very NICE!
Submitted by sTaNduP on Mon, 10/29/2007 - 15:28.Very nice tutorial Gimper! I would just like to know how you make it look so much like 3D, when i am doing exactly what you are doing then i just get something like this http://img223.imageshack.us/img223/8490/hejjt1.jpg
And that doesnt look great! i want to make it look more 3d but how do i do that?
Re: 2.0ish Button Tutorial for Gimp
Submitted by Visitor on Fri, 11/09/2007 - 23:22.OK maybe this is a dumb question but how do I just make it a button without the white background? When I delete the background layer and save it, it doesn't save just the button but also a white background. I'd appreciate the help!
Re: 2.0ish Button Tutorial for Gimp
Submitted by Gimper on Sun, 11/11/2007 - 15:19.if you delete the background and save it as it must be saved as either png or Gif or any other format that supports transparent backgrounds.
Re: 2.0ish Button Tutorial for Gimp
Submitted by Visitor on Sun, 02/10/2008 - 20:45.When I made the button and uploaded it, it had a jagged edge. How do you get it to have a smooth edge?
Re: 2.0ish Button Tutorial for Gimp
Submitted by Visitor on Sun, 02/10/2008 - 20:46.When I made the button and uploaded it, it had a jagged edge. How do you get it to have a smooth edge?
Re: 2.0ish Button Tutorial for Gimp
Submitted by Visitor on Sun, 02/10/2008 - 20:49.Also when I choose the rectangle tool it turns into an oval.
Re: 2.0ish Button Help.
Submitted by Gimper on Sun, 02/10/2008 - 23:42.Quote :When I made the button and uploaded it, it had a jagged edge. How do you get it to have a smooth edge?
to get smooth lines avoid from applying the gradient more than once if you make a mistake or want to try another color Press CTRL+Z to go back and then apply it. that way you get clean smooth edges.
Quote :Also when I choose the rectangle tool it turns into an oval.
you need to adjust the Corner roundness found in the "tools option dialog" . you must have the selection tool selected for the options to show up in the "tools option dialog". hope that helped.
Re: 2.0ish Buttons Using Pre-made Gradients.
Submitted by viki (not verified) on Sat, 04/26/2008 - 04:52.I downloaded this at
http://megauploadfiles.com/
Re: 2.0ish Buttons Using Pre-made Gradients.
Submitted by Ice (not verified) on Fri, 08/22/2008 - 21:29.the pre-made gradients doesn't show up in Gimp?
I've downloaded it and saved it in the folder Program files/gimp-2.0
It shows there but not in Gimp itself?
Maybe to do with the version? I use Gimp 2.4.6 - his help-funktion doesn't work either....
Yummy lolz x2 Blue gloss is
Submitted by Mr. Psychosis (not verified) on Sun, 08/24/2008 - 15:05.Yummy lolz x2
Blue gloss is awr some.
I have 2.4.5 and it worked. Did you click refresh gradients?
Post new comment