Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

How to create abstract colorful background with bokeh effect in Photoshop

Draw another shape using Pen Tool (P)

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% and go to Layer Style>Gradient Overlay

How to create abstract colorful background with bokeh effect in Photoshop CS4
Open the Gradient Editor and set the color stops as shown.

How to create abstract colorful background with bokeh effect in Photoshop CS4
We’ve got the next result:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Represent a shape on the left

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0%, add the next Gradient Overlay settings:

How to create abstract colorful background with bokeh effect in Photoshop CS4
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 background with bokeh effect in Photoshop CS4
We’ve got the next gradient on the shape:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Draw a shape as shown using Pen Tool (P)

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% in the Layers panel and click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

How to create abstract colorful background with bokeh effect in 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 background with bokeh effect in Photoshop CS4
We’ve got the next result:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Represent the next shape

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% and go to Layer Style>Gradient Overlay

How to create abstract colorful background with bokeh effect in Photoshop CS4
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 background with bokeh effect in Photoshop CS4
We’ve got the next effect:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Draw another shape

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% and change the Blending mode to Saturation for this layer. Click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

How to create abstract colorful background with bokeh effect in 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 background with bokeh effect in Photoshop CS4
We’ve got the next result:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Represent another shape using Pen Tool (P)

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% and change the Blending mode to Saturation for this layer. Go to Layer Style>Gradient Overlay

How to create abstract colorful background with bokeh effect in Photoshop CS4
Open the Gradient Editor and set the color stops as shown.

How to create abstract colorful background with bokeh effect in Photoshop CS4
We’ve got the next effect:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Draw a shape on the right:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% and change the Blending mode to Saturation for this layer. Click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

How to create abstract colorful background with bokeh effect in Photoshop CS4
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 background with bokeh effect in Photoshop CS4
We’ve got the next gradient on this shape:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Represent another shape on the left:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% and go to Layer Style> Gradient Overlay

How to create abstract colorful background with bokeh effect in Photoshop CS4
Open the Gradient Editor and set the color stops as shown.

How to create abstract colorful background with bokeh effect in Photoshop CS4
We’ve got the next result:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Draw a shape on the central part using Pen Tool (P)

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% and click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

How to create abstract colorful background with bokeh effect in 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 background with bokeh effect in Photoshop CS4
We’ve got the next effect:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Represent another shape on the right:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% and go to Layer Style>Gradient Overlay

How to create abstract colorful background with bokeh effect in Photoshop CS4
Open the Gradient Editor and set the color stops as shown.

How to create abstract colorful background with bokeh effect in Photoshop CS4
We’ve got the next gradient on the shape:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Draw another shape using Pen Tool (P):

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% and click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

How to create abstract colorful background with bokeh effect in 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 background with bokeh effect in Photoshop CS4
We’ve got the next result:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Represent a shape on the central part using Pen Tool (P)

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% for this layer in Layer panel and go to Layer Style>Gradient Overlay

How to create abstract colorful background with bokeh effect in Photoshop CS4
Open the Gradient Editor and set the color stops as shown.

How to create abstract colorful background with bokeh effect in Photoshop CS4
We’ve got the next effect on the shape:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Go to Layer Style and check the Layer Mask Hides Effects in Blending Options dialog box.

How to create abstract colorful background with bokeh effect in Photoshop CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and choose the Soft Round brush of black color

How to create abstract colorful background with bokeh effect in Photoshop CS4
Use Soft Round brush to paint in the mask to hide the edges of the shape. Do not forget to set the Layer Mask Hides Effects in Blending Options menu.

How to create abstract colorful background with bokeh effect in Photoshop CS4
Draw another shape on the right

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% for this layer and click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

How to create abstract colorful background with bokeh effect in 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 background with bokeh effect in Photoshop CS4
We’ve got the next result:

How to create abstract colorful background with bokeh effect in Photoshop CS4

Page: 1 2 3

Comments