In this tutorial, I will show you the steps I took to Create this Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop. This is a beginner level tutorial and the steps should be quite easy to follow, have a try :)

This tutorial is inspired by the Battlefield 3 game Cover Art and we will be mainly using brush options and filter effect to render this laser beam.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

laser light effect flatten 2 500x291 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

OK Let’s get started!

No stock image is required for this tutorial. However, if you wish to add that stone ground in my final image, you download the texture here.

Step 1

Create a new document (size doesn’t really matter) with black background – Let’s start by creating a particle brush: grab a soft 45px brush from the default brush set:

1 soft brush 500x258 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Then press F5 to bring up the Brush window, apply the following brush options:

Shape Dynamics

1 shape Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Scattering

1 scattering Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Other Dynamics

1 other dyn Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

And make sure you tick the “Smoothing” option.

Save this brush, create a new layer and test it out on it- you will have the following effect:

1 paint effect 500x153 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Step 2

Now let’s turn those particle into laser beams.  Go to Filter > Blur > Motion Blur and apply some Motion Blur to the dots we’ve just painted on the new layer:

2 mo blue Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

and you will have the following effect:

2 blur effect 500x147 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Then press Ctrl + F to re-apply this motion blur filter twice:

2 twice 500x136 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Use the free transform tool to scale it down a bit:

2 compress 500x85 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Then duplicate this Laser beam layer 5 times, and merge those layers together, you will have the following effect:

2 dup effect 500x120 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Duplicate this merged layer a few times, rotate and scatter them around the canvas as shown below:

2 rotate 500x278 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

On each laser beam layer, you can use a soft eraser (50% flow and opacity) to remove some parts so it looks like passing through the air:

2 erase 500x201 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Step 3

Let’s add some light effect to the image – grab a soft white brush and paint three dots to the position shown below:

Hint: For more image depth, use three different sized brush, and set their smallest brush to have the highest opacity, and the biggest brush to have the lowest opacity.

3 paint 500x396 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

And we can create some light particles by creating a new layer, paint a small white dot with a soft brush, and use the warp tool to warp it as shown below:

3 warp Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

You will have the following shape after the Warping:

3 after warp 500x273 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Duplicate this layer a few times and scatter those particles around the centre light:

3 effect 500x365 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Step 4

Now we can add some blurring effect around the laser – you can create this effect by repeating the Step 2 (but without press Ctrl + F to re-apply the motion blur filter):

4 big laser 500x107 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

4 big laser 2 500x214 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Make a few duplicates of those blurring effect layers and attach them to the laser beams around the canvas:

Hint: You can adjust the layer opacity of each duplicated layer to generate more image depth.

4 scatter 500x284 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Create a new layer and use the particle brush we created in Step 1 to add some particles around the laser beam:

4 paint 500x242 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Step 5

We’re almost done :) For some extra effect, we can add some particles with a 1px hard brush on the Laser Beams:

5 particle 500x409 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

And paint some soft light on the bottom witha soft white brush:

5 paint light 500x264 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Also you can add some extra light dots in the centre with a soft white brush:

5 lines 500x223 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Optionally, you can add some ground texture with cloud and the crack texture you downloaded: (If you would like to how to make this ground from the crack texture, please drop me a comment below)

5 ground texture 500x128 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Step 6

OK for the final step, we can flatten the image and duplicate the background layer, apply the following Reduce Noise Filter to the duplicate layer to sharpen the image a bit:

6 reduce noise 500x360 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Then we can add some colour effect to the image to make it look better. Here I decided to add some golden/fiery colour scheme with the following 2 adjustment layers:

Selective Color

6 sel color white Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

6 sel color neu Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

6 sel color Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

Colour Balance

6 col sha Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

6 col bal Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

6 col high Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

and here is the final effect for this tutorial: (click to enlarge)

laser light effect flatten 2 500x291 Create Realistic Laser Beam Effect Inspired by Battlefield 3 Cover Art in Photoshop

That’s it for this tutorial! Hope you enjoy it and find it useful :) Till next time, have a great day!