Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation Cool Advertising Animated Avatar

Cool Advertising Animated Avatar


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



Author's URL: PSEffect
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process. More ImageReady Animation Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Cool Advertising Animated Avatar"

Captcha