Animated Promotional Site Banner

Start by creating a new file of banner size. Create a circle using elliptical shape tool at the left of the banner.

Create another circle above the first circle. Place it as shown. Fill it with white color.

Create a star shape using custom shape tool. Place as shown.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Duplicate the layer 3 times and place as shown.

Create an arrow shape using custom shape tool and place as shown.

Duplicate the layer and move towards right by a few pixels. Change the color. Move this layer below the first arrow layer in layer order in layer palette.

Similarly create one more duplicate and fill with a lighter shade.

Select all the arrow layers. Duplicate them and place as shown.

Repeat the above step.

Insert company name and type other details. Create a coupon shape using rounded rectangle tool. Insert text over the coupon. Merge this coupon. layer with last arrow set.

Open animation window. For the first frame move all the arrow and text layers towards the left so that it hides behind the circle below the company name.

Duplicate frame. Move first set of arrow layer and corresponding text towards right, so that most of it is visible.

Click tween button from the bottom of animation window. Apply settings as shown.

Select 2nd, 3rd, 4th, 5th, and 6th frame. Unhide the second star layer.

Select 3rd, 4th and 5th frame. Unhide the third star layer.

Select 4th frame and unhide the last star layer.

Repeat the same steps mentioned above for the next set of arrow and text layers. Also repeat the steps for star layers.

Press Ctrl+Alt+Shift+S to save an optimized animated GIF.