Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Light Trail Effect in Photoshop
  • By Design Bundles
  • 07 Oct 2018
  • 7 Mins
  • Photoshop Tutorials

Light Trail Effect in Photoshop

For this tutorial, you will use the Free Font “Garment District” and the image or texture of a “Blackboard” to use as “Background”.

1 - In Photoshop, open the image you chose to work with.

2 - Go to the “Adjustments Panel” and create e “New Color Lookup Adjustment Layer”, choose “NightFromDay.CUBE” in the “3DLUT File” option. Change the “Blending Mode” of the Layer to “Hard Light”.

3 - Back to the “Adjustments Panel”. This time, create e “New Gradient Map Adjustment Layer”, use the “Black, White” Preset then, change the Blending Mode” of the Layer to “Soft Light” and lower the “Opacity” to 55%.

4 - Click on the small Black & White circle at the bottom of the “Layers Panel” and choose “Gradient” to create a “New Gradient Fill Layer”. Your gradient should be Linear, Black to Transparent with a -90° Angle. Drag the “Opacity Midpoint” lever to be at a 15% “Location” (this may change depending on your image).

5 - Select the three Top Layers (the “Adjustment” and “Fill” Layers) using the “Shift” key to select more than one at a time and click on the small “Folder” icon at the bottom of the “Layers Panel” to create a “Group”.

6 - Create a “New Layer” on top of everything (click on the small button at the bottom of the “Layers Panel”). Select the “Pen Tool” (P), make sure that “Shape” is selected on the Top Menu and White is your “Fill” color and draw a shape mimicking the one of the road. It doesn’t need to be perfect since we will fix it later.

7 - Use the “Direct Selection Tool” (A) to make the end that should be more far away thinner and the one closer to de lower edge thicker. You can also fix the curves and other details. If the road in your image is segmented, you may need to create other shapes.

8 - Select the “Shapes” Layers, right-click on top of their Thumbnails and choose “Merge Shapes”. Then, right-click again and choose “Convert to Smart Object” to be able to apply Filters nondestructively.

9 - Go to Filter > Blur > Gaussian Blur… and use value of 8 Pixels for the “Radius”.

10 - Double-click on top of its thumbnail to apply the following “Layer Styles”:

Outer Glow: (#465598, Contour: Rounded Steps)

11 - Make sure your “Shape” Layer is selected and click on the “Add Layer Mask” button at the bottom of the “Layers Panel”. Select the “Mask” Thumbnail, and use the “Brush Tool” (B) with a Medium and Soft brush (30 px and 0% “Hardness”). Make sure that “Black” is your “Foreground” color and erase some of the portions of the “lights” that should be hidden.

12 - Duplicate the “Shape” Layer (Command/Control + J) and use the “Move Tool” (V) to reposition it in a slightly different location.

13 - Go to Edit > Transform > Warp, you may get a message warning you that “Warp transforms are not allowed for linked layer masks associated with smart objects”. Unlink the “Layer Mask” by clicking on the little chain icon in the Thumbnail and try again. You will get another warning about Smart Filters being turned off temporarily, just click “OK”. Modify your “Shape” using the “Warp Mesh” and click the small “Check Mark” on the Top Menu once you are done.

14 - Now, you can re-link the “Layer Mask”, then, select the Mask Thumbnail and use your “Brush Tool” (B) to erase the portions that need it just as you did with the first one. Double click on the Thumbnail and change some of the “Outer Glow” values (like the color) to make your second light beam stand out.

15 - Your Artwork should be similar to this.

by @lornacane


6 Related Photoshop Tutorials

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, you will a Black and White image to apply the “Halftone” effect to.1 - In Photoshop, open the image you chose to work with.2 - Go to Image > Adjustments > Gradient Map and choose the “Foreground to Background Gradient” (Black to White) from the options and ...

For this Tutorial, we are going to an image of “Grass” for the “Background, and a light-colored “Brick” Pattern.1 - In Photoshop, open the file you chose as “Background”.2 - Open the “Brick” Pattern image too. Open the “Image Size” Window (Command/Control + Alt/Option + I) and make it 1000 x 1000 ...

1- Open Photoshop.2- Create a new file. File > New.3- When creating the new file ensure that the background colour is set on black.4- Select the text tool.Then select your font. I am usingFresh squeezed duofromFont Bundles. Change your text size to suit your needs, ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

You may also like

Help Center
ol image