The Ultimate Photoshop Resource

Hollywood style searchlight in Photoshop Tutorial

How to make a searchlight effect in Photoshop

This is a fun tutorial, that shows you how to make a cool searchlight beam of light. Think the searchlight on batman and you are getting close to what we will create in this tutorial.

Step 1

hollywood01Begin with a new document. You can either use a photo, or create one yourself. In this case it’s just a blue gradient.

Step 2

hollywood02Choose the polygon lasso tool. Hold down your mouse on the lasso tool to reveal the polygon one.

Step 3

hollywood03This tool doesn’t work with dragging. To work the Polygon Lasso, you click at the origin. As you move your cursor, a line will follow it (Kind of like gum on the sole of your shoe.). Click again to create a line.

Tip: To quit dragging gum press the esc key.

Step 4

hollywood04Keep clicking in the shape of a triangle (sort of). To complete the selection, hover your mouse over the origin (The first place you clicked). You will see little circle. This circle means that you will complete the selection if you click on the start point. Do it!

Step 5

hollywood05As soon as you click on the start point, you will notice the marching ants selection (and the gum isn’t stuck to your shoe anymore).

Now, we are ready to fill with color. Press the D key to reset the Foreground/Background colors.

Press the x key to swap the color. White is now the foreground color.

(You could just choose white as the foreground color and avoid all the shortcuts, but it’s good to learn them right?)

Step 6

hollywood06Choose the Gradient tool. Go to the options bar at the top and choose 2 things.

1. Click the gradient to open the options, select the foreground to transparent option as shown.

2. Make sure that you choose the linear gradient option.

Finally, make sure that the transparent option is turned on in the options bar at the top and reverse is off.

Step 7

hollywood07Wait! One more thing. Create a new layer and select it, so we don’t add pixels to the background.

Step 8

hollywood08Click at the bottom of the selection. Drag the gradient along the selection, but not past the selection.

Step 9

hollywood09Release the mouse and you now have a gradient. Turn off the selection by pressing ctrl/cmd+D or clicking away with the selection tool.

To change the shape, press Ctrl/Cmd+T for the free transform tool. Right click for additional options such as perspective. Change the shape to suit your needs by dragging any of the little squares (adjustment handles).

Step 10

hollywood10We now have a spotlight, but it lacks realism because the beams have hard edges. To soften the beams, choose Filter>Blur>Gaussian Blur. Enter a setting o suit your needs and click OK.

Step 11

hollywood11To add more beams, Duplicate the layers and use free transform to change the angles.

Step 12

hollywood12Here I added the word Hollywood, so that you can see the transparency effects.

Step 13

hollywood13Try adding the effect to different backgrounds. In this picture I made some stars and added the spotlight. This shows the gradients off really well. You can drop the opacity if you want to lesson the effect.


wrap up

Don’t forget, you don’t have to use this effect for vertical spotlights. Here is a futuristic cityscape I have been working on. Notice the effect in the sky.

I hope you enjoyed this tutorial. See you at the CAFE



Photoshop VAULT

Access valuable Photoshop extras and goodies for free and much more a

photoshop add ons, free photoshop brushes, actions, LUTs, presets, ebooks and skies.

PS Don’t forget to follow us on Social Media for more tips.. (I've been posting some fun Instagram and Facebook Stories lately)
You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here photoshop goodies for free

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource