• home
  • forum
  • my
  • kt
  • download
  • Abstract Glowing Background

    Author: 2010-01-04 03:18:33 From:

    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

    Gradient Editor settings:

    Create an abstract glowing background in Adobe Photoshop CS4

    Create an abstract glowing background in Adobe Photoshop CS4
    Take the Pen Tool (P) and the Convert Point Tool to represent one more shape:

    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
    On the top part of the shape we’ll insert a highlight, using the Ellipse Tool (U) and the Convert Point Tool.

    Create an abstract glowing background in Adobe Photoshop CS4
    Set Fill to 0% for this layer and go to Layer Style > Gradient Overlay by clicking on this layer in Layers panel:

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

    http://tutorial.jcwcn.com/d/file/2D-Graphics/Photoshop/Digital-Art/2010-01-04/324c3af331a0e87005fb1da74b803719.jpg

    http://tutorial.jcwcn.com/d/file/2D-Graphics/Photoshop/Digital-Art/2010-01-04/868871279a830f2a9394b82d337cde26.jpg
    Combine in a group all the layers composing the ornament (hold in this case CTRL button to select the corresponding layers and then drag the selected layers on Create a new group icon on bottom part of the Layers panel).

    Merge Down the group by selecting the group in Layers panel and pressing CTRL+E.

    Choose after that the Free Transform (Ctrl+T) to make the rasterized layer smaller, to look the way it is demonstrated below:

    http://tutorial.jcwcn.com/d/file/2D-Graphics/Photoshop/Digital-Art/2010-01-04/c217f96f5dd1d2bdb171a77fe516fb9f.jpg
    Set for this layer Blend Mode to Exclusion:

    Create an abstract glowing background in Adobe Photoshop CS4
    Make a copy of the last made layer and choose the Free Transform option to incline the copy, changing its sizes too. Set for this layer Blend Mode to Overlay

    Create an abstract glowing background in Adobe Photoshop CS4
    Make a copy of the very first ornament and select Free Transform option to turn over the copy, placing it the same way indicated on the next picture:

    Create an abstract glowing background in Adobe Photoshop CS4
    Turn around the recently made copy, using the Free Transform option and set for this layer Blend Mode to Linear Dodge

    Create an abstract glowing background in Adobe Photoshop CS4
    Make one more copy of the ornament’s layer and choose Free Transform option to turn around the copy, enlarging it and placing it the same way from next image. Set for this layer Blend Mode to Hard Light

    Create an abstract glowing background in Adobe Photoshop CS4
    Make a copy of the last made layer and select again the Free Transform option to make the copy smaller, situating it on the picture the same way demonstrated below:

    Create an abstract glowing background in Adobe Photoshop CS4
    Make copies of the earlier made layers also and select after that the Free Transform option to change the copies’ sizes and their placement. Represent finally the same ornament composition, demonstrated on the next picture:

    Create an abstract glowing background in Adobe Photoshop CS4
    Create a new layer and choose for it a brush of the color #41A8DC, to represent a spot on the central part of the ornament.

    Create an abstract glowing background in Adobe Photoshop CS4

    Create an abstract glowing background in Adobe Photoshop CS4
    Then apply the Smudge Tool (R) to smudge out the spot on the ornament’s branch, the same way indicated below:

    Create an abstract glowing background in Adobe Photoshop CS4
     Set Fill to 0% for this layer and change the Blend mode to Linear Dodge.

    Create an abstract glowing background in Adobe Photoshop CS4

     

    Create a new layer and apply here a brush to paint the ornament’s branches. Choose the color #F0A7D3 (Opacity 10%)

    Create an abstract glowing background in Adobe Photoshop CS4
    Use the same brush on a new layer (Create new layer) to represent the spots and paint the ornament with the color #A8D196

    Create an abstract glowing background in Adobe Photoshop CS4

    Create an abstract glowing background in Adobe Photoshop CS4
    Next we’ll download a set of ready to use brushes for Adobe Photoshop named: fmask, Floral_vector_2_by_madsatsuki.

    Create a new layer and apply here a brush out of the set fmask of white color.

    Create an abstract glowing background in Adobe Photoshop CS4

     Create a new layer and use a brush out of the same fmask set to represent several butterflies of white color.

    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
    Set the Fill to 65% for this layer and change Blend mode to Overlay.

    Create an abstract glowing background in Adobe Photoshop CS4
    On the next new layer we’ll apply the brushes from Floral_vector_2_by_madsatsuki set of white color.

    Create an abstract glowing background in Adobe Photoshop CS4

    Create an abstract glowing background in Adobe Photoshop CS4Set for this layer Blend mode to Overlay and go to Layer Style > Inner Glow by clicking on this layer in Layers panel:

    Create an abstract glowing background in Adobe Photoshop CS4

    Create an abstract glowing background in Adobe Photoshop CS4 
     Create another new layer, use here a brush to represent several spots of white color and smudge the spots with Smudge Tool (R). Then apply the brush from the smaller diameter to the bigger one on the ornament’s ends (indicated below) to represent the effect of luminescence of white color (Opacity 10%).

    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
    Set the Blend mode to Soft Light for this layer

    Create an abstract glowing background in Adobe Photoshop CS4
    Make a copy of the layer containing the Floral_vector_2_by_madsatsuki brushes and choose Free Transform option to turn over the copy, placing it, like on the picture below:

    Create an abstract glowing background in Adobe Photoshop CS4
    Create a new layer again and select for it a brush of white color to represent many dots of different diameters:

    Create an abstract glowing background in Adobe Photoshop CS4

    Create an abstract glowing background in Adobe Photoshop CS4

     

      Click on the same layer on the bottom part of the layers’ panel on Add a Mask selection and choose a brush of black color (Opacity 20%) to clean out a little the white dots.

    Create an abstract glowing background in Adobe Photoshop CS4

    Create an abstract glowing background in Adobe Photoshop CS4 
    Click on the bottom part of the layers’ panel on Create new fill or adjustment layer>Curves to add some color correction.

    Create an abstract glowing background in Adobe Photoshop CS4

    Create an abstract glowing background in Adobe Photoshop CS4

    discuss this topic to forum

    relation tutorial

    No information

    Category

      Abstracts (133)
      Effects (835)
      Animation (254)
      Photo Effects (1241)
      Automation (24)
      Photo Retouch (432)
      Basics (553)
      Photography (356)
      Brushes (59)
      Scripting (7)
      Buttons (233)
      Text Effects (968)
      Color (94)
      Textures and Patterns (207)
      Digital Art (314)
      Web Graphics (837)
      Drawing (1176)
      Web Layouts (358)

    New

    Hot