Full Web Building Tutorials

Photoshop Moving Light Animation
Moving Light Animation
Today I am telling you about How to Create Photoshop Moving Light Animation
[1]-First of all Open any Image with the help of Ctrl O as I did take following image
Image
[2]-Now Open New Layer & then create the following selection with the help of Elliptical Marquee Tool
Image
[3]-Now fill the selection with ‘fffffa’color & then go to Filter>Blur>Gaussian Blur & use the following settings
Image
[4]-Now your image should look like as shown below
Image
[5]-Now Blending Mode of this Layer should “Overlay”
Image
[6]-Now your image should look like as shown below
Image
[7]-Now select Brush Tool & use the following Brush
Image
[8]-Now Open New Layer & then create the following Shine with the help of Brush Tool
Image
[9]-Now go to Window>Animation & then make the Duplicate
Frames with the help of click on following Button which is indicating
by Hand sign
Image
[10]-Now select Frame-1 & then Hide the following Layer2 with
the help of Remove the EYE SIGN which is indicating by Hand Sign
Image
[11]-Now select Layer1 & Pick the light with the help of MOve Tool & create the following adjustment like as shown below
Image
[12]-Now select Frame-2 & then replace the light with the help of Move Tool like as shown below
Image
[13]-Now make the Tween Frames with the help of Click on following Button which is indicating by Hand sign
Image
[14]-Now use the following settings in Tweens
Image
[15]-Now make the Duplicate Frames of frame-22 with the help of click on following Button which is indicating by Hand sign
Image
[16]-Now select Frame-23 & then Unhide the Layer-2 & your image should look like as shown below
Image
[17]-Now make the Duplicate Frame-24 of the 23 with the help of Click on following button which is indicating by Hand sign
Image
[18]-Now select Frame-24 & then select Layer-2 & reduce the Opacity of this Layer like as shown below
Image
[19]-Now select Layer-1 & pick the Light with the help of Move
Tool & create the following adjustment like as shown below

[20]-Now make the Duplicate Frame-25 & then Hide the Layer-2 with the help of click on following Button which is indicating
by Hand sign
Image
[21]-Now select Layer-1 & then create the following adjustment
with the help of Move Tool & your image should look like as
shown below
Image
[22]-Now make the Duplicate Frame-26 of then select Layer1 & replace the light with the help of Move Tool & your image
should look like as shown below
Image
[23]-Now Make the Duplicate Frame-27 & then replace the light with the help of Move Tool like this below
Image
[24]-Now apply 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
Image
[25]-Now go to File>Save for Web & Device & Save your image in GIF format
Image
[26]-See below for Final Photoshop Output. I hope this is a good tutorial & U can use these Photoshop Techniques in your
Graphics Design Project
Image

in: | Posted on Oct 10th, 2008 | views 887
About the author
i'm moustafa from egypt i love doing one thing 'web programming & designing', This year I've got 19 years old and i'm in the english College of management (in Business Administration part soon)