My Blog List

Photoshop Blinking Light Animation

oday I am telling you about How to Create Photoshop Blinking Light Animation

[1]-First of all Open any image with the help of Ctrl+O as I did take following image

Photoshop-Blinking-Light-Animation1

[2]-Now make the Duplicate Layer with the help of Ctrl+J & then press Ctrl+L & use the following settings

Photoshop-Blinking-Light-Animation2

[3]-Now your image should look like as shown below

Photoshop-Blinking-Light-Animation3

[4]-Now select Brush Tool & press F5 & use the following Brush & settings

Photoshop-Blinking-Light-Animation4

[5]-Now Open New Layer-1 & select ‘f61f59′ color in forground & then create the following shape with the help of ‘Pen Tool’
right click select ‘Stroke Path’

Photoshop-Blinking-Light-Animation5

[6]-In Stroke Path select ‘Brush’ & then Ok

Photoshop-Blinking-Light-Animation6

[7]-Now your image should look like as shown below

Photoshop-Blinking-Light-Animation7

[8]-Now select Layer-1 & then go to Blending Options,select Outer Glow & use the following settings
Photoshop Technique-How to use the Outer Glow feature

Photoshop-Blinking-Light-Animation8

[9]-Now Open New Layer-2 & then select ‘fff568′color in Forground & then create the following shape with the help of ‘Pen
Tool’ right click select ‘Stroke Path’

Photoshop-Blinking-Light-Animation9

[10]-In Stroke Path select ‘Brush’ & then ok & your image should look like as shown below

Photoshop-Blinking-Light-Animation10

[11]-Like this create the others

Photoshop-Blinking-Light-Animation11

[12]-Now Open New Layer-3 & then create the following lights & use the ‘Outer Glow’ Options as used in step-8 & your image
should look like as shown below

Photoshop-Blinking-Light-Animation12

[13]-Now Open New Layer-4 & then create the following lights & your image should look like as shown below

Photoshop-Blinking-Light-Animation13

[14]-Now select Layer-4 & then go to Blending Options select Outer Glow & use the following settings
Photoshop Technique-How to use the Outer Glow feature

Photoshop-Blinking-Light-Animation14

[15]-Now your image should look like as shown below

Photoshop-Blinking-Light-Animation15

[15]-Now go to Window>Animation & then create the 5 Duplicate Frames with the help of 5 times, Click on following Button
which is indicating by Hand sign

Photoshop-Blinking-Light-Animation16

[16]-Now select Frame-2 & then right click on Layer-3 & ‘Clear Layer Style’

Photoshop-Blinking-Light-Animation17

[17]-Now select Layer-2 & then go to Blending Options,select Outer Glow & use the following settings
Photoshop Technique-How to use the Outer Glow feature

Photoshop-Blinking-Light-Animation18

[18]-Now select Layer-1 & reduce the Opacity of this Layer

Photoshop-Blinking-Light-Animation19

[19]-Now your image should look like as shown below

Photoshop-Blinking-Light-Animation20

[20]-Now select Frame-3 & then select Layer-4,go to Blending Options with the help of click on following Button which
is indicating by Hand sign

Photoshop-Blinking-Light-Animation21

[21]-Now select Color Overlay & use the following settings
Photoshop Technique-How to use the Color Overlay fetaure

Photoshop-Blinking-Light-Animation22

[22]-Now your image should look like as shown below

Photoshop-Blinking-Light-Animation23

[23]-Now select Frame-4 & then select Layer-4, Hide the “Color Overlay” Options with the help of remove the sign which is
indicating by hand sign

Photoshop-Blinking-Light-Animation24

[24]-Now your image should look like as shown below

Photoshop-Blinking-Light-Animation25

[25]-Now select Frame-5 & then select Layer-1,go to Blending Options,select Outer Glow & use the following settings
Photoshop Technique-How to use the Outer Glow feature

Photoshop-Blinking-Light-Animation26

[26]-Now select Color Overlay & use the following settings

Photoshop-Blinking-Light-Animation27

[27]-Now select Layer-4 & then go to Blending Options,select Color Overlay & use the following settings
Photoshop Technique-How to use the Color Overlay feature

Photoshop-Blinking-Light-Animation28

[29]-Now your image should look like as shown below

Photoshop-Blinking-Light-Animation29

[29]-Now select Frame-6 & then select Layer-2,go to Blending Options,select Color Overlay & use the following settings
Photoshop Technique-How to use the Color Overlay feature

Photoshop-Blinking-Light-Animation30

[30]-Now select Layer-3 & then go to Blending Options,select Color Overlay & use the following settings
Photoshop Technique-How to use the Color Overlay feature

Photoshop-Blinking-Light-Animation31

[31]-Now your image should look like as shown below

Photoshop-Blinking-Light-Animation32

[32]-Now go to File>Save for Web & Device & save your image in ‘GIF’ format

Photoshop-Blinking-Light-Animation33

[33]-Now use the following time settings of each frames & then Play the animation with the help of click on following
button which is indicating by Hand sign

Photoshop-Blinking-Light-Animation34

[34]-See below for Final Photoshop Output.I hope this is a good tutorial & U can use these Photoshop Techniques in your
Graphics Design Project

Photoshop-Blinking-Light-Animation35

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

dg3