Abstract Glowing Background

October 26th, 2009 by ART-D Posted in Adobe Photoshop, Designing

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 1920×1200px/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

Post Pages: 1 2 3

Tags: , , , , , , ,

  • Saskia

    10.26.09

    GREAT TUT.. Love it..Thanks
    Byeeeee

  • lola

    10.26.09

    ummmm theres no paintbucket in photoshop…?

  • Xaby

    10.26.09

    nice nice nice. great tutorial there!

  • ayya

    10.26.09

    wow… i love it

  • Gift3

    10.26.09

    Awesome!!

  • vasu

    10.26.09

    its very good

  • Lee

    10.26.09

    Paint Bucket is under Gradient Tab

  • jinno

    10.26.09

    I have a question when u make ur shapes they r a little jagged but in the next step they r very smooth wat did u do to make that happen. great tut btw

  • SCHNUFFLER SMITH

    10.26.09

    WHAT THE HELL I HATE THIS THING ITS TO COMPLICATED @$#!@?#!@#!@#!#@$!#@%!#$^%$&#%^(*$#$#@$#$#@$#$#

  • Svenn

    10.26.09

    Very, very nice! :)

  • Sam

    10.26.09

    That’s cool

  • hassan

    10.26.09

    That’s cool

  • nadia

    10.26.09

    Awesome tutorial to learn. Very easy and well defined . thanks for sharing this nice post.

  • romulo

    10.26.09

    sensacional este tetorial, muito bom mesmo, aprendi bastante com ele, ta de parabens

  • tutorial blog

    10.26.09

    thank for tutorial

  • sys

    10.26.09

    thanks. but I or someone can’t show their work and it’s bed

  • sys

    10.26.09

    bad*

  • الصفحة العربيه

    10.26.09

    very cool! thanks

  • steven

    10.26.09

    pretty good

  • aryan

    10.26.09

    simple and peauty