Webiste Design Animated Banner
Today I will teach you How to create Webiste Design Animated Banner
[1]-First of all Open New Document of Custom size,Height & Width 450×500 pixels,Resolution 72 & Mode RGB color
[2]-Now select Gradient Tool & use the following Gradient & settings
[3]-Now Fill the Background with the help of Gradient Tool with Top to Bottom Direction
[4]-Now create the following Shape with the help of ‘Pen Tool’
[5]-Now select Text Tool & then create the following Text with the help of Text Tool
[6]-Now go to Window>Animation & then create the 10 Duplicate Frames with the help of 10 times click on following Button
which is indicating by Hand sign
[7]-Now select Frame-1, Make the Duplicate Layer of Text Layer with the help of Ctrl+J & then Hide the
Original Text Layer with the help of Remove the Eye Sign which is indicating by Hand sign
[8]-Now press ‘Space Bar’ until your text should look like as shown below
[9]-Now [PHOTOSHOP TECHNIQUE-select Frame-1, Make the Duplicate Layer2 of Duplicate Text Layer & then Hide the
all Text Layers with the help of Remove the Eye Sign which is indicating by Hand sign & after that select Frame-2 &
Unhide Duplicate Text Layer2 & select this Layer]’
[10]-Now press ‘Backspace’ until your image should look like as shown below
[11]-Now [PHOTOSHOP TECHNIQUE-select Frame-1, Make the Duplicate Layer3 of Subsequent Text Layer & then Hide the
all Text Layers with the help of Remove the Eye Sign which is indicating by Hand sign & after that select Frame-3 &
Unhide Duplicate Text Layer3 & select this Layer]
[12]-Now press’Backspace’ Until your image should look like as shown below
[13]-[PHOTOSHOP TECHNIQUE-select Frame-1, Make the Duplicate Layer4 of the Subsequent Text Layer & then Hide the
all Text Layers & after that select Frame-4 & Unhide Duplicate Text Layer4 & select this Layer]
[14]-Now press ‘Backspace’until your image should look like as shown below
[15]-[PHOTOSHOP TECHNIQUE-select Frame-1, Make the Duplicate Layer5 of the Subsequent Text Layer & then Hide the
all Text Layers & after that select Frame-5 & Unhide Duplicate Text Layer5 & select this Layer]
Now press ‘Backspace’ until your image should look like as shown below
[16]-[PHOTOSHOP TECHNIQUE-select Frame-1, Make the Duplicate Layer6 of the Subsequent Text Layer & then Hide the
all Text Layers & after that select Frame-6 & Unhide Duplicate Text Layer6 & select this Layer]
Then press ‘Backspace’ until your image should look like as shown below
[17]-[PHOTOSHOP TECHNIQUE-select Frame-1, Make the Duplicate Layer7 of the Subsequent Text Layer & then Hide the
all Text Layers & after that select Frame-7 & Unhide Duplicate Text Layer7 & select this Layer] your Layer Pallete
should look like as shown below
[18]-Now press “Backspace” until your image should look like as shown below
[19]-[PHOTOSHOP TECHNIQUE-select Frame-1, Make the Duplicate Layer8 of the Subsequent Text Layer & then Hide the
all Text Layers & after that select Frame-8 & Unhide Duplicate Text Layer8 & select this Layer]
[20]-Now press ‘Backspace’ until your image should look like as shown below
[21]-Now select Frame-9 & Hide the All Layers & your layer pallete should look like as shown below
[22]-Now your image should look like as shown below
[23]-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
[24]-Now go to File>Save for Web & Device & save your image as GIF file
[26]-Thanks for read this Photoshop Tutorial.I hope you have enjoyed & the Final Output of this Tutorial is shown below
creating logos with photoshop
creating water in photoshop
creating watermarks in photoshop