Empezaremos desde 0  con la cesta de frutas, es la manera mas sencilla de enseñar lo mas básico de una animación.
Copiarla a vuestro pc de la siguiente forma... nos situamos encima de la fruta y boton derecho "guardar como" y la guardamos con el mismo nombre que tiene o el que queramos.

RECORTAR Y SEPARAR TODAS LAS FRUTAS

Ahora recortaremos todas las frutas, pensad que estando todas en la misma capa no podriamos trabajar ni cambiarlas de posición si no las separamos.
Con la herramienta de selección trazamos un cuadrado alrededor de la fruta.
En el menu de arriba seleccionamos "edición", del desplegable "cortar".
Ahora seleccionamos "archivo" y del desplegable "archivo nuevo" aceptamos.
Nos vamos a "edición" y del desplegable "pegar".
Una vez hecho esto le quitaremos el fondo blanco.
Seleccionamos con la varita la zona blanca.
Y otra vez nos vamos al menu .."edición" y "cortar", ahora ya la vemos con el fondo transparente (estos cuadritos grises y blancos nunca se ven, solo nos indican que hay una transparencia).

Para eliminar también se podriamos seleccionar la tecla "Supr" la diferencia de una u otra manera es la de que permanezca seleccionada la zona que hemos cortado.

Una vez tenemos todas las frutas recortadas, pasaremos a la cesta y haced lo siguiente, se trata de recortar la parte exterior de la cesta y trabajar con el interior como aquí muestro.

Esta captura consiste en trasladar todas las frutas a un cesto.
Es muy importante asumir la importancia del ojito en el historial de las capas.
Con este ojito activándolo o desactivándolo podemos hacer que la capa se vea o no se vea en nuestra animación, también si modificamos el orden de las capas en el historial, nos daremos cuenta de que en el cesto cambian de posición.

Colocaremos la parte de la cesta que guardamos, sin tocar nada, fijaros en la ventana 1, 2, y 3, veis como la cesta esta desplazada? pues ahora la vais a fijar con el icono (igual que hicisteis con las frutas.
Cuando lo hayais hecho, vereis como la cesta esta en la misma posición que la 4.

Vamos a darle un tiempo de desplazamiento, esta animación le pondremos un segundo por ventana (o frame).

Si queremos guardar un trabajo por capas (para poner modificarlo en cualquier momento, lo guardaremos en psd, seleccionamos "guardar como" y aceptamos.
Para guardar un jpg, png o una animación,  tenemos que seleccionar "guardar para web y dispositivos.

​Seleccionamos el formato, la calidad y aceptamos.

A mas calidad o mas frames, tendremos mas peso (kb).

Cada vez que añadimos una capa, si queremos que en cada frame aparezca en el mismo lugar, debemos "fijarla" seleccionando en unificar (en la imagen podeis verlo) unificar posición de capa.
Y ahora cuando reproduzcais la animación, ya os saldrá cada fruta en el mismo lugar que la habeis dejado cuando la fijasteis.
​​El segundo gif ya está con el orden de las capas cambiado.

Contador web