No products in the cart.

No products in the cart.

grainy gradient backgrounds

Create Gorgeous Grainy Gradient Backgrounds in Photoshop Today

Do you want to create grainy gradient backgrounds with more grain than your local bakery, like these bad boys I have made here?

Well you are in the right place.

How To Create Grainy Gradient Backgrounds

Step-by-Step Guide

1. Choose an Image

So, the first thing to do is come to

And find an image with colors that you like.


I’m going to try out this one.

I think that the colors in here are fantastic!

Absolutely marvelous!

So, we’re going to give a shout out to Vanessa DeLorne, for your beautiful, beautiful bananas.

And I’m going to ask you to insert the image that you’ve just downloaded onto a new document.

Quite nice and large.

Make it big.

Make those documents big.

I tell you.

2. Use the Liquefy Tool

Go and find the Liquify Tool.

Get the Liquify Tool out.

What we’re gonna do is we’re going to start manipulating this image.

Now, this is completely up to you.

But the idea is to essentially create more engaging compositions.

I am adjusting the image.

I’m just gonna twirl this about a bit, till I get something that I’m feeling.

You’re feeling.

Oh yeah.

I think, with that..wup…that goes too far.

Now, we’re gonna click okay.

3. Add Blur on the Image

The next step is to select this layer of our beautiful liquify image, and give it a little blur.

So, come up with the filter, blur.

Press down on this.

I’m going to Gaussian, gaussian and gaussian, galusion gaussian, gaussian blur.

Give it a little Gaussian Blur.

Here you can play around.

This is all down to your personal preference, taste.

Find the level that you’re liking.

I think mine is gonna be ’round about 70 pixels, is okay.

And then you can see that parts of the image have not been fully covered.

4. Retouch with the Brush Tool

So, what we’re gonna do is, we’re going to just add a bit of brush on this.

So, rasterize the image.

Add your own little brush.

Add few little touches…the way I like them, a bit more of this little pink.

Lighter shade, and then pop it in to make sure that image is fully covered.

5. Add More Blur

And then, the next step is to get the blur again to, go back to the gaussian blur.

Are we feeling that?

I think I’m feeling that.

6. Add Noise

Now we can add the noise or grain, whatever you like to call it.

Noisy grain.

Loud grain.

So, we go to noise.

Add noise, which can be found in Filter, Noise, Add Noise.

Once you’re here, ah again, you have the option to add as much noise as you like.

I’m going for a 15%.

Maybe that is too much…right at 15.

There we go.

15 is a good number.

Now you see that it’s starting to take shape.

But no, we are not finished.

We’re going to up our game.

7. Duplicate the Layer

So, the next thing to do is duplicate this layer.

Command J is the shortcut for that.

8. Lower the Opacity

Bring the opacity down to around about 30%.


What’s going on there?

Give it a little 30.

A bit of 30 like that.

Love it!

A bit of 30.

9. Use the Blending Mode

grainy gradient backgrounds

Go to Multiply.

So, the blending mode here is Multiply.

I have no idea what it actually means.

But all we can see is that it, it gives a little more depth and darkness to the to the blur, to the gradient.

10. Adjust the Brightness and Contrast

grainy gradient backgrounds

Okay, the next step is to play around the brightness and contrast.

So, you come down to here.

Add a brightness contrast there, double click on this bad boy.

Find your properties panel, and you can adjust the contrasts, however you like.

I think high contrast in this definitely works better.

You can brighten it up, darken down.

We might put a little bit of brightness on it.

Okay, and now, there we go.

That’s a simple way to have a gradient.

11.Improve Your Image

I can add a couple more tweaks like I might want to crop this.

So, we’re gonna find that interesting area of it, and then give it a little crop.

Now to zoom in, and there we have pretty sultry looking gradient.

We can add a text on it.


There you have it.

grainy gradient backgrounds

That is how to create some lovely ‘gradianters’.

If it is the group, I’m going to show you a couple of others, I made earlier.

Here’s one, using my brand colors.

This one was simply created just messing around with a paintbrush tool.

This is what it originally was.

I blurred this and ended up with this sexy looking ‘gradianters’.

And, here is another one that I created earlier.

You can see here, this was the image I used.

Final Thoughts

You can create your backgrounds in any way that you like.

First, you can use images.

You can play around with the brush tool.

And you can come up with some really sexy looking gradients.

So, I would ask you if you enjoyed this little video, give me a little subscribe.

There’s going to be lots and lots of stuff.

I’m going to tell you about AI design tools.

I’m going to tell you about design communities.

Also, I’m going to be releasing lots of new videos.

I’m also going to put a link to the form that I created for this tutorial.

And three gradients which you can use for whatever purposes you desire.

The link is in the description below.

You can also check out my premium set of gradients.

That link will also be in in the description below.

So thanks for watching!

Bye. Bye.

If you found this article on grainy gradient backgrounds interesting, the articles below will equally pique your interest.

How to Get A Custom Behance Profile URL in 10 Seconds

NFT For Beginners: Top 5 Tips For Selling Your First NFT

10 Best Portable Monitors for Graphic Design to Tag-Along With You

*This is a transcript of the featured YouTube Video (above).

Leave a Reply

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

Back To Top