50+ Cool Photoshop Gradient Brush and Gradient Sets

March 27, 2013 · 2 comments

by Lars

gradient-brush

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.


ElegantThemes
ThemeForest

Advertisement

Gradient Brushes (ABR files)

Gradient Shape Brushes – MORE INFO

gradient-shape-brushes

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

gradient-design-brushes

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-ps-gradient-brushes

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

gradient-brushesv.1

25 different gradient brushes for photoshop

Photoshop Gradient Brushes – MORE INFO

ps-gradient-brushes

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

Gradient Ray Brushes – MORE INFO

gradient-ray-brushes

5 Brushes 2500px

Block Gradient Brushes – MORE INFO

block-gradient-brushes

Abstract Waves Brushes – MORE INFO

abstract-waves-brushes

6 Brushes 2500px

Abstract Gradient Brushes – MORE INFO

abstact-gradient-brushes

Photoshop brushes for CS – CS5

Simply Soft Brushes – MORE INFO

simply-soft-brushes

26 high resolution Simply Soft brushes between 1500-2500 pixels

Simplicity – MORE INFO

simplicity

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

gradient-shape-brushes[1]

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

Fun with Vectors – MORE INFO

fun-with-vectors

A collage of vector shapes in 4 Brushes 2500px

Abstract Designs Vol 2 Brushes – MORE INFO

abstract-designs-vol2-brushes

5 Brushes 2500px

Aurora Borealis Brushes – MORE INFO

aurora-borealis-brushes

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

egress

Abstract Smudge Set – MORE INFO

abstract-smudges-set

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

Circle Ray Brushes – MORE INFO

circle-ray-brushes

6 Brushes 2500px Photoshop CS-CS5

Web 2.0 Style Brushes – MORE INFO

web2.0-style-brushes

65 brushes, loadsa gradients which are dynamically generating.

GVL Soft Texture brushes – MORE INFO

gvl-soft-textures-brushes

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

bitter

Light Storm III – MORE INFO

light-storm-3

Yet another Light Storm brush set

Gradient Brushes – MORE INFO

gradient-brushes

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

new-gradient

Super Dooper Gradient Pack – MORE INFO

super-doper-gradient-pack

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

sheldon-gradients1

18 gradients

Gradients 05-web style – MORE INFO

gradient05-web-style

30 gradients, very useful for a nice web 2.0 style

sheld0n gradients 02: Random – MORE INFO

sheldon-gradient2

1 2 gradients

400 Gradient Varieties – MORE INFO

400-gradient-varieties

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

gradient-shooters

That’s where these gradients come in handy.

Chic Sparkles – MORE INFO

chic-sparkles

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

ModernLife Web2.0 pallete – MORE INFO

modern-life-web2.0-pallete

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

spring-breeze

32 Gradients for Photoshop 7

Gradients 06 – MORE INFO

gradient-06

Rosa Ps Gradients – MORE INFO

rosa-ps-gradients

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

Gradients 08 – MORE INFO

gradient-08

Gradients 04 – MORE INFO

gradients-04

the set is composed by 56 gradients in .grd file

Gradients – MORE INFO

gradients

50 100×100 gradients

Emerald Dragon Ps Gradients – MORE INFO

emerald-dragon-ps-gradients

30 green gradients for photoshop..

70 gradients – MORE INFO

70-gradients

Landscape Ps Gradients – MORE INFO

landscape-ps-gradients

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

raeshena-gradients1

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

Hot Sunset gradients set01 – MORE INFO

hot-sunset-gradients-set1

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

gradients-7

Wall Gradients For Photoshop – MORE INFO

wall-gradients-for-ps

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

gradients: blues – MORE INFO

gradients-blues

A set of Photoshop gradients.

Adobe Gradients Pack – MORE INFO

adobe-gradients-pack

Gradients (.grd) for making Adobe software icons.

Miss Cherie Gradients – MORE INFO

miss-cherie-gradients

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.

Author : Lars Vraa

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.

{ 2 comments… read them below or add one }

armeo April 10, 2013 at 8:20 pm

V.nice sharing dear . keep it up !!!!

Reply

Sandra Smith March 29, 2013 at 10:28 am

Though I hate to use brushes, but this collection just rocks. I have downloaded the Gradient Brushes v.1 and I am having a happy time with this. Nice sharing mate :)

Reply

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post:


Web Analytics