2.0ish Buttons Using Pre-made Gradients.
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:
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.

Step 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[url=http://gimp-tutorials.net/30-Ultimate-Web-20+Layer-Styles-for+-Gimp]"30 Ultimate Web 2.0 Layer Styles for Gimp"[/url] 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 [url=http://gimp-tutorials.net/forum]Forum[/url] and I will be glad to help out.
Feedback always appreciated :)
Our excellent online 220-701 dumps and 642-437 training programs will lead you to success in the testking 642-832 and PMI-002 exams. We also offer latest testking ccna dumps with 100% success guarantee.
- 98491 reads












Nice ;)
Yummy lols
El Llama
Re: 2.0ish Button Tutorial for Gimp
Re: 2.0ish Button Tutorial for Gimp
you right
how do you get the rounded edges?
thnanks
Very NICE!
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
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
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
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
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
Also when I choose the rectangle tool it turns into an oval.
Re: 2.0ish Button Help.
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.
I downloaded this at
I downloaded this at
megauploadfiles.com
Re: 2.0ish Buttons Using Pre-made Gradients.
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
Yummy lolz x2
Blue gloss is awr some.
I have 2.4.5 and it worked. Did you click refresh gradients?
You need to copy the .ggr
You need to copy the .ggr files to C:\Program Files\GIMP-2.0\share\gimp\2.0\gradients
Great tutorial thanks! I'm
Great tutorial thanks!
I'm working on my commercial ice machines project right now, so I have to make some ice related design. This tutorial gave an idea
thanks
keep up the good work !
Cool Man! Gimper?! I want a
Cool Man! Gimper?!
I want a word with you.
You make the best tutorials EVER! Plus, I am working on a new TCG(Trading Card Game), called 'Deadrist' so I'll need a sort of Redish Button!
Thanks for all your help Gimper! Your the best!
Oh yeah,I'll need different
Oh yeah,I'll need different colours for my new upcoming set,'Colour Magic' and I could use lots of the gradients! Once again, thanks Gimper!
Making a rectangular
Making a rectangular selection is extremely easy. Applying a gradient is easy. Typing text is obvious. What is not obvious is to figure out how to re-size the canvas and save the image as a button with transparency. And you gave no instructions for that.
Your job is to represent the
Your job is to represent the great respect!
thanks!! ill be using this
thanks!! ill be using this
Sadly, this kind of private
Sadly, this kind of private touch is often overlooked
by way of various suppliers want Becker in addition to Gleim because they grow bigger over time.
However, unlike other forms of advertising, internet marketing advertising allows customers to choose whether or not to purchase the
product, giving them enough room space and enough time to choose.
You can also apply this calculation to ezines subscribers.
Post new comment