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:

images 1 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 1 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 2 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 2 of How to use Photoshop CS5 - Part 26: Create a lightning effect

images 3 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 3 of How to use Photoshop CS5 - Part 26: Create a lightning effect

New Layer 1 layer just created

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

images 4 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 4 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 5 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 5 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Select Edit> Fill menu to fill this selection:

images 6 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 6 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 7 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 7 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Click OK, and our image will look like this:

images 8 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 8 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 9 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 9 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 10 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 10 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 11 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 11 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 12 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 12 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 13 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 13 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 14 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 14 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 15 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 15 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 16 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 16 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Select the Filter> Render> Difference Clouds menu :

images 17 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 17 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 18 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 18 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Select Image> Adjustments> Invert menu :

images 19 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 19 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 20 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 20 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Then select Image> Adjustments> Levels menu :

images 21 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 21 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 22 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 22 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 23 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 23 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 24 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 24 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 25 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 25 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

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

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:

images 27 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 27 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 28 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 28 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 29 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 29 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Then, change the Normal Blend Mode to Screen :

images 30 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 30 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 31 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 31 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 32 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 32 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 33 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 33 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 34 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 34 of How to use Photoshop CS5 - Part 26: Create a lightning effect

The newly created layer will automatically set Screen mode:

images 35 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 35 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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):

images 36 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 36 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 37 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 37 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 38 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 38 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Here, we still keep 100% Opacity

And this is the result after implementation:

images 39 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 39 of How to use Photoshop CS5 - Part 26: Create a lightning effect


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

images 40 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 40 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 41 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 41 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 42 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 42 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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%:

images 43 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 43 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Click OK:

images 44 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 44 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 45 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 45 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 46 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 46 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Select the Dodge Tool:

images 47 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 47 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 48 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 48 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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:

images 49 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 49 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 50 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 50 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Press [or] to change the size

images 51 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 51 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Perform several times to highlight the bright spots around the lightning

Our results after repeated implementation:

images 52 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 52 of How to use Photoshop CS5 - Part 26: Create a lightning effect

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

images 53 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 53 of How to use Photoshop CS5 - Part 26: Create a lightning effect

The Opacity level here is changed to 70%.

And finally, our work is also complete:

images 54 of How to use Photoshop CS5 - Part 26: Create a lightning effect
Images 54 of How to use Photoshop CS5 - Part 26: Create a lightning effect

Good luck!

4 | 2 Vote
« PREV : The application...
How to use Photoshop... : NEXT »