Animated Banner for Florist Site

Start by creating a file of banner size.

Insert an image of flowers.

Create a rounded rectangle using rounded rectangle shape tool. Reduce the opacity to 80%.

Insert a cutout of a flower.

Insert another cutout and place on the left side of the banner.

Type company name over the rounded rectangle.

Type other text details in separate layers.

Click add vector mask from the bottom of the layer palette

Create a rectangular selection using rectangular marquee tool. Press Ctrl+Alt+D to feather the selection. Click the mask thumbnail. Fill the selection with black color. Repeat this steps for the other two text detail layers.

Insert some small flowers.

Open animation window. For the first frame hide the three text detail layers.

Duplicate frame. Move the small flowers to the right. Move the mask of the first text layer to the right so that it's completely visible.

Click tween button form the animation palette. Apply settings as shown.

Duplicate the last frame and hide the small flower layers for this screen.

Repeat the above steps for rest of the text detail layers.

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