Photoshop Gradients: 600+ Shades to Download Free

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 free Photoshop gradients 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.

photoshop gradients

photoshop gradients

HOW TO ACCESS THE GRADIENT TOOL IN THE TOOLS PALETTE:

photoshop gradients

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.

THE GRADIENT TOOL OPTION BAR:

photoshop gradients

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.


How to Install Photoshop Gradients?

FIRST STEP:

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 FilesAdobeAdobe Photoshop CS3PresetsGradients

SECOND STEP:

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 gradients

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!


600+ Photoshop Gradients to Download Free

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

 

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.

photoshop gradients

[ DOWNLOAD ]

Author: Gisela

Share This Post On

84 Comments

  1. Thanks so much for these gradient loads…

    Post a Reply
  2. Quite informative. Thanks

    Post a Reply
  3. Great post. Thanks you very much !
    Nice to meet you !

    Post a Reply
  4. thank you very very very very very very very very very very very very very very very very very much……….

    I love gradients, now gonna love your site! πŸ˜‰

    Post a Reply
  5. WOAOW merci beaucoup !! Thanks a lot !!

    Post a Reply
  6. Wow… it’s world of colours!!!..

    thanks for sharing..

    Post a Reply
  7. Thanks a lot! Awesome collection of gradients! I absolutely loved the Apple style gradients! πŸ˜€

    Post a Reply
  8. Excellent list for PS gradients, Thanks!!!

    Post a Reply
  9. here are cool gradient colors. I am thankful 2 u.

    Post a Reply
  10. Thanks….. very nice job.

    Post a Reply
  11. Thanks nice gradients πŸ˜‰

    Post a Reply
  12. cool.. very helpful. thanks. πŸ™‚

    Post a Reply
  13. Great collection. Thanks for sharing

    Post a Reply
  14. Very Very Very Nice photoshop gradients…
    Thanks a Lot….

    Post a Reply
  15. thaaaaaaank uuuuuuuuuuuuuuuuuuuuuuuuuuuu soooooooooooo muuuuuuuuch =)

    Post a Reply
  16. Thnx a Ton !!!!!!!!!!!!!!!!!!!

    Post a Reply
  17. Very useful to developing some backgrounds using your gradients files

    thanks a lot…

    Post a Reply
  18. Thank you so much. God bless you

    Post a Reply
  19. Can anyone please share me the Uber Glossy Photoshop Gradients By Yoshi 9 (number 11th). It says its not available for download, Anyone of you that have it or know where can i download it please do reply.

    Thanks πŸ™‚

    Post a Reply
  20. Thank you Great set!! πŸ™‚

    Post a Reply
  21. Thanks a lot
    they all are great.

    Post a Reply
  22. I love you guys you always give great info and great stuff; love the gradients

    Post a Reply
  23. thanks alot! love all the colors!

    Post a Reply
  24. what software to open files *. GRD berekstension?

    Post a Reply
    • Photoshop. GRD is the extension for photoshop gradients.

      Post a Reply
  25. thk u for ever .GRD file too useful for my style sheet design

    Post a Reply
  26. Thanks for putting this together, just working on some ebook covers and these will help loads.

    cheers
    Steve.

    Post a Reply
  27. its very useful Thank u very much dear….

    Post a Reply
  28. Oh!
    very excellent GRD to useful my styles.

    Post a Reply
  29. Thanks for the gradient collection. It’s very useful

    Post a Reply
  30. nice gradients tkxxxx for all

    Post a Reply
  31. wow wonderful colours,
    thankyou

    Post a Reply
  32. They are really awesome..Thanksss a ton…

    Post a Reply
  33. thnx a lot for such a nice set of gradients.

    Post a Reply
  34. WOOOW THANKS A LOT ! Much appreciated πŸ™‚

    Post a Reply
  35. This is fantastic.

    Post a Reply
  36. thanks for the contribution πŸ™‚

    Post a Reply
  37. nice gradients..thanks.

    Post a Reply
  38. superb collection mate…u r awesome..thanks a lot

    Post a Reply
  39. cool stuff..thanks for sharing

    Post a Reply
  40. Excellent list for PS gradients, thankyou very much!!

    Post a Reply
  41. appreciate it!

    Post a Reply
  42. nice excellent grandients

    tanq

    Post a Reply
  43. Ty for sharing bro.. aweasome

    Post a Reply
  44. superb collection mate…u r awesome,thank u very much.
    This is fantastic. God bless you.

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

    Post a Reply
  46. thnx for this…

    great..

    Post a Reply
  47. thanks a heap… good job!!

    Post a Reply
  48. Uber Glossy Photoshop Gradients is the Best one.

    Post a Reply
  49. Sweet… thanks for taking the time to post up the grads….

    Post a Reply
  50. Really nice collection. Thanks for sharing πŸ˜€

    Post a Reply
  51. Absolute resources to the new designers, like me…Thanks dude.

    Post a Reply
  52. thank u very much for the gradients.

    Post a Reply
  53. Nice Gradients. Thanks alot

    Post a Reply
  54. its Really very nice collection and useful to me.

    Post a Reply
  55. wow. land of colors.

    Post a Reply
  56. great stuff!! and thanks for this!

    Post a Reply
  57. 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.

    Post a Reply
  58. these are amazing.. thanks a lot

    Post a Reply
  59. Thanks for this very useful. Always looking for good freebies!

    Post a Reply
  60. Thanx To You … Oh All The Thanx … Thank You So Much

    Post a Reply
  61. Thanks for the Gradients

    Post a Reply
  62. very nice useful!!!!! thank you

    Post a Reply
  63. Awesome thank you for sharing!!

    Post a Reply
  64. Nice set of gradients, always useful for future design layouts!! thanks πŸ™‚

    Post a Reply
  65. Great work! Thank you

    Post a Reply
  66. hi, very nice. thanks for share…

    Post a Reply
  67. woow very nice collection ! thanks !

    Post a Reply
  68. nice collection, thanks..

    Post a Reply
  69. These are beautiful and elegant. Thanks for the Files Mate πŸ™‚

    Post a Reply
  70. Best Gradients I ever seen πŸ™‚ Fantastic πŸ˜‰

    Post a Reply
  71. 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

    Post a Reply

Submit a Comment

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