600+ Photoshop Gradients Free to Download

In Photoshop, the gradient tool is one of the most useful especially when creating background, icons, buttons for the web and many other things. Today, let us have a simple step by step tutorial on how to maximize the use of this Photoshop tool. At the end of this post, you well find plenty of resources that you can download and use for free in your designs.

The gradient tool is grouped with the Pain Bucket Tool in the Tools palette usually located on the left side of the screen. And since gradient tool is not the default tool displayed in Photoshop, you have may either use the mouse or first press G and then Shift+G to alternate between the paint bucket tool (which is the default tool displayed) and the gradient tool.

preview of free photoshop gradients



photoshop gradient tool menu

Once the gradient tool is selected, an option bar will appear, which then offer you with options to make a new gradient, customize an existing gradient preset or upload more gradient presets to Photoshop.


photoshop gradient tool option bar

I will not deal so much about how to customize or create a gradient. Instead, I will focus on how to install preset gradients, like for example, when you downloaded a gradient (.grd file) and would like to load it in Photoshop.



Put your gradients file (.grd) in the ‘Presets’ directory of your main Photoshop program folder, under the subdirectory ‘Gradients’. For example, using the default installation path for Photoshop CS3, gradients should be saved in this directory: C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Gradients\


If the gradients you just saved do not show automatically in the gradient set menu, just go to the gradient editor by clicking on the preset picker (As shown in the illustration below). Once the editor opens, select “load…” and locate the directory/folder where you save your new gradients.

photoshop gradient editor tool

You are now ready to use your gradients. Now, if your gradient preset folder is empty, then maybe it is time you start downloading some nice gradients online. To help you get started, I provided links to some free Photoshop gradients that you can download and use in your projects . I also included a preview for each set so you’ll have an idea how the gradients look like before actually downloading them. I hope you’ll find something useful in this post. To download the set of gradients that you like, simply click on the text link found below each preview image and it will take you to a new page where you can download the .grd file that you can load later in Photoshop. Enjoy!


Over 600 Free Photoshop Gradients to Download

1) Web style gradients #5 by crazykira-resources
30 very useful for a nice web 2.0 style. This work is licensed under a Creative Commons Attribution-No Derivative Works 3.0 License.

web 2 style photoshop gradients


2) Web style gradients #9 by crazykira-resources
20 gradients in lighter shades that are very useful for a nice web 2.0 style as well.

web 2 style ligh color photoshop gradients

3) Apple Mac Photoshop Gradients by mppagano
54 gradients that are similar to gradients by Apple Macintosh.

Apple Macintosh inspired photoshop gradients

4) 75 Photoshop Gradients by Elven Sword
75 individual gradients contained in 4 Photoshop GRD files. Files in .rar are the following: ES Autumn.grd, ES Rivendell.grd, ES PinkSplash.grd, ES SeaDreams.grd. These are free for both personal and commercial uses.

autumn colors photoshop gradients

5) Web 2.0 Photoshop Gradients by vebraska
55 gradients if you like to create a glossy web 2.0 effect in Photoshop.

web 2 style bright colors photoshop gradients

6) Rosa Photoshop Gradients by Elven Sword
90 especially for girlie-teeny designs. The monochromatic look of these gradients are also useful when creating a clean and minimalist look in your design.

pink and purple photoshop gradients

7) Wall Photoshop Gradients by Magdalena Stock
36 gradients taken from stock photos of walls and made in Photoshop 7.0.  However, they do work in other versions of Photoshop. An image pack of 100×100 gradient images are also included in case you ant to use the gradients for making icons. If you take them, please credit magdalena-stock here or colortone at LJ.

metallic photoshop gradients

8.) Photoshop Gradients: Blues by 77 Words
45 blue-ish photoshop gradients. Blue because it is the new white. You can never go wrong by using blue in your designs. So here are blue gradients that you can use to create a 3D or glossy effect.

free blue photoshop gradients

9) Soft Blue Photoshop Gradients by Kumquats Lair
18 gradients created in Adobe Photoshop. You may use these gradients for making icons, wallpapers ore any other graphic designs. Free to use in any project, personal or commercial. However you need to credit the author.

soft blue photoshop gradients

10) Lighten Photoshop Gradients by draconis 393
20 gradients was created in Adobe Photoshop CS2 and would probably work best when blended in “Lighten” mode in Photoshop.

