Cool abstract background

August 12th, 2008 by ART-D Posted in Adobe Photoshop, Designing

Being able to create effects from elsewhere is a great way to learn Adobe Photoshop. Here I will take you through the steps used to create abstract background from bubbles and waves.

Create a new file (File>New) of 1280×1024 px and 72 dpi which must be painted with the Paint Bucket Tool (G) and the color #2A0900

Create cool abstract background in Photoshop CS3

Next select the Pen Tool (P) to represent a wavy line which shape may be corrected with the Convert Point Tool.

Create cool abstract background in Photoshop CS3

Set the next parameters for the last made layer by making a mouse click on this layer on the layers’ palette.
Fill 0%
Blending Options>Inner Shadow

Create cool abstract background in Photoshop CS3

Blending Options>Outer Glow

Create cool abstract background in Photoshop CS3

Blending Options>Gradient Overlay

Create cool abstract background in Photoshop CS3

Gradient’s parameters:

Create cool abstract background in Photoshop CS3 

Create cool abstract background in Photoshop CS3

Make a copy of the line’s layer and choose Free Transform option to turn the line’s copy horizontally, placing it the same way demonstrated below.

Create cool abstract background in Photoshop CS3

Getting the necessary result is possible if combine both wavy lines in a group (press Ctrl button to mark out the necessary layers and hold on the left mouse’s button to move down the marked layers on Create a new group option).
Make a copy of this group. Turn this copy over, applying the Free Transform option and placing it the same way shown below.

Create cool abstract background in Photoshop CS3

Create a new layer again and use on it the Brush Tool (B) with the Opacity of 50% to draw several highlights of white color on these lines.

Create cool abstract background in Photoshop CS3 

Create cool abstract background in Photoshop CS3

Create another new layer (Create new layer) where we shall apply the same Brush Tool (B) to represent several spots on the central part of the picture.

Create cool abstract background in Photoshop CS3

Post Pages: 1 2 3

  • Jack

    08.12.08

    You’ve forgotten/skipped some important steps; you should really review this tutorial and fix it.

  • george

    08.12.08

    i dont get the 2nd step.

    Set the next parameters for the last made layer by making a mouse click on this layer on the layers’ palette.
    Fill 0%
    Blending Options>Inner Shadow

  • Alex

    08.12.08

    I am also having the same issue as george. I cannot figure out how to apply the effects to the object I just created with the pen.

  • Natalia

    08.12.08

    I just wanted to tell you that your art work is AMAZING. I was literally struggling trying to figure out how to do a wavy background for my future web site. I learned AP on my own, so I have a lot of gaps to fill in still and I have to be honest I spent quite some time trying to follow your tutorials. However I never gave up and MADE it.

    I am soooo glad I found your tutorials.Thank you for sharing your skills with us!

  • chrissi

    08.12.08

    Im having the same trouble as alex and george i cannot apply the effects made to the line….i need help please.

  • dexlessin

    08.12.08

    For people having trouble with step #2, all you have to do, is in the layers pallet, where all the layers are (1 at the moment) u have to unlock it, by double clicking it, and renaming it, then in the same place you now can change options, put fill to 0% and so on. hope that helped

  • Svenn

    08.12.08

    For those of you struggling with the pentool part. Simply fill the path with some random color..then follow the steps further by setting fill to 0 etc…

  • abby

    08.12.08

    Amazing effect loved it!

  • salimsalah

    08.12.08

    this is it. wow