30 Ultimate Web 2.0 Layer Styles for Gimp

Average: 4.4 (223 votes)
Downloads Details: 



After moving from Photoshop i wanted to be able to use the Ultimate Web 2.0 Layer Styles in Gimp,So i got my self to re-create 30 of them. hopefully you will enjoy as much as i did .

With these pre-made Gradients you can easily make Cool web 2.0 headers, backgrounds, button, and almost any web based designs will always need some nice gradient affect to it and instead of creating them using multiple layers all you need is to use the Gradient fill tool to apply the effects.
feedback is appreciated:)

Here are the names of the 30 Styles.

Install Instructions
Windows:
to install, unzip and place all the gradient files into
\.gimp-2.2\gradients

Special thanks goes to Navdeep and Naveen


Creative Commons License

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

These web 2.0 Gradients are nice! thanks for sharing

Visitor's picture

Install under GNU/Linux

Extract the files into

~/.gimp2.2/gradients/

where ~ is your home dir, i.e. /home/johnny

GIMP version may vary.

Visitor's picture

Re: Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Do these work on Macs? If so, how are they installed?

Gimper's picture

Re: Re: Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Yep they work on all versions of Gimp, all you need to do is drop it in your Gimp "Gradients" folder I'm not sure exactly which path gimp is installed on mac but if you did a search for Gradients folder and drop the files in there it should work fine.

Visitor's picture

on Mac

Right click on Gimp.APP, and choose show package content. Find the gradient folder inside.

Visitor's picture

Thanks for the Download

Cool download. Thanks for this.

Visitor's picture

License?

What license has the package?

thanks in advance

metsuke

)S(

Gimper's picture

Re: License?

its under GPL License.

Visitor's picture

Tnxs

Thanks for the info!. This post will be linked from Gimpedia (http://gimpedia.open-pedia.org).

metsuke

)S(

Gimper's picture

Great :)

i will be adding pack to with over 30 more styles this week :)

Visitor's picture

GPL for gradients?

What does that mean, exactly? What licensing effect are you trying to achieve with that? Wouldn't one of the Creative Commons licenses be more appropriate?

Gimper's picture

your right.

your right, i really had no idea what i was talking about :S now that i read about the types of licenses being under the CC is more appropriate. i updated the post with the CC license.
thanks for the heads up :)

Visitor's picture

Installed nicely on Linux - Ubuntu

Thank you very much for the download. Installed nicely on Ubuntu system. Anybody new to Ubuntu or Linux can easily install this. Download file to your desktop, right click, extract with default (top line on right click menu I believe). A new window will open listing all the gradient files (.ggr) in the download, select them all, extract them to /.gimp-2.2/gradients which is same as /home/username/.gimp-2.2/gradients. Make sure you're options are set to view hidden files. -Ang
Visitor's picture

What is Exact path

Hi, i want to use "Ultimate Web 2.0 Layer Styles" , but where i paste these file WINDOW.? i m using CS 3. Regards !! ah123@ yahoo.com
Gimper's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

hi, the one here is only for Gimp, you can find instructions how to install it on photoshop cs 3 from http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/
Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

so wonderful!
Visitor's picture

Kunal Vijan

nice one.. :)
Visitor's picture

Gr8

OOO ... dre reliii reliiii gd ... =D
Visitor's picture

I have been looking for this for ever!

Thanks for making these available. I have been looking for something like this for quite a while.
Visitor's picture

It's so great!!

I love it and I introduced these gradients on my site http://gimp.kr/entry/30-Ultimate-Web-20-Layer-Styles-for-Gimp - Mr.Dust, http://mr-dust.pe.kr, http://gimp.kr
Visitor's picture

How do I get these

I extracted to gimp2.2\gradients but what do I do next? How do I get these gradients in Gimp? I looked in my gradients and they're not there. I'm not good at this, by the way :)
Gimper's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

make sure all the .ggr files are placed directly inside of the gradient folder and not in a sub folder within the gradient folder. what type of OS are you using?
Visitor's picture

How do I get these?

I'm using windows XP. .grr files are Gimp gradient files? when I extracted the file I just typed in the gradient extension and supposedly it was successful. I couldn't find the gradient folder just by looking through the program files directory. I hope this helps.
Gimper's picture

ok this is why...

ok thats why its not working, the gradient folder is located in the "Documents and Settings" under your Account user name, for example, my Account is named "IBM" this is the full path on where i place mine D:\Documents and Settings\IBM\.gimp-2.2\gradients hope that helped
Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Thanks, my husband figured it out. I created another folder. It wasn't in the main directory. It was in the "share" folder. Well, now I can do the tutorial :)
Visitor's picture

Quick question

These are so nice. I was wondering if I could use these gradients for a menu, and then send the menu to a site that offers free css menus. Would I have to include the cc license with the menu?
Gimper's picture

Re:Quick question

nah its ok you can use them without it.
Visitor's picture

Very Nice

Thanks for these. These are so easy and look awsome. Got them to work in no time on Ubuntu.

Visitor's picture

excellent!

wonderful site -- thx so much!!

-g- 

Visitor's picture

Question:

Do you have to provide a link to this site or the license if you use them on your site to make a banner or munu buttons, ect.

niteshacharya's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

how to install in gimp iam using fedora core7

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Thank you !

metromax's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

nice. thanks!  this makes it a lot easier on people

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

