Cool Animated Banner Photoshop Tutorial
70Step 1
Open a file with the Size 468 x 60 pixels. set you foreground to #d00059 and background to #89001d and create a linear gradient.
Step 2
Now write whatever you want in my case i wrote LayoutPrince.com.
Step 3
Select a Rounded rectangle tool and draw the shape in any color and apply layer styles as follows.
Gradient Overlay
Stroke
The gradient colors which we used here are same we used before to create the background.
Step 4
Now write your text. Here I am using three text layers. After writing the text get the duplicate of each text layer and rasterized them.
Step 5
Select the first rasterized layer _____ go to filter _____ Blur _____ Motion blur and apply as follows.
Repeat the same with other rasterized layer as well. Now we have three text layer and three rasterized blured layers.
step 6
Now we will go for Animation. Open Animation window. We have 6 text layers so we will create 6 Frames by clicking on "Duplicates selected frames" icon.
Frame 1:
First Text Layer will be visible
Delay 2.0 sec.
Frame 2:
Duplicate of FirstĀ Text Layer will
be visible
Delay 0.1 sec.
Frame 3:
Second Text Layer will be visible
Delay 2.0 sec.
Frame 4:
Duplicate of SecondĀ Text Layer will be visible
Delay 0.1 sec.
Frame 5:
Third Text Layer will be visible
Delay 2.0 sec.
Frame 6:
Duplicate of third Text Layer will be visible
Delay 0.1 sec.
In order to view the final result click on a link below
PrintShare it! — Rate it: up down flag this hub









