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

Iklan

One thought on “How to Create an Abstract Rainbow Background

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s