website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop ImageReady Animation Flash Effect Animated Sports Banner
rss

Flash Effect Animated Sports Banner

Author: Mr. Smarty More by this author


Start by selecting a few images to include in your banner.

image 1

image 2

image 3

Drag all the image to one psd file. Select the first image layer. Duplicate the layer. From filter menu select render>>lens flare. Apply settings as shown.

image 4

image 5

Similarly apply the same effect to the other images.

image 6

image 7

Create a rounded rectangle using rounded rectangle shape tool.

image 8

Create another rounded rectangle vertically using rounded rectangle shape tool. Fill it with a different color.

image 9

Duplicate it several times and place as shown in the image below.

image 10

Create a spiral shape using custom shape tool. Reduce the opacity to 30%.

image 11

Create a border selection using rectangular marquee tool. Press Ctrl+Shift+I to inverse the selection. Create a new layer and fill it with white color.

image 12

Type "Sportsclub.com" with a nice font.

image 13

Duplicate the layer. Form filter menu select blur>>motion blur. Apply settings as shown.

image 14

image 15

Duplicate the layer and press Ctrl+F to apply the effect again.

image 16

Open animation window. For the first frame keep the initial image layer visible and hide rest of the layers.

image 17

Duplicate frame. Unhide the layer shown below.

image 18

Duplicate frame. Hide all layers so that only background white is visible.

image 19

Similarly duplicate frames and keep hiding and unhiding images as done in previous steps.

image 20

image 21

For the 10th frame keep the more blurred text visible along with spiral and yellow rectangle layer.

image 22

For the 11th frame keep the lesser blurred text visible along with spiral and yellow rectangle layer.

image 23

For the 12th frame keep the solid text visible along with spiral, rectangle pattern and yellow rectangle layer.

image 24

Increase the delay durations in frames where images are fully visible. Press Ctrl+Alt+Shift+S to save an optimized animated GIF.

Flash Effect Animated Sports Banner Tutorial: Final Result



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Flash Effect Animated Sports Banner"