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:

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

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

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

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

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

Select Edit> Fill menu to fill this selection:

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

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

Click OK, and our image will look like this:

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

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

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

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

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

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

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

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

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

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

Select the Filter> Render> Difference Clouds menu :

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

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

Select Image> Adjustments> Invert menu :

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

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

Then select Image> Adjustments> Levels menu :

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

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

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

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

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

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

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

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

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

Then, change the Normal Blend Mode to Screen :

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

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

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

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

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

The newly created layer will automatically set Screen mode:

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

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

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

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

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

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

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

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

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

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

Click OK:

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

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

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

Select the Dodge Tool:

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

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

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

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

Press [or] to change the size

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

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

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

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

Good luck!

Update 25 May 2019
Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile