Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.

Abstract Designer Background

Filed under: Textures/Patterns — Fiery Darts @ 5:11 pm

Abstract Designer Background
Start by creating a circle using elliptical shape tool.
Enable subtract form shape area form the top bar.
Create a circle in the first circle using elliptical shape tool.
Similarly create some more circles as shown in the image below.
Press Ctrl+T. Right click the layer and select warp. Select fish eye from the warp presets. Apply settings as shown.
Duplicate the layer. From filter menu select blur>>radial blur. Apply settings as shown.
Duplicate the layer and press Ctrl+F to reapply the filter.
Duplicate the layer again. Press Ctrl+F twice.
Duplicate the shape layer and rotate 45°.
Duplicate both the shape layers. Scale them up.
Select each shape layer and change their color as shown in the image below.
Fill the background with black color.
Select each blurred layer and press Ctrl+I to inverse the color. Select all the blurred layer and move them above all the layers in layer palette in layer order.
Select all the layers. Press Ctrl+T. Scale down as shown in the image. Merge all the shape layers.
From filter menu select artistic>>neon glow. Apply settings as shown.
Duplicate the layer. Double click the layer to open layer style window. Apply layer style with the settings shown.
Duplicate the layer. Double click the layer to open layer style window and change the outer glow settings as shown.
Select and merge all the blurred layer. Apply the same layer style to the blurred layer.
Ctrl+Click the original shape layer thumbnail to get the selection. From select menu apply modify>>contract. Contract the selection by 2 pixels.
Create a new layer and fill it with black to white linear gradient.
Change the layer mode to color dodge.
Select the original layer. Duplicate the layer and hide it. Select all other shape layers and invert their colors by pressing Ctrl+I for each layer.
Duplicate the top shape layer and scale it up.
Unhide the original shape layer.
From layer menu select new adjustment layer hue/saturation. Apply settings as shown.

17 Comments »

  1. Amazing tut THX!

    Comment by DarK OnE — June 10, 2006 @ 4:47 am

  2. Wow! That’s a really good background for a sig or something, and very simple too. I’m going to use it ^_^

    Comment by Joezer — June 10, 2006 @ 10:05 am

  3. wen i tried to use neon glow it all turned an orange colour

    Comment by Ed — June 13, 2006 @ 2:04 am

  4. Omfg :D Great tutorial

    Comment by omgEz — June 13, 2006 @ 12:31 pm

  5. it’s an amazing effect and i m really amazed at how you could discover this technique but i dont see how i could fit this in any of my work..

    Comment by von — June 18, 2006 @ 3:57 am

  6. The idea isn’t to see how you could fit this into your work, the idea is to introduce new techniques and ideas that you might be able to introduce into your skill set. Think outside the box grasshopper.

    Comment by Gman — June 22, 2006 @ 3:00 pm

  7. awesome tutorial.. :) it really teaches me something new and thanx again..

    Comment by yon — July 2, 2006 @ 8:13 pm

  8. wow! thats really inspiring ……….

    Comment by maddy — July 3, 2006 @ 1:26 pm

  9. wen i right clik theres no warp option help please!

    Comment by mark — July 11, 2006 @ 6:41 pm

  10. mark u need to have CS2 version of photoshop to see the warp option.

    Comment by kory — July 17, 2006 @ 1:24 pm

  11. Very nice tutorial!

    Thanks a bunch! Keep it up :]

    Comment by Jonathan Rile — July 18, 2006 @ 5:41 pm

  12. Nice, backgrund!

    Comment by Robban — July 24, 2006 @ 1:56 am

  13. Awesome result, but I can’t get mine to work; the tutorial’s a bit vague.

    Comment by CuddlyCombine — August 1, 2006 @ 6:21 pm

  14. too much work

    Comment by mikus — August 8, 2006 @ 6:51 am

  15. very great effect on adobe photoshop

    Comment by shiwani — September 3, 2006 @ 1:59 pm

  16. thats badass, it looks like a developing of a rave!

    Comment by jeff — November 16, 2006 @ 4:14 pm

  17. Thank you, I will use a parallel of this for a web graphic

    Comment by trokara — December 6, 2006 @ 6:42 pm

RSS feed for comments on this post. | TrackBack URI

Leave a comment

XHTML ( You can use these tags): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> .