Tutorial: |Easy + Noob Friendly Avatar Animation tutorial|.:Complete:.

[AsadAbrar]

Today I will tell you all how to make an easy two frames animation.
Requirements:
1.Photoshop CS4, I used Photoshop CS5, i don't know if this feature is in earlier versions or in any photo editor. You can also use Image ready but you will have to Google for the tutorial!
2.Some good pictures...

This tutorial is for avatar animation, you can use this to make any type of animation for eg animated signature.

Ok so get some pictures.For animated avatars i recommend 2-5 pictures and for animated signatures 2-3 pictures are great!I will use 4 pictures for my animated avatar of Pakistani players.

Step 1: Make a new psd file of 100*100.

Step 2: Place all your images and resize them.

Step 3: Now open the Window tab and then press Animation! Reference picture:

Step 4: Now when the animation tab opens, left click this icon

and click the "Convert to Frame animation" option. Reference picture:

Step 5: Now press this button

. Reference picture:

Step 6: Now write click on the second frame and there will be three options:

1. Automatic (which will be ticked
2. Do not Dispose
3. Dispose

Click Do not Dispose or Dispose.

Step 7: Change the time it will stay for e.g 1 sec or 5 sec. I recommend 1 sec. stay is good. Reference picture:

Step 8: Now click on the second frame and hide the first layer. Do this for all frames, Click next frame and hide previous layers. After doing this method, all your layers will have different pictures!

Step 9: Now click this icon

to play and check that no picture is repeated and the time is right.

Step 11: Go to the File tab and Press Save for Web and devices... and save with these options,reference picture:

<----Tutorial complete---->

Here is the avatar i made during the tutorial:

 

[Meet]

Mate keep patience,when the tutorial will be fully ready they will know how is your tutorial and everyone will surely comment.

 

[AsadAbrar]

^The tutorial is ready, but i will write it as soon more people comment!:banana2

Coolboy12 added 5 Minutes and 32 Seconds later...

Writing Part 2 now!!!!!

 

[Bhargav]

mate...if you finish the tutorial....then you will definetely give comments for sure...

 

[AsadAbrar]

^ Read my previous post!

 

[AsadAbrar]

Part 2:​

Step 5: Now press this button

. Reference picture:

Step 6: Now write click on the second frame and there will be three options:

1. Automatic (which will be ticked
2. Do not Dispose
3. Dispose

Click Do not Dispose or Dispose.

Step 7: Change the time it will stay for e.g 1 sec or 5 sec. I recommend 1 sec. stay is good. Reference picture:

Step 8: Now click on the second frame and hide the first layer. Do this for all frames, Click next frame and hide previous layers. After doing this method, all your layers will have different pictures!

Step 9: Now click this icon

to play and check that no picture is repeated and the time is right.

Step 11: Go to the File tab and Press Save for Web and devices... and save with these options,reference picture:

<----Tutorial complete---->

Here is the avatar i made during the tutorial:

 

[Meet]

Will post a outcome.

 

[AsadAbrar]

^Thanks for trying this tut and waiting for your outcome!

 

[Bhargav]

thanks very much for the tutorial mate....your tut really rocks...:hpraise
here is my outcome......

 

[AsadAbrar]

People please try this tutorial and post your outcome!

 

[Gorro_124]

Great one man!! I will try too!!

 

[kandy422]

Good work...
An useful tut for the newbies...

 

[thegreatkhan]

Good Mate. But I don't think this function is avalible in Photoshop Elements 6..

 

[AsadAbrar]

^Just download Photoshop Portable CS5!

 

[Dipak]

My outcome