navigation

Simple tutorial on creating light beam effects in Photoshop

The beam effect gives the image more depth and appeal. This technique is often used in poster design, advertising banners or artistic photo editing.

TipsMake will guide you how to use the Gradient Tool, Distort filter and Lighting Effects to create a quick and effective beam effect.

Tools to use

- Gradient Tool: Create a background color for the effect.
- Distort Filter (Wave, Polar Coordinates): Create a beam of light.
- Lighting Effects: Add professional lighting effects.


Tutorial to create light beam effect in Photoshop

To ensure your manipulations are absolutely accurate to the Free Download instructions, we recommend that you use the latest version of  Photoshop .

Step 1:  Create file and prepare background

- Open Photoshop > File > New, select size 600 x 350 pixels (or customize as you like).
- Fill the background with black using Paint Bucket Tool (G), then duplicate the layer with Ctrl + J.

Picture 1 of Simple tutorial on creating light beam effects in Photoshop

Step 2: Color this Layer black if it is not by default and duplicate it using the key combination Ctrl + J .

Picture 2 of Simple tutorial on creating light beam effects in Photoshop

Step 3: Next, we will use the Gradient Tool by clicking on the icon as shown in the picture or using the shortcut key G.

Picture 3 of Simple tutorial on creating light beam effects in Photoshop

Step 4: Choose the default color as shown in the picture with the first fill style, make sure all parameters are absolutely correct.

Picture 4 of Simple tutorial on creating light beam effects in Photoshop

Step 5: Then go back to Layer , hold Shift and drag a segment from bottom to top as shown to fill the Gradient color.

Picture 5 of Simple tutorial on creating light beam effects in Photoshop

The result after coloring will be as below, if you make a mistake you can redo it. No need to be too precise in this step.

Picture 6 of Simple tutorial on creating light beam effects in Photoshop

Step 6: Next, go to Filter > select Distort > select Wave .

Picture 7 of Simple tutorial on creating light beam effects in Photoshop

In Wave, adjust the following parameters:

* Number of Generators : 10.

* Wavelength : Min is 10 and Max is 120.

* Amplitude : Min is 5 and Max is 35.

* Scale : 100% for both.

* Type : Square.

* Underdefined Areas : Select Repeat Edge Pixels.

Picture 8 of Simple tutorial on creating light beam effects in Photoshop

>> The result of the above steps will be as below.

Picture 9 of Simple tutorial on creating light beam effects in Photoshop

Step 7: Go to Filter > select Distort > select Polar Coordinates .

Picture 10 of Simple tutorial on creating light beam effects in Photoshop

In here you just need to set Rectangular to Polar.

Picture 11 of Simple tutorial on creating light beam effects in Photoshop

Step 8: Press Ctrl + U and check Colorize , here you adjust HUE to 200 and Saturation to 25.

Picture 12 of Simple tutorial on creating light beam effects in Photoshop

>> The result will be as follows.

Picture 13 of Simple tutorial on creating light beam effects in Photoshop

Step 9: Go to Filter > Select Render > select Lighting Effects to choose the lighting effect.

Picture 14 of Simple tutorial on creating light beam effects in Photoshop

In here you select Blue Omni in the Preserts section .

Picture 15 of Simple tutorial on creating light beam effects in Photoshop

And the parameters of Blue Omni are as follows:

* Color : White with Intensity 35.
* Color : White with Exposure 0.
* Gloss : 69.
* Metallic : 0.
* Ambience : 9.
* Texture : None.

Picture 16 of Simple tutorial on creating light beam effects in Photoshop

You can see the results right here. 

Picture 17 of Simple tutorial on creating light beam effects in Photoshop

Through this article, you have become familiar with many filters in Photoshop to help create professional beam effects. Filters such as Distort, Wave, Polar Coordinates are not only applied to beam effects but can also be used to create many other unique effects.

If you want to expand your design capabilities, you can try  the moving light effect  - a technique that makes the image more vivid and attractive. In addition,  the shadow effect  is also a useful tool, helping to create depth and highlight details in the photo. These are important techniques that you can apply flexibly to improve your photo editing skills in Photoshop.

Update 18 February 2025