oh thank you so much, i had the layer styles for ps, but nothing for gimp, I had hoped someone would do it for gimp, thanks a lot.

Visitor's picture

Great Work

Nicely Done Create some more,And ThankxLaughing

Visitor's picture

can find the folder to put gradients in!

Ok ive got them here and im about to extract them to the gradients folder, but when Archive Manager cames up and shows the available folders, i dont see the gimp folder. Yeh I know you have to have to have hidden folders viewed, but i cant see how i can do that from Archive Manager. Oh yeh, im using ubuntu. Anyone know how to solve this?

 

Visitor's picture

Can't download....

The link is broken.

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

thabk you very muchseriously thx a lot

resun's picture

cool

very cool!

i like it,thanks!Laughing

EchoXero's picture

Awesome

Best gradient pack ever!

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Dude, this is totally awesome!!!

Visitor's picture

windows install

for me, the place to install was C:\Program Files\GIMP-2.0\share\gimp\2.0\gradients (yes this is with gimp 2.4.2)

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Great Work! Thanks!

Jordan Reed's picture

Awesome

Thanks for doing this. I look forward to using it.

Nix's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

This is what I was looking for a long time :) Thanks for sharing :D

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

this is great. thanks!!

Branwen's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Wow these gradients are brilliant. I love the sharing of knowledge which is only present in the open source community. Thanks Gimper :-)

I'm a newbie to Gimp and would really appreciate if you could create a gold web 2 gradient.
Thanks in advance.

Gimper's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

your welcome

jay's picture

gradients folder

hi guys, I can't find my gradients folder on my MacBook. Any ideas?

Gimper's picture

on the mac Right click on

on the mac
Right click on Gimp.APP, and choose show package content. Find the gradient folder inside.

Visitor's picture

Um...

I don't get how to download it. I mean...It says unzip and place files, and I don't know what that means! Could anyone help me please?

Gimper's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

if your using windows then do a search for gradients, a folder names gradients should show up now place your unzipped gradients in there.

thats it

Visitor's picture

if your using windows then

if your using windows then do a search for gradients, a folder names gradients should show up now place your unzipped gradients in there. thats it
---
Yes, I'm using Windows...I'll try that, thanks!

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Hi, I'm new to GIMP and I downloaded all the gradients properly and stuff. But now I need to know how to use them when I'm using GIMP! xD Please help!

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Are beatiful

Visitor's picture

Thanks a lot!! It would be

Thanks a lot!!
It would be cool if you could add a tutorial on how to create such gradients yourself.

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Very useful, it takes away lots of work. I appreciate your sharing. :)

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Thank you very much. These are great!

intermedieri imobiliare's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Ok, this is a must-have for every webdesigner: a set of 131 glossy layer styles for Photoshop. Perfect to give your website that o so trendy “web 2.0″ look and feel.

wireless home security systems's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Great tips, i found all information i was looking for, i will use some of them.

wireless home security systems's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Great tips, i found all information i was looking for, i will use some of them.

Visitor's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Awesome gradients, but I seem to be unable to find anywhere on my mac to put them. I have spotlighted Gradients,Gimp, and have come up empty.

I hope you can help me.

Thanks.

Gimper's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

For mac users "Right click on Gimp.APP, and choose show package content. Find the gradient folder inside."

consultanta it bucuresti's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

I suposse that so many people use it because it’s the first “design” program they learned to use.

MaYaKa's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

thks for this work. it's help me a lot

คลิป's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Thank you very much.

Sudheer's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

Linux users: If you want all your users to access these gradients, copy the downloaded files to /usr/share/gimp/2.0/gradients/

Maybritt's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

hey I can´t get the gradients working in gimp, it says premission denied when I tried to open them. I have them in the correct folder because fonts and brushes which I also have downloaded function well.

Maybritt's picture

Re: Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

I have fixed it....

Peace_Maker's picture

Great Great Thanks for

Great

Great

Thanks for sharing this

I Love You Man, thanks

Andrew's picture

Re: 30 Ultimate Web 2.0 Layer Styles for Gimp

I was able to install the gradients, but I had to install it in C:\Program Files\GIMP-2.0\share\gimp\2.0\gradients. I guess I don't have the latest version of GIMP D:

Visitor's picture

How do you download this?

How do you download this? There's no link that says "download."

Gimper's picture

Cant you guys see the big

Cant you guys see the big button that says download?? If you have firefox adblocker then you might not see it, here is the link

http://gimp-tutorials.net/downloads/30_web20_Gimp.zip

Jaiz's picture

its cool but how i download

its cool but how i download this

Visitor's picture

Nope -- no button shows for

Nope -- no button shows for me. Thanks for the link.

Visitor's picture

You know, maybe the button

You know, maybe the button only shows in certain web browsers. I'm using Firefox.

east's picture

No download shows for me

No download shows for me either. Tried with FF, Opera, IE and Safari. Perhaps downloads are restricted to some parts of the world and europe isnt included?

nour's picture

Many thanks for download

Many thanks for download Styles

Visitor's picture

cannot use on gimp 2.6

cannot use on gimp 2.6

Visitor's picture

LOve the colors but they do

LOve the colors but they do not work on Gimp2.6

Visitor's picture

It works for me on gimp 2.6

It works for me on gimp 2.6

Amuro Ray VV's picture

Yeah its work for me 2.6.2

Yeah its work for me 2.6.2 too
I think you copy to wrong location

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options