Her

Home Photoshop Tutorials ImageReady Animation Cool Advertising Animated Avatar

Cool Advertising Animated Avatar

Author: PSEffect Author's URL: www.pseffect.com More by this author

Step 1:

Open a 80x80 new document.

Step 2:

Set foreground color - #58a900

Set background color - #4ecd00

Step 3:

Use the gradient tool

image 1

image 2

Step 4:

Add 1px stroke inside [#3b7200] to the layer.

Step 5:

Add 3 lines text to this avatar. Add another 3 lines in separated text layer in the same place as the first text layer.

So, we currently have 2 frames of text.

image 3

Step 6:

Duplicate the first text layer and select the bottom text layer.

Go to : filter-blur-motion blur and press OK. then set it to 0 angle and distance 50 pixels.

image 4

Step 7:

Go to image ready image 5

Step 8:

Hide the text of frame 2 and the motion blur layer.

image 6

Now, duplicate the current frame:

image 7

Unhide the motion blur layer and hide the rest except of "layer 1".

Then, duplicate the current frame again and unhide "text-frame2" and hide the rest except of the "layer 1".

Duplicate the current frame again and unhide the motion blur layer and hide the rest except of "layer 1".

Step 9:

Make a delay of 2 sec. for the first frame and the third frame. frame 2 and 4 should be with 0 sec. delay.

image 8

Here's my result:

Cool Advertising Animated Avatar