Tutorials and resources for mastering the use of gradients in photoshop

This beautiful collection of resources and tutorials for working with gradients with Photoshop was compiled from posts made byDainis Graveris on the fantastic website 1stwebdesigner.com well worth a look

LadyOak

Currently there are 67 gradient sets for Photoshop available, though you must register for free to get those files, but there are even more really good free download files so I really think it’s worth – I registered and nothing bad happened, there must be filled just few required fields and you’re in!

Ultimate Web 2.0 Gradients

This freebie from Dezinerfolio has been create 2 years ago already, but I think anyway you’ll find this useful, if you need quick premade gradient selection.

Official Adobe Website – Gradient Section

I really don’t know why, but this section doesn’t seem to be very popular, it’s DeviantArt where you can find really beautiful Photoshop resources and actually just everything else too design related. Anyway I found on this site many gradients worth downloading anyway, they have most recent, most popular and highest rated sections to sort out really outdated and not so good looking gradients.

BrushesDownload

Currently 287 gradient sets for Photoshop (until CS3) and Photoshop Elements available on this site. But that’s not all, you’ll find on this site also brushes, icons and several tutorials there. For me this page was really good discovery.

One more thing – if you create something like that for free, consider this to be one place to put your work on getting back your full credits.

Free Photoshop : Free Photoshop Gradients

17 very colorful gradients can be found there, again note they are supporting Photoshop (R) CS 3, CS 2, CS 7, 6 and Photoshop (R) Elements 5, 4, 3, 2, 1, PC + MAC OS X. Good thing is you can found there also free styles, brushes, shapes, plugins.

1000 Free Gradients – Web 2.0 Gradients

Beautiful colorful gradients, you might think they are too simple, but I think right good color code selections are key to success in design and at start or just in rush such freebies really can help to get maximal effect in the shortest time period.

Free4Photoshop – Free Photoshop Gradients

There are nine free gradient sets every set containing 30 unique gradients including single color, multicolor, transparent etc. You can see examples in live in the screenshot below.

BioRust – Photoshop Gradients

This is one more site where you need to register in order to download the files, but again I think it’s worth it, Biorust website also offers free fonts, actions, shapes, patterns, website templates – be sure to check them out too in download section.

Gradient Image Maker

Gradient images are used everywhere in web page design, ie, as the background of form buttons, DIVs, to act as shadows and other interesting visual effects etc. This online tool is created to allow you painlessly generate a gradient image of 3 types, with instant previewing so you get exactly what you had in mind.

Hand Picked Photoshop Gradients Packs From Deviantart

BOLD gradient pack by Kip0130

This gradient pack with 3 gradients is very popular and I was surprised at first. Then I downloaded those gradients and tried them – simple but very beautiful color selection, so in this case totally more is less.

Shattereds Gradients by shattereddesigns07

Gold gradient by ademmm

Apple Gradients by mppagano

Soft gradient by ademmm

4 gradients by Kip0130

MP: Underwater Gradients by millepetit

50 Golden Metal Gradients by Adoralyna

Web 2.0 Photoshop gradients by verbaska

While browsing on DeviantArt looks like ElvenSword kind of mastered color balance and has very, very good gradient packs and I wanted to feature and thank for here work there. Below is gradient packs created by her and by looking at them you’ll understand my sympathies.

Emerald Dragon Ps Gradients by ElvenSword

30 green gradients for Photoshop.

Landscape Ps Gradients by ElvenSword

Landscape themes painting bases and/or color blenders.

Ocean Breeze Psp Gradients by ElvenSword

Chic Sparkles by ElvenSword

Vintage Photoshop Gradients by ElvenSword

75 Beautiful vintage Photoshop gradient selection for the vintage, paper, fire, frame, rust, text works, autumn landscape themes, etc.

Heritage Platinum Ps Gradients by ElvenSword

These gradients are really good color picks resembling many different metal color. I really love these variations.

AKLPs Gradient Pack 1 by AKLP

20 soft yellow gradients by KumquatsLair

20 soft blue gradients by KumquatsLair

20 soft orange gradients by KumquatsLair

Vintage Gradients by ARTiK-NL

I enjoy subtle colors and beautiful yet simple variatons in this on.

51 Gradient Varieties by Liasmani

88 Gradient Varieties by Liasmani

66 Gradient Varieties by Liasmani

43 Gradient Varieties by Liasmani

Gradients 003: Skin Brightener by purplefeen

Retroactive Gradients by magdalena-stock

12 Gradients by kazugfx

Now you should be nice list to choose from. I’ll continue also with Part 2 and Part 3 of this article showcasing many more tools, tutorials and actual inspirational web and logo designs which are created using very precise and beautiful gradient effects so stay with us!

25. Photoshop Sunset: Warm Golden Sunsets With Gradient Maps

In this Adobe Photoshop tutorial, you’re going to look at how to easily improve and enhance a photo of a sunset using a Gradient Map!

26. Gradient Mapping effect in Adobe Photoshop

Learn how to use the gradient mapping tool to transform a standard photograph for use with a specific colour scheme or brand image.

27. Light and Shadows – Feathering Gradients in Photoshop

Tutorial explaining how to use feathering in your works in photoshop.

Feathering softens the edges of the gradient, which will help create convincing lighting that will blend nicely. You will be making use of the marquee tool frequently throughout this tutorial, so you’ll save yourself some time if you are already familiar with it.

28. Using Gradients to Make Light and Shadow – and a Coffee Cup!

In this tutorial, you’re going to use some simple circles and gradients to make a cup of coffee viewed from above. The end result isn’t that useful, but the process is interesting nonetheless.

29. Create Stylish Web-header using Photoshop Gradient tool

This tutorial will show you how to easily create stylish web header using only Gradient Tool Gradient Tool , Vector mask and Layer effect. The final web header image will include 3 layers consisted of 3 separate gradient this will allow you to easily edit each part later.

30. Tutorial: Rays of Light

Simple and fast tutorial explaining how to get effect as in the image below.

31. Using Photoshop Gradient Tool

Comprehensive article showing how to use Photoshop gradient tool correctly with many tips.

32. A Gradient Tutorial

Simple, yet very useful gradient tutorial to teach you how to create really subtle and good gradients.

If you know more such gradient tutorials, let me know and I will make this list even better!