Photoshop Animation Website Banner Technique
Today I am telling you about Photoshop Animation Website Banner Technique
[1]-First of all Open New Document of Custom preset,Height & Width 400×400 pixels,Resolution 72 & Mode RGB Color
[2]-Now fill the Background with ‘000000′ color & then select Text Tool
& create the following Text
[3]-Now select Text Layer & then go to Blending Options,select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature
[4]-Now select Contour Elements & use the following settings
[5]-Now select Color Overlay & use the following Color & settings
[6]-Now your image should look like as shown below
[7]-Now select Brush Tool & use the following Brush & settings
[8]-Now Open New Layer & then create the following Light with the help of “Brush Tool”
[9]-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
[10]-Now select Frame-1 & then Reduce Opacity of Layer 1 like as shown below
[11]-Now your image should look like as shown below
[12]-Now select Frame-2 & then Opacity of Layer-1 should 41%
[13]-Now your image should look like as shown below
[14]-Now select Frame-3 & Opacity of this Layer should 54%
[15]-Now your image should look like as shown below
[16]-Now select Frame-4 & then Opacity of Layer1 should 78%
[17]-Now your image should look like as shown below & after that select Frame-5 & Opacity of Layer-1 should 85%
[18]-Now select Frame-6 & then select Layer1,go to Blending Options,select Stroke Structure & use the following settings
Photoshop Technique-How to use the Stroke Structure feature
[19]-Now Opacity of this Layer should 100%
[20]-Now your image should look like as shown below
[21]-Now Play the Animation with the help of Click on following Button which is indicating by hand sign like as shown below
[22]-Now go to File>Save for Web & Device & save your image as GIF file
Thanks for read this Photoshop Tutorial.I hope U have enjoyed &
learnt some Photoshop Techniques & the Final Output of this
Tutorial is shown below