How to use Photoshop CS5 - Part 26: Create a lightning effect

In the next article of the Photoshop tutorial series, we will show you the basic steps to create lightning or lightning effects.

TipsMake.com - In the next article of the tutorial series on Photoshop tips, we will present the basic steps to create lightning or lightning effects. The article is arranged in the basic order, first creating the original image, followed by changing the brightness, color and adding necessary effects. And after completing this lesson, we will get the following result:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 1How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 1

In the following test, we proceed on Adobe Photoshop CS5 version (for previous versions, the basic method is not different). First, we need a sample photo with the same scene as above. Open Photoshop, and create a new layer from the background image layer:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 2How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 2

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 3How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 3

New Layer 1 layer just created

Then, select the Lasso Tool from the bar menu (or press the L key):

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 4How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 4

And draw a selection in the image, this is the entire part of the lightning display:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 5How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 5

Select Edit> Fill menu to fill this selection:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 6How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 6

In the Use section in the Contents section, switch to the White option:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 7How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 7

Click OK, and our image will look like this:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 8How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 8

Continue, select the Brush Tool (or press B):

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 9How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 9

Press D on the keyboard to change the Foreground and Background colors to default:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 10How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 10

With the brush tool selected, right-click (Windows) or Control + click (Mac) anywhere on the image to open the Brush Picker panel, where we need to select a full, circular pattern. border. Then press Enter (Win) or Return (Mac) to apply:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 11How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 11

Then, draw any zigzag line based on the position you want the lightning to appear, you can change the size of the brush quickly with the [ or ] key. For example, here we will draw a line as shown below:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 12How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 12

Then, fill the whole left or right part with black to continue doing the following steps:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 13How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 13

The next thing to do is to blur the area between the black and white areas. Select Filter> Blur> Gaussian Blur:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 14How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 14

The main control panel of Gaussian Blur displays, notice how the effect on the image changes when we move the Radius slider. As in this example, we select the Radius value equal to 9.1:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 15How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 15

The contact area between the black and white part when applying the above effect will become a lightning bolt

Click OK, and we will get the following result:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 16How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 16

Select the Filter> Render> Difference Clouds menu :

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 17How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 17

Unlike some other effects, there is no control panel that Photoshop will automatically apply according to random parameters:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 18How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 18

Select Image> Adjustments> Invert menu :

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 19How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 19

This process will reverse the brightness in the selection, making the light turn dark and vice versa:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 20How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 20

Then select Image> Adjustments> Levels menu :

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 21How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 21

The main Levels control panel is displayed, where we will use the Level to darken the color part of the clouds in the image. First, select the black slider button (as shown below) and start dragging to the right, you adjust until the dark clouds turn 'disappear' from the picture:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 22How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 22

Most of the parts in the selection become black, while the remaining parts are light gray:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 23How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 23

Select the gray sliding button next to it and start dragging to the right, this process will continue to blur the remaining gray parts and turn into a darker color. But you need to pay attention not to change the color too bold, will make the later lightning lose the natural look:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 24How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 24

Click OK to apply the changes and close the Levels window. Our photo in this step will look like this:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 25How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 25

Select Select> Deselect menu to delete the part outside the selection, or use the shortcut Ctrl + D (Win) or Command + D (Mac):

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 26How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 26

Select the Brush tool, right-click (Windows) or Control + click (Mac) anywhere in the text to display the Brush Picker panel , keep the selection, change the Hardness parameter to 50%. Then press Enter (Windows) or Return (Mac) to apply:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 27How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 27

Keep the same Background and Foreground modes as before, draw over the gray parts to 'clean' this color area:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 28How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 28

Besides, if you pay close attention to the outer parts of the black area, we will see the result of applying the Gaussian Blur effect earlier. If your model doesn't look like the following, don't worry too much because we can change it:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 29How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 29

Then, change the Normal Blend Mode to Screen :

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 30How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 30

After applying, the entire dark part of the selection will be hidden, and we will get the following result:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 31How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 31

Continue, select the menu Edit> Free Transform, or press the shortcut Ctrl + T (Win) / Command + T (Mac) to open the Free Transform panel :

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 32How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 32

Photoshop will display an area around the currently selected Layer, you can change the position and size of this lightning, move to any other location in the image (switch to Distord mode for free. change the coordinates of the corners of the selection). When you are satisfied with the selection, press Enter (Wins) or Return (Mac) to apply the change:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 33How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 33

Then, select the Layer menu > New> Layer via Copy or press the shortcut Ctrl + J (Win) / Command + J (Mac) to create a new layer from the layer in use:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 34How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 34

The newly created layer will automatically set Screen mode:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 35How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 35

To continue, we will create a light area around the lightning, simply blurring the Copy just created above. Open Filter> Blur> Gaussian Blur similar to the above. Change the Radius parameter to match the size of each photo (here we set it to 9):

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 36How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 36

Click OK, and our results will look like the following:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 37How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 37

We can easily realize that the effect above is not 'strong' enough to bring the necessary liveliness to the photo. Press Ctrl + J (Win) / Command + J (Mac) to duplicate this effect layer. For some cases the effect is a bit too 'redundant' after doing so, please adjust the Opacity parameter accordingly:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 38How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 38

Here, we still keep 100% Opacity

And this is the result after implementation:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 39How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 39


Select Layer> Merge Down menu or press Ctrl + E (Win) / Command + E (Mac) to merge nearby layers into a single Layer:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 40How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 40

After that, we will only have 1 Background image and Layer 1 layer (just merge the layers above):

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 41How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 41

If you want to change the color of the lightning, use Image> Adjustments> Hue / Saturation:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 42How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 42

The main control panel of Hue / Saturation is displayed, tick the two options to choose Colorize and Preview . Change the color parameters here to match the photo. For example, we set Hue to 232 and Saturation to 50%:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 43How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 43

Click OK:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 44How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 44

Hold Alt (Windows) or Option (Mac) then select Layer> Merge Visible menu :

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 45How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 45

This process will continue to include the available layers into a new layer above:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 46How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 46

Select the Dodge Tool:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 47How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 47

Change the settings of Range to Highlights , Exposure to 50% and uncheck the Protect Tones box :

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 48How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 48

This Dodge Tool is similar to another type of brush in Photoshop , and we can resize it similar to the Brush Tool. Right- click (Windows) or Control + Click (Mac) to open the Brush Picker panel, change the Hardness to 0% , then press Enter (Windows) or Return (Mac) to apply the change:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 49How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 49

Finally, use the Dodge Tool to lighten overly dark areas and add some light effects around the lightning:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 50How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 50

Press [or] to change the size

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 51How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 51

Perform several times to highlight the bright spots around the lightning

Our results after repeated implementation:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 52How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 52

If you feel the brightness here is too high and you lose the natural look, change the Opacity level accordingly:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 53How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 53

The Opacity level here is changed to 70%.

And finally, our work is also complete:

How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 54How to use Photoshop CS5 - Part 26: Create a lightning effect Picture 54

Good luck!

4 ★ | 2 Vote