Shopping Site Animated Banner

Start by creating a file of banner size. Create some twirl shapes using custom shape tool.

Create a rectangle using rectangular shape tool. Reduce the opacity to 50%.

Duplicate the rectangle layer. Increase the opacity to 100%. From layer menu select rasterize>> shape.

Click add vector mask button from the bottom of the layer palette.

Ctrl+Click the layer thumbnail to get the selection.Set the foreground color to black. Now select the mask thumbnail and fill the black color. This will create a mask for the below rectangle layer. Unlink the mask and content thumbnail in layer window. Hide the layer.

Type your text details over the rectangle layer. Move this layer below the mask rectangle layer in layer order in layer palette.

Add some star shapes suing custom shape tool.

Similarly add other details with their rectangle and mask.

Open animation window. For the first frame let the mask cover all of the text lying below.

Duplicate frame. Select the mask thumbnail, move the mask so as to reveal all of text below.

Click tween button from animation window. Apply settings as shown.

Similarly after 22nd frame let the mask of site name layer reveal the text below.

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