create your own

Cool Animated Banner Photoshop Tutorial

70
rate or flag this page

By finetutor

Step 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.


Print   —   Rate it:  up  down  flag this hub

Comments

RSS for comments on this Hub

No comments yet.

Submit a Comment

Members and Guests

Sign in or sign up and post using a hubpages account.


optional


  • No HTML is allowed in comments, but URLs will be hyperlinked
  • Comments are not for promoting your hubs or other sites

working