How to create abstract colorful rainbow background

In this tutorial, you’ll go through easy steps for creating a nice abstract rainbow background in Photoshop. We’ll use Photoshop’s simple shapes, layer styles and gradients to create a colorful background. Let’s get started!

Final Image Preview

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Create a new document (Ctrl+N) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Select then the Paint Bucket Tool (G) to fill the new background layer with black color.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Next we’ll select the Rectangle Tool (U), to represent many colored lines of different size. The colors are indicated bellow:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
We’ve got the next lines:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Using the same tool, continue representing the colored lines, keeping the same image as below (leave the same intervals between the lines as it is demonstrated below).

How to create abstract colorful rainbow background in Adobe Photoshop CS4
We’ve got the next composition:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Take the same Rectangle Tool (U) to draw several more lines.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
For this line click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
We’ve got the next gradient on the line:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Represent another 2 lines:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Apply for these lines the same settings for Layer Style>Gradient Overlay:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
We’ve got the next gradient on these lines:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Using the Rectangle Tool (U), try to make two more lines.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
For the upper line click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Add Layer Style > Gradient Overlay for the lower line:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
We’ve got the next gradient on the lines:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Using the same mentioned tool above, try to represent two more lines.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Apply the next Layer Style > Gradient Overlay settings for the upper line:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Add Layer Style > Gradient Overlay settings for the lower line:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
We’ve got the next effects on the lines:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Next we’ll combine in a group all the layers containing the colored lines (press CTRL button to select the appropriate layers and then hold on the left mouse’s button when dragging the selected layers on Create a new group option). Merge Down the group layers by pressing CTRL+E. Next we need to warp this layer, select Free Transform command by pressing Ctrl+T, click the Switch Between Free Transform And Warp Modes button in the Options bar and use the control points to distort the lines the same way as it is shown below:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
We’ve got the next result:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Click the eye icon next to a layer containing the lines to hide its content for a while and choose the Rectangle Tool (U) to represent several more lines. The colors are indicated bellow:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
We’ve got the next lines:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay settings for the lines’ layers (from top to downwards by turn). Start with the red line:

How to create abstract colorful rainbow background in Adobe Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create abstract colorful rainbow background in Adobe Photoshop CS4
We’ve got the next gradient on the line:

How to create abstract colorful rainbow background in Adobe Photoshop CS4

 

Page: 1 2

Comments