How to Create an Abstract Rainbow Background

Designing with many color is not a safe way, especially rainbow gradient. Many designer will suggest us not to use every colors available. But not this time, we’ll use rainbow gradient but in a safe way.

Preview

Begin we begin, take a look at the picture we’re going to create.
tutorial-photoshop-background-abstract-rainbow

Source Needed

To follow this tutorial, you’ll need this sources:

Step 1

Create new file, sized 640×480 px with white background and resolution 72 dpi. Activate gradient tool, open Gradient Editor dialog boz and choose gradient type: Noise. No need to worry with the color, we’ll need it.
tutorial-photoshop-background-abstract-rainbow

Step 2

Draw linear gradient on the canvas.
tutorial-photoshop-background-abstract-rainbow

Step 3

Duplicate layer, ctrl+J. Changle blend mode to Lighten, press ctrl+T, rotate layer 45 degree.
tutorial-photoshop-background-abstract-rainbow

Step 4

Create new layer and draw rainbow gradient in 45 degree. Change layer’s blend mode to Multiply.
tutorial-photoshop-background-abstract-rainbow

Step 5

Create another new layer. Draw radial gradient from white to black in the middle of the canvas. Press ctrl+T and scretch layer until we have this shape.
tutorial-photoshop-background-abstract-rainbow

Step 6

Change layer’s blend mode to Multiply.
tutorial-photoshop-background-abstract-rainbow

Step 7

Still using previous steps, draw another gradient. This time from transparent to black.
tutorial-photoshop-background-abstract-rainbow

Step 8

Draw new layer and fill it with metal pattern.
tutorial-photoshop-background-abstract-rainbow

Step 9

Add layer mask and hide everything except a little at the middle. Create text in the middle of the canvas.
tutorial-photoshop-background-abstract-rainbow

Step 10

Add metal effect by adding these layer styles.
tutorial-photoshop-background-abstract-rainbow
tutorial-photoshop-background-abstract-rainbow

Step 11

Grab star brush and draw some small stars. Don’t overdo this because you might end up with very ugly result.
tutorial-photoshop-background-abstract-rainbow

Step 12

Draw white line underneath to add tagline.
tutorial-photoshop-background-abstract-rainbow

Step 13

Add Motion Blur from menu Filter > Blur with angle 0 degree.
tutorial-photoshop-background-abstract-rainbow
tutorial-photoshop-background-abstract-rainbow

Step 14

Last step, add small text under main text. Make sure you use dark color inside the picture to gain design continuity. Click image below or click here to see final image in full resolution.
tutorial-photoshop-background-abstract-rainbow
download file psd

0 thoughts on “How to Create an Abstract Rainbow Background”

Leave a Reply

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