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

Use the same method applied before by adding the mask on the layer. Choose also the next options – Layer Mask Hides Effects. Apply also the Soft Round brush of black color to hide the shape edges.

How to create abstract colorful background with bokeh effect in Photoshop CS4
Paint in the mask to hide the shape edges as shown.

How to create abstract colorful background with bokeh effect in Photoshop CS4
Draw another shape on the left 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 gradient on the shape:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Insert also the mask on the layer and choose the Layer Mask Hides Effects option.

How to create abstract colorful background with bokeh effect in Photoshop CS4
Select the Soft Round brush of black color to hide the shape edges as shown:

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

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
Next we have to apply the Pen Tool (P) to represent five more shapes and for their layers we’ll add also the mask.

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
Add the mask on the layer and set the Layer Mask Hides Effects option in Blending Options dialog box. Choose then the Soft Round brush of black color to hide the shape edges as shown.

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 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
Add mask on the layer and set the Layer Mask Hides Effects option as we did before

How to create abstract colorful background with bokeh effect in Photoshop CS4
Select then the Soft Round brush of black color

How to create abstract colorful background with bokeh effect in Photoshop CS4
Paint in the mask with Soft Round brush to hide the shape edges as shown:

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

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set Fill to 0% for this layer 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 result:

How to create abstract colorful background with bokeh effect in Photoshop CS4
Add the mask on the layer, set the Layer Mask Hides Effects option in Blending options dialog box and apply the Soft Round brush of black color to hide again the shape edges.

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

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
Go to Layer Style>Blending Options and check Layer Mask Hides Effects.

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 select the Soft Round brush of black color

How to create abstract colorful background with bokeh effect in Photoshop CS4
Paint in the mask to hide the shape’s edges.

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 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
Add the mask on the layer, check the Layer Mask Hides Effects in the Blending Options dialog box and apply again the Soft Round brush of black color to hide the shape edges.

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

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
Create a new layer and apply the Soft Round brush of white color (Opacity 10%)

How to create abstract colorful background with bokeh effect in Photoshop CS4
Paint with Soft Round brush to make lighter the shapes.

How to create abstract colorful background with bokeh effect in Photoshop CS4
Set the Blending mode to Overlay.

How to create abstract colorful background with bokeh effect in Photoshop CS4
Select Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make some little color corrections.

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
Finished!

View full size here.

Download free Layered PSD file.

Page: 1 2 3

Comments