How, in Adobe Photoshop, can I create a circle of outward-facing bars?


Question

I'd like to make something like this in Adobe Photoshop:

enter image description here

But I have no idea how to do that. Is there any tool within Adobe Photshop CS5+ that will allow for this kind of design? I know how to handle the color and glow and whatnot; it's just those bars that make this a challenge.

If not, perhaps there's a different design tool that I should try?

1
3
10/9/2014 6:21:00 PM

Accepted Answer

Okay ill offer an alternative to a script offered by @Joonas, easy or not. The benefit of this method is that you can easily just dump a real sound spectrum or any other graph into your setup.

Datasource

 waveform

Image 1: A sound waveform, courtesy of this post. Especially useful if say a band wants their own audioforms on the cover.

Or alternatively to using the waveform you can generate your own data source in Photoshop. With following procedure:

  1. Make a documents that's 1 pixel high and any number of pixels wide (for as many bars as you need), black.
  2. Fill in monochromatic noise.
  3. Stretch image to be much higher with nearest neighborhood.
  4. Make a gradient form black to white from top to bottom on a new layer
  5. put that layer to hard mix.

Generated data

Image 2: Generated data source

In any case be aware that the more you have data in width the smaller your bars will be. Shorter snippets may work better.

Turning the source circular

  1. Make the document square and loose the background color,
    1. delete the underside of the waveform if it has any (or you can keep it for another effect)
  2. Make the document much bigger like 10 times the size for example, this so you can do gaps between the samples if you wish such things. Use nearest sampling.
  3. turn the layer into a smart object. (so you can rotate shift or edit the result for example)
  4. make the document square in size.
  5. (optional) Mask your peaks with a alternating black and white mask

what you should have now

Image 3: What you should have now. the lower the bars are located the bigger your sphere is going to be the higher the bars the higher they will be.

Now run:

  1. Filter → Distort → Polar coordinates...
    • Rectangular to polar

final

Image 4: Thats it... Just add glows and stuff. Make any variations.

You may want to do this at slight over resolution for best results.

variation

Image 5: Variation of a theme. By adjusting a mask you can make it look like a gradient scope. Use curves to limit levels for example. Lots of possibilities for generated art.

PS: it took me longer to write these docs than to test the procedure 7 times. You can anlso save the procedure as a action and do thsi over and over again till your satisfied with the result. Or paint in modifications.

6
5/23/2017 12:40:00 PM

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow


Website under construction!!!
^