Welcome  Personal Site   Contact/About    Home Page   Photoshop Tutorials   Sitemap   PDF Tutorials

   Adobe Photoshop Tutorials

by Wendi E M Scarth.

 

Light Trails

 

Create Neon Light Trails
  Suitable for Adobe Photoshop CS CS2 & CS3
Skill Level - Intermediate - 308th Photoshop Tutorial

Thinner beams applied with the Pen Tool

This lesson demonstrates how to create neon light trails, or beams. To work along exactly, you are welcome to download the start image Here.  Unzip the file and open the image onto Photoshop’s workspace.

Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards.
Alternatively, click a previous snapshot in the History Palette.

Navigate (zoom in and pan) your image using the Navigator Palette,
or the Zoom Tool.

Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way.
1/
Open your start image onto Photoshop’s workspace, then extend its grey workspace by dragging out one of its corners.



2/
Press your D key, then press your X key. Your Foreground Colour will now be White.



3/
Now, create a new
transparent layer above the Background layer, by left-clicking the following Create a new layer icon, and rename the layer, something like Light Trail (or Beam).


4/
Now, from the toolbar, activate the Gradient Tool. And set the following attributes into its Options bar. Ensure Reflected Gradient is current, and double-left-click to highlight the Foreground to Transparent gradient swatch.





Working on the Light Trail layer, left-click, and drag out a short gradient line, in the direction of the vertical arrow - illustrated below.

Tip
The length of your gradient line dictates the light beam’s width. Therefore, for a wider, or a thinner light beam - apply your gradient line in a shorter, or a longer stroke.




As soon as you release your mouse button, a thin white gradient will be applied.




5/
Now, (working on the Light Trail layer), from the top menu, choose Edit then choose Transform then choose Perspective. A
vector transformation bounding box will then surround your light beam.



To give an impression of perspective, left-click and drag the following square node, downwards, as illustrated by the arrow.



This creates a vanishing point perspective. When you are happy with the outcome, press your Enter/Return key to effect the change.


6/
Press Ctrl then T to activate the Free Transform command, and your light beam will again be isolated with a vector transformation bounding box. Now, utilising the vector handles -
lesson, swivel and rotate your light beam so it appears to be emanating from the centre of your image.



Then press your Enter/Return key to commit the change. If you feel your light beam needs it, activate the Perspective command, just as you did back in
Chapter 5, and manipulate/improve your beam’s perspective.



For precision, work between the Free Transform and the Perspective commands.

Tip
Reposition your light beam with the Move Tool.

When you are happy with your light beam’s position, you are ready for the next step.


7/
Now, to fade the beam, from the top menu, choose Filter then choose Blur then choose Gaussian Blur. In the subsequent dialogue box, set a Blur Radius of around 4 pixels, then click OK.

  

Note
Blur
settings are dependent on your image’s Resolution (size), and the blur you are
seeking.

Now, duplicate the Light Beam layer by left-clicking and dragging its layer over the Create a new layer icon, (
Chapter 3). Then separate the Light Beams utilising the Move Tool.

     

Utilising the Free Transform command, rotate and reposition both light beams, until you are happy with their final positions.

Tip
Duplicate a Light Beam’s layer to create more beams.

Tip
If you find a beam has been severely cut, as illustrated here.

Press Ctrl then T, and stretch the transformation bounding box; this elongates your light beam.

8/
When you are happy with your number of beams, and their positions, it is time to apply the colour. To apply the same colour to all beams, press Ctrl then left-click to highlight your Light Beam layers. Then right-click, and choose Merge Layers from the drop-down list.

       

Note
If you want to have different coloured beams, don’t merge the layers, and apply colour to each beam, independently.

9/
From the top menu, choose Image then choose Adjustments then choose
Channel Mixer
. In the subsequent dialogue box, play with the Red, Green and Blue Output Channels to create the colour you like. Then click OK.

 


Tip
You can further effect your Light Beams by altering the Beams’
Layer Opacity, or Blending Modes. Experiment with different filters and settings to see how they effect the final result.

     

Thin Light Beams
The thin light beams (at the top of this lesson), were created by drawing a straight path using the Pen Tool, then stroking the path with colour. 
You will find a tutorial demonstrating this technique Here.

10/
When you are happy with your light trails, from the top menu, choose Layer then choose Flatten Image,
then save your work.

Wendi E M Scarth.
Top of Page - Home.