bright colorful metallic photoshop gradients

11) Uber Glossy Photoshop Gradients by Yoshi 9
24 custom glossy gradients for creating aesthetically pleasing CSS menu designs, buttons, icons, etc.

super glossy photoshop gradients

12) Underwater Photoshop Gradients by mille petit
As its name suggests, these 12 gradients are inspired by underwater colors such as corals, grass deep sea water, etc.

underwater color photoshop gradients

13) Coffee Photoshop Gradients by Elven Sword
Strictly for Coffee lovers, this set includes 30 brown photoshop gradients for Photoshop 7 and above.

coffee color photoshop gradients

14) Vintage Photoshop Gradients by Elven Sword
This of 75 gradients would be very useful in creating vintage, paper, fire, frame, rust, text works, autumn landscape themes, etc.

brown vintage photoshop gradients

15) In the Pink Photoshop Gradient Set by kitten bella
A set of 36 pink shades of gradients for Photoshop that includes gloss effect, metallic, sheer, transparent, and other effects. The shades range from pretty pink to bright tropical fuchsia, hot pink, ballet pink, lilac pink, barely-there pink, bubblegum, cotton candy, lipstick and barbie pink and many more.

pink photoshop gradients

16) Soft Green Photoshop Gradients by Kumquats Lair
There are 20 green gradients, from light to dark shades, in this set.

soft to dark green photoshop gradients

17) Skywalker Photoshop Gradients by Elven Sword
These 35 gradients would make a very nice backgrounds such as clouds or sky elements in your designs.

sky blue photoshopp gradient

18) Glow Photoshop Gradients by Baby Chanel
13 gradients in this set that you can use with Paint Shop Pro, Photoshop, Photoplus, and other graphics program. Simply set the gradient layer to ‘Lighten’ or ‘Screen’ to make the effect work properly.

glow photoshop gradients

19) 24 Random Photoshop Gradients by Graphic Dump
This set includes 24 random but very nice glossy gradients. The downloadable zipped file includes both the image pack and the gradient (grd) file.

glossy photoshop gradients

20) Black+Color Photoshop Gradients byFreaky-x
This set includes 20 simple black and color gradients. Maybe some of you could use them in your work.

dark photoshop gradients-black and bright color combination

Want more? Then checkout these more than 10,000 free Photoshop gradients

Author: Admin

Share This Post On


  1. nice excellent grandients


  2. best share

  3. Ty for sharing bro.. aweasome

  4. superb collection mate…u r awesome,thank u very much.
    This is fantastic. God bless you.

  5. Nicest collection of photoshop gradients I have seen so far. Pity about “Uber Glossy Photoshop Gradients” though. That one looked really nice.

  6. Nice gradents

  7. thnx for this…


  8. Thanks a lot!

  9. thanks a heap… good job!!

  10. Uber Glossy Photoshop Gradients is the Best one.

  11. Sweet… thanks for taking the time to post up the grads….

  12. Really nice collection. Thanks for sharing 😀

  13. Absolute resources to the new designers, like me…Thanks dude.

  14. thank u very much for the gradients.

  15. Nice Gradients. Thanks alot

  16. its Really very nice collection and useful to me.

  17. wow. land of colors.

  18. great stuff!! and thanks for this!

  19. Hey thanks,
    I have created my custom Gradient by using gradient editor and saved it too but when I tried to use it next time it displayed default gradient image and the gradient I had created was gone even though I have saved by the name myflag.grd and loaded it.

  20. these are amazing.. thanks a lot

  21. Thanks for this very useful. Always looking for good freebies!

  22. Thanx To You … Oh All The Thanx … Thank You So Much

  23. Thanks for the Gradients

  24. very nice useful!!!!! thank you

  25. Awesome thank you for sharing!!

  26. Nice set of gradients, always useful for future design layouts!! thanks :)

  27. Great work! Thank you

  28. hi, very nice. thanks for share…

  29. woow very nice collection ! thanks !

  30. nice collection, thanks..

  31. These are beautiful and elegant. Thanks for the Files Mate :)

  32. Best Gradients I ever seen :-) Fantastic 😉

  33. I myself created 100+ gradient, but when i am loading it is giving me error of 233Lkh even though i have saved files as toolpic.com but still it is giving me same error. Please can you help me in this

  34. thanks for all

Submit a Comment

Your email address will not be published. Required fields are marked *