Lo primero será abrir el Photoshop y crear una nueva imagen con los siguientes ajustes:

El nombre podéis dejarlo como Sin título-X, ya que al guardar le pondremos el que queramos. Las medidas dependerán de lo que vayamos a hacer, ya que no será lo mismo una firma, un avatar o un emote del Messenger. En este caso, como será una cosa pequeñita lo dejaremos en 55*55.
Vamos a usar este spritesheet (Naruto)

Para pasar el spritesheet al Photoshop pulsamos el botón derecho y Copiar imagen. Vamos al Photoshop y abrimos un nuevo documento, pero esta vez nos aseguramos que en Predefinir elijamos la opción Portapapeles.


En este momento tendremos dos ventanas: el spritesheet de Naruto y la hoja en blanco.
Con un poco de sentido común comprenderemos que no podemos usar tal cual el spritesheet, con lo que tendremos que eliminar el fondo verde. Para ello seguiremos el Tutorial creado por Hagane y que podemos encontrar aquí [Tutorial] Eliminación de Fondo by Hagane.

Vale, en este momento tendremos limpio el spritesheet y listo para usarse, con lo que será ahora cuando comenzaremos el verdadero proceso de animación. Como estamos comenzando, vale la pena hacer algo muy basico y hacerlo bien que comenzar a hacer una pelea épica entre Goku y Vegeta con explosiones y rayos a mansalva, así que comenzaremos haciendo la animación stand de Naruto, que corresponde a los 4 primeros sprites. Lo que haremos ahora sera, uno por uno, seleccionar los sprites y pasarlos a la otra ventana, la que aun está en blanco. De momento no importa como los pongamos, ya que iremos paso a paso, aunque es recomendable que los pongamos de izquierda a derecha siguiendo el orden, ya que nos ayudará a la hora de poner las capas. De momento deberiamos tener una cosa parecida a esta:


Ahora nos centraremos en uno de los mayores problemas a la hora de crear los gifs: la alineación. Este es, y muchos coincidirán conmigo, uno de los mayores fallos de los que empiezan en este arte. Dado que se trata de una animacion bastante simple no nos dará muchos problemas. La mejor forma de hacerlo, sobretodo cuando el personaje está quieto, es fijarse en los pies. Aplicando esto procederemos a coger todas las capas y alinearlas fijándonos en los pies:


Vale, todo listo. Ahora que ya tenemos todo lo necesario haremos que la cosa se mueva. Abrimos la ventana de animación. Para ello iremos al menú Ventana y activaremos Animación. Habiendo hecho esto nos aparecerá un rectángulo en la parte inferior. Antes de comenzar nos aseguraremos que todo esté bien. Pulsamos en el botón derecho superior del cuadro y nos aseguramos de que esté así:


Teniendo en cuenta esto, ocultaremos todas las capas excepto la 1ª. Ahora volveremos a pulsar en el botón derecho superior del cuadro de animación y le daremos a Nuevo cuadro. Teniendo seleccionado este, el 2º, ocultaremos la 1ª capa y desocultaremos la 2ª. Repetiremos el proceso hasta que tengamos cuatro cuadros con sus respectivas capas desocultadas (la 1ª en el cuadro 1º, la 2ª en el 2º, la 3ª en el 3º y la 4ª en el 4º).


Debajo de cada cuadro hay un numero. Este numero es la duración que tendrá el frame dentro de la animación. En esta animación los pondremos a 0.1seg, ya que es un tiempo que le va bien a la animación.
Para guardar la imagen debemos ir a Archivo, Guardar para Web y dispositivos... y daremos los siguientes valores:


Finalmente solo queda pulsar en Guardar y ponerlo donde queramos.
De esta sencilla forma tendremos una animación sin fallos, fácil de hacer y que, poniendole un nick podemos usar, por ejemplo, de avatar:


Siguiendo este mismo tutorial, usando un documento 75*55, los sprites de ataque y un poco más de trabajo podemos conseguir un gif como este, que ya se va acercando a lo que queremos hacer en un futuro cercano: