PSD Nation is proud to present our latest tutorial, which deals with creating light effects in photoshop. In this tutorial, you will find the simple steps associated with creating glowing line art. These techniques are easily replicated and incorporated into other projects, making them a valuable skill to posses.

Check out the final product below:

Step 1 – Creating the Background

To start off, let’s create a nice looking background. Use the gradient tool to fill the background layer with a gradient that ranges from dark gray (#292929) to black (#000000).

Step 2 – Creating a Line

Now we are going to create our first line, we will duplicate it later on when it comes time to create the other lines. Select the line tool, and with the width set to 10px, draw a straight line across the image.

Next, use Photoshop’s built in transform tool, “Warp”, to distort the line. Under (Edit – Transform – Warp), select the Flag preset warp and set the Bend to 100%. Repeat the process to create a result like the one below:

Step 3 – Adding Layer Effects

Next, we will use the layer effects to create a glowing line. Select the line’s layer and make the following adjustments:

Outer Glow – Color (#00baff)

Inner Glow – Color (#007cb6)

Color Overlay – Color (#0096ff)

Stroke – Color (#0090ff)

Congratulations, you have now created your first glowing line, it should look something like this:

Step 4 – Creating More Lines

Now, duplicate the line a few times, using the Free Transform Tool (Ctrl + T) to rotate and scale the lines, change each line’s layer style colors to a desired hue.

I hope you enjoyed this tutorial and found it to be useful, feel free to make suggestions for future tutorials as PSD Nation is always looking for input.

You might also like:

• Designing a Logo In Photoshop
  …Although Illustrator is often considered the logo design software of choice, Photoshop is a powerful…
• Creating Photoshop Text Effects – Tutorial
  …Photoshop is a powerful tool when it comes to creating spiffy-looking text effects. In this tutorial…
• Creating a Stylish Navigation Menu in Photoshop
  …Photoshop plays an undeniably important role in web-development. In this tutorial I’ll show you how …