Follow Design Stacks

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

Abstract Glowing Background

Following this tutorial, you will learn how to draw different shapes, apply gradient, blend different shapes in the background, and more – all to create an abstract glowing background. So, let’s start!

Final Image Preview

Create an abstract glowing background in Adobe Photoshop CS4

Start working by creating a new file (File>New) of 1920x1200px/72 dpi. Choose the Paint Bucket Tool (G) to fill the new background layer with black color.

Create an abstract glowing background in Adobe Photoshop CS4
Create a new layer, applying here some brushstrokes on the background using Brush Tool (B). The brush color is #0E77FF and the Opacity – 15%.

Create an abstract glowing background in Adobe Photoshop CS4

Create an abstract glowing background in Adobe Photoshop CS4
Next we’ll begin representing the shapes. Start with the first one, draw with Pen Tool (P) the path and using the Convert Point Tool you can adjust path segments as shown. The color is #094A9F

Create an abstract glowing background in Adobe Photoshop CS4
Go to Layer Style and add Gradient Overlay by clicking on this layer in Layers panel:

Create an abstract glowing background in Adobe Photoshop CS4
Gradient Editor settings:

Create an abstract glowing background in Adobe Photoshop CS4

Create an abstract glowing background in Adobe Photoshop CS4

Create an abstract glowing background in Adobe Photoshop CS4
Next we’ll represent another shape, using the same Pen Tool (P) and the Convert Point Tool.

Create an abstract glowing background in Adobe Photoshop CS4
Add Layer Style > Gadient Overlay:

Create an abstract glowing background in Adobe Photoshop CS4
Gradient Editor settings:

Create an abstract glowing background in Adobe Photoshop CS4

Create an abstract glowing background in Adobe Photoshop CS4
Using the same tools, continue drawing the shapes:

Create an abstract glowing background in Adobe Photoshop CS4
Add Layer Style >Gradient Overlay

Create an abstract glowing background in Adobe Photoshop CS4
Gradient Editor settings:

Create an abstract glowing background in Adobe Photoshop CS4

Create an abstract glowing background in Adobe Photoshop CS4
Using the Ellipse Tool (U) make a small circle on the shape’s end:

Create an abstract glowing background in Adobe Photoshop CS4
Go to Layer Style and add Gradient Overlay by clicking on this layer in Layers panel:

Create an abstract glowing background in Adobe Photoshop CS4
Gradient Editor settings:

Create an abstract glowing background in Adobe Photoshop CS4

Create an abstract glowing background in Adobe Photoshop CS4
Next we’ll make a highlight on the circle’s edge, using the Pen Tool (P) and the Convert Point Tool.

Create an abstract glowing background in Adobe Photoshop CS4
Add Layer Style > Gradient Overlay

Create an abstract glowing background in Adobe Photoshop CS4

Page: 1 2 3

Comments