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

  •  

  •    
  •  

 

Post Pages: 1 2 3

Tags: , , , , , , ,

  • Saskia

    28/10/2009

    GREAT TUT.. Love it..Thanks
    Byeeeee

  • lola

    29/10/2009

    ummmm theres no paintbucket in photoshop…?

  • Xaby

    02/11/2009

    nice nice nice. great tutorial there!

  • ayya

    06/11/2009

    wow… i love it

  • Gift3

    10/11/2009

    Awesome!!

  • vasu

    11/11/2009

    its very good

  • Lee

    16/11/2009

    Paint Bucket is under Gradient Tab

  • jinno

    19/11/2009

    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

    01/12/2009

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

  • Svenn

    01/12/2009

    Very, very nice! :)

  • Sam

    04/12/2009

    That’s cool

  • hassan

    08/12/2009

    That’s cool

  • nadia

    16/12/2009

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

  • romulo

    14/01/2010

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

  • tutorial blog

    19/01/2010

    thank for tutorial

  • sys

    20/01/2010

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

  • sys

    20/01/2010

    bad*

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

    23/01/2010

    very cool! thanks

  • steven

    27/01/2010

    pretty good

  • aryan

    29/01/2010

    simple and peauty

  • Madhavi

    23/02/2010

    awesome, wonderful, amazing, beautiful, pretty, nice, unique, cool, gr8, and…..and…..i need more good words……..just totally….u noe……HATS OFF to this guy…!! and thnxx a lot….u’ve really helped for my exam…!!!! :D
    THNXX A TRILLION…!!!!!

  • ximena

    17/04/2010

    en pocas palabras basico pero me parecio genial

  • purushoth

    23/04/2010

    easy to work. thank u

  • riju

    28/04/2010

    Thanks………..for shairing dis…………Rocking

  • Kostss

    05/05/2010

    Wow! It`s a great and very nice tut.

  • Ahmed

    26/05/2010

    Thank you..

    I do it and it’s very beautiful!!

  • Adithya

    27/06/2010

    wooowww.. tats awsum..

  • Designer Renji

    17/03/2011

    Nice………Thanks………..for shairing

  • Info Plus

    02/05/2011

    Thanks for sharing. good tutorial.

  • IT Conseltant

    29/06/2011

    Thanks for Sharing Very nice Tuts… Very good …