Get Unlimited Access to Thousands of Premium Fonts and More! Start Creating for Free Now

FontBundles.NET
Pricing
FontBundles.NET

Categories

New

Account

Start Free Trial
Colorful Backgrounds in Photoshop

By Design Bundles

Photoshop TutorialsBeginner11 min

Colorful Backgrounds in Photoshop

Learn to create a colorful gradient background in Photoshop with this beginner tutorial.

Have you been wondering how you could create a colorful background in Photoshop? In today’s tutorial, we’ll show you how to create a colorful background that you could use for all sorts of projects. You can also add beautiful overlays as we did in the following image to enhance your colorful background.

Colorful Backgrounds in Photoshop

We’ll be using Photoshop swatches, but you could find some great modern color palettes from Design Bundles to use instead.

Step 1 - Create a New Document

When creating your new document in Photoshop, select RGB Color and 16 bit for the Color Mode.

Select RGB Color and 16 bit for Color Mode in Photoshop

Step 2 - Open the Swatches Panel

Open the Swatches Panel by going to Window > Swatches. Depending on how your Photoshop interface is set up, it may look slightly different, but the panel will appear on the right side. You can look through the folders for colors to use.

Click on Window and then Swatches in Photoshop

Step 3 - Create a New Layer

Click the Create a new layer button at the bottom of the Layers panel.

Shows how to create a new layer

Step 4 - Select Your Brush

Select the Brush Tool (B) from the left toolbar.

Shows to select the Brush Tool from the left toolbar

We want to use a large soft brush. Click the Brush options icon in the Options bar at the top. Set the Size to 500 px and the Hardness to 0%.

Shows to select a large soft brush in Photoshop

Step 5 - Select a Foreground Color and Paint on the Canvas

Pick a color from the Swatches panel for the foreground color. We selected the color Pure Violet. To stay organized, we renamed the layer to match the color name. Then we painted areas of the canvas. You can paint wherever you want.

Shows to select a foreground color and paint areas of the canvas

Step 6 - Add Another New Layer and Paint More Areas With a Different Color

Add another layer on top, select another foreground color, and paint more areas of the canvas. We picked the color Pure Red this time.

Shows more areas painted with another color

Step 7 - Repeat Step 5 Until Canvas is Filled

Keep adding layers and painting the canvas with other colors until you fill the canvas. Each color should be on its own layer.

Shows the canvas filled with colors

Step 8 - Apply a Gaussian Blur to Each Colored Layer

Select a layer and go to Filter > Blur > Gaussian Blur.

Apply a Gaussian Blur filter to a layer

Enter 200 for the Radius and click OK.

Enter 200 for the Radius and click OK

Then select another layer and click on Filter in the top menu. The last filter applied should be listed at the top. It should be Gaussian Blur in our case. Click it to apply it to the currently selected layer.

Apply a Gaussian Blur filter to another layer

Apply the Gaussian Blur filter for the rest of the colored layers.

Apply a Gaussian Blur to the rest of the layers

Step 9 - Convert Layers to a Smart Object

Select all the colored layers using Shift. Then right-click on the layers and choose Convert to Smart Object.

Select all colored layers and convert them to a Smart Object

Step 10 - Duplicate Smart Object Layer

Select the Smart Object layer and duplicate it by pressing Command/Control + J or right-clicking on the layer and choosing Duplicate Layer.

Shows how to duplicate the Smart Object layer in Photoshop

Step 11 - Apply Filters to the Top Layer and Change Its Blending Mode

Gaussian Blur

Select the top layer and go to Filter > Blur > Gaussian Blur.

Apply a Gaussian Blur filter to the top Smart Object layer

Enter 200 for the Radius again and click OK.

Enter 200 for the Radius again and click OK

Crystallize

Now go to Filter > Pixelate > Crystallize.

Apply a Crystallize filter to the top layer

Enter 65 for the Cell Size and click OK.

Enter 65 for the Cell Size and click OK

Change Blending Mode

In the Layers panel, change the Blending Mode to Soft Light.

Change the Blending Mode of the top layer to Soft Light in Photoshop

Step 12 - Apply Filters to the Second Layer

Pointillize

Select the second layer and go to Filter > Pixelate > Pointillize.

Apply a Pointllize filter to the second Smart Object layer

Enter 3 for the Cell Size and click OK.

Enter 3 for the Cell Size and click OK

Gaussian Blur

Apply a Gaussian Blur with 6.4 as the Radius and click OK.

Apply a Gaussian Blur filter to the second Smart Object layer with 6.4 as the Radius

Step 13 - Adjust Filters if Needed

Your colorful background is done and should look somewhat similar to what we’ve created below.

If you need to adjust any of the applied filters, simply double-click on the Smart Filter in the Layers panel.

Shows to double-click on Smart Filters to adjust their settings in Photoshop

We hope you create an endless amount of colorful backgrounds in Photoshop! To create some amazing designs, you can use your colorful backgrounds with clipping masks in Photoshop or with overlays in Photoshop like the first image in this tutorial.

Related Tutorials

DesignScape Tutorials

How to Use Overlays in DesignScape

In this tutorial we will show you how to use overlays in DesignScape.
Photoshop Tutorials

How to Make a Halftone Effect in Photoshop

Learn how to make a halftone effect in Photoshop and how to change the colors of the halftone effect
Photoshop Tutorials

How to Warp Text in Photoshop

Learn how to warp text in this Adobe Photoshop tutorial.
Photoshop Tutorials

How to Make a Holographic Background in Photoshop

Learn how to create a shiny holographic effect in Photoshop with this step by step tutorial.
Photoshop Tutorials

Watercolor Text Effect in Photoshop

In this tutorial, the realistic watercolor text effect is made with filters, a layer mask, and more!
Photoshop Tutorials

How to Make a Dot Mosaic in Photoshop

Dot mosaics are really cool to look at and you can make one with any photo with this tutorial!

Keep going

You may also like

All photoshop tutorials
The weekly drop

Fresh tutorials, trends & free files.

Join 6 million makers getting our best craft guides and exclusive freebies straight to their inbox.

No spam. Unsubscribe anytime.