50+ Cool Photoshop Gradient Brush and Gradient Sets

Designers use gradients as a common element in both web and graphic design. As an example, it is very popular to use gradients in web page navigation and on submit buttons to simulate depth and give the design elements a 3D effect. Gradients can be created using CSS3 properties and in most cases it is the right way to implement gradients in web design. It is however, essential to be able to design the gradients in tools like Photoshop where the overall design is created. The PSD file is then converted into HTML and CSS as part of the implementation and here gradients should be added as CSS instead of using image files.

When using gradients in Photoshop you typically will use the Gradient Tool (Shift +G). While gradients can be designed in Photoshop using the build in tool, it is a lot easier to load pre-created gradients in the .GRD format. Gradients can also be added as using the Brush Tool (B) and while you will have less control of the gradient, it is often possible to find brushes with cool gradient shapes. In this article, I have collected many useful gradient brush and gradient sets you can load into Photoshop and start adding amazing gradient effects in your designs. Please share the article on social media and take a minute to leave a comment for me.

[exec]$filestr = file_get_contents(‘http://www.tripwiremagazine.com/googleadsensebelowmoretag.inc’);echo $filestr;[/exec]

Gradient Brushes (ABR files)

Gradient Shape Brushes – MORE INFO

Cool gradient shape brushes to download, free for personal and commercial use! With this brushset, you are able to create stunning pieces of artwork easily!

Gradient Designs Brushes – MORE INFO

A set of Photoshop brushes made up of various shapes and designs with gradients. It includes all kinds of things, from swirls and waves to sunburst effects, bubbles, tribal-like flames, and much more!

70 Photoshop Gradient Brushes – MORE INFO

70 various gradients for Photoshop, well whatever really. It’s an ImagePack. I do not know how to convert them into other files like .grd, .abr and etc……You’ll have to ask someone else to convert them for you.

Gradient Brushes v.1 – MORE INFO

25 different gradient brushes for photoshop

Photoshop Gradient Brushes – MORE INFO

25 Rainbow Brushes. Various colours and textures. All 100X100 pix.

Gradient Ray Brushes – MORE INFO

5 Brushes 2500px

Block Gradient Brushes – MORE INFO

Abstract Waves Brushes – MORE INFO

6 Brushes 2500px

Abstract Gradient Brushes – MORE INFO

Photoshop brushes for CS – CS5

Simply Soft Brushes – MORE INFO

26 high resolution Simply Soft brushes between 1500-2500 pixels

Simplicity – MORE INFO

Made from 1 default square brush, manipulated. Contains an untransformed brush, enabling you to make the shapes you want. Just click “free transform.”

Gradient Shape Brushes – MORE INFO

I use these brushes with the Shape Dynamic and Scatter settings. 6 Brushes 2500px.

Fun with Vectors – MORE INFO

A collage of vector shapes in 4 Brushes 2500px

Abstract Designs Vol 2 Brushes – MORE INFO

5 Brushes 2500px

Aurora Borealis Brushes – MORE INFO

A set of Photoshop brushes made up of various shapes of Aurora Borealis, also known as the “Northern Lights.” Most are about 800 pixels high/wide or so.

EGRESS – MORE INFO

Abstract Smudge Set – MORE INFO

Abstract Smudge Set – Made in CS3, don’t know if works in others. Has all the settings you need.

Circle Ray Brushes – MORE INFO

6 Brushes 2500px Photoshop CS-CS5

Web 2.0 Style Brushes – MORE INFO

65 brushes, loadsa gradients which are dynamically generating.

GVL Soft Texture brushes – MORE INFO

Use them alot to add texture to a background gradient as shown in the preview. – Just brush on an layer set to ‘overlay’ or however you like it, over a background. Real easy to use.

Bitter – MORE INFO

Light Storm III – MORE INFO

Yet another Light Storm brush set

Gradient Brushes – MORE INFO

These are brushes I’ve made from gradients. They’ve helped me with blends in the past, so I figured I’d upload them for your use.

Photoshop Gradients (GRD files)

new gradients – MORE INFO

Super Dooper Gradient Pack – MORE INFO

Every single gradient I have ever made for my work are in this handy dandy little zip. For free!!

sheld0n gradients 01: Candy – MORE INFO

18 gradients

Gradients 05-web style – MORE INFO

30 gradients, very useful for a nice web 2.0 style

sheld0n gradients 02: Random – MORE INFO

1 2 gradients

400 Gradient Varieties – MORE INFO

This pack contains four hundred gradient varieties. Made with Photoshop CS2 program and the colors came straight from my first fifty color pallet set.

Gradients Shooters – MORE INFO

That’s where these gradients come in handy.

Chic Sparkles – MORE INFO

PSCS2 Photoshop Sparkles Brushes. PS7 and up gold gradients in one zip.

ModernLife Web2.0 pallete – MORE INFO

Here are a decent bunch of 22 Web2.0 colours to get you going – all in convenient smooth gradient. the darker colour (base colour) is from ModernLife’s blog looks great on Myriad pro (any style)

Spring Breeze – MORE INFO

32 Gradients for Photoshop 7

Gradients 06 – MORE INFO

Rosa Ps Gradients – MORE INFO

90 rositas for Photoshop. I made two set Sourcherry and Rosa..

Gradients 08 – MORE INFO

Gradients 04 – MORE INFO

the set is composed by 56 gradients in .grd file

Gradients – MORE INFO

50 100×100 gradients

Emerald Dragon Ps Gradients – MORE INFO

30 green gradients for photoshop..

70 gradients – MORE INFO

Landscape Ps Gradients – MORE INFO

Gradients for Photoshop.. Landscape themes painting bases and/or color blenders. Free for commercial or personal arts works..

Gradients By Raeshena Batch 1 – MORE INFO

25 gradients in .PSPgradient, .grd, and .png formats.

Hot Sunset gradients set01 – MORE INFO

33 gradients to sink your teeth into, all inspired by a photo of a sunset taken by a friend of mine over at LJ.

Gradients 07 – MORE INFO

Wall Gradients For Photoshop – MORE INFO

Gradients taken from stock photos of walls, made in Photoshop 7.0.

gradients: blues – MORE INFO

A set of Photoshop gradients.

Adobe Gradients Pack – MORE INFO

Gradients (.grd) for making Adobe software icons.

Miss Cherie Gradients – MORE INFO

The color palette is just delicious- an interesting melange of muted neautrals n’ khaki’s & playful peaches n’ pinks & calming blues n’ lavenders, with a sudden pop of vibrant tomato-y red/orange.

Lars

Lars is passionate about web design, web development, SEO, social media and loves to look into new technologies, techniques, tools etc. and to write articles for tripwire magazine readers.