SEARCH
Newsletter
Subscribe to get design
tips, latest trends, free
stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop Special Effects Create Simple, Yet Elegant Abstract Spectrum Lines in Photoshop

Create Simple, Yet Elegant Abstract Spectrum Lines in Photoshop

psdvault Special Effects May 08, 2009

Step 1

Create a new document with black background, for size I chose 980px * 400px however you can change this according to your own preference. Use 72 pixel/inch for resolution since we're creating an image used for website.

Now let's make a new brush preset. To do this, firstly select the brush tool with the following brush:

image 1

Then apply the following brush dynamics to it:

Shape Dynamics

image 2

image 3

image 4

Make sure you also select the Airbrush and Smoothing option.

After finishing making this brush, let's save it as a new brush preset so that we can use it in the future too. To do this, left-click the down tri-angle on the top right and click "new brush preset":

image 5

And Enter the following into the window popup:

image 6

Then you will see the brush preset appear in the brush selection window:

image 7

Step 2

Create a new layer call "lines", grab the Pen Tool and draw the following working path:

image 8

Hint: hold down Shift key and drag your mouse upwards approximately 45 degree for both archor points.

Then right-click and select the option "Stroke Path":

image 9

Then choose the option "brush" and tick the "Simulate Pressure":

image 10

And you will have the following effect:

image 11

Step 3

Still on this "lines" layer, go to Filter > Blur > Motion Blur and apply the following settings:

image 12

Then hit Ctrl + F and apply the motion blur filter again, and you will have the following effect:

image 13

Apply the following Gradient Overlay blending option to this layer:

image 14

Then duplicate this layer 4 times and merge the duplicated layer together, you will have the following effect:

image 15

Rename this layer as "lines" after the merge.

Step 4

Again we duplicate the "lines" layers 3 times, and you will see the colour of the the spectrum become clearer:

image 16

Then we merge those duplicated layer together, then use the Free Transform tool to resize it into the following:

image 17

Then we can use the Warp Tool (Ctrl + T and right-click select "Warp"), transform it into the following shape:

image 18

And here is the effect after warping:

image 19

Step 5

Now we can really just use our imagination and simply duplicate this "lines" layer a few times, rotate and resize each duplicated layer until the outcome is desirable:

Here is my effect so far:

image 20

Merge the duplicate layer together.

We can also add a bit of glowing effect to the spectrum lines. To do this, simple duplicate the merged layer and apply the following Gaussian Blur settings: (Filter > Blur > Gaussian Blur)

image 21

Change the blending mode the duplicated layer to "Linear light" and you will have the following effect:

image 22

To add some final touches, remember we created a new brush preset in Step 1? We can use it to add some nice dots on the abstract line.

Create a new layer called "dots" on top of all other layers, grab that brush preset and simply paint over the lines:

image 23

Then Change the layer blending mode to "Overlay" and you will have the following effect:

image 24

Duplicate this "dots" layer and change the blending mode of the duplicated layer back to "normal", then reduce its opacity to 15% and erase some excessive parts.

You will have the following final effect:

image 25

Ok that's it for this tutorial! Of course you can further enhance this image by adding some more effect, textures and filters.

Here is my final version for this tutorial: (Added a bit of cloudy effect and sharpen the image )

Create Simple, Yet Elegant Abstract Spectrum Lines in Photoshop

Hope you enjoy this tutorial and find it useful. Cheers and have a nice day!

   
subscribe to newsletter