Photoshop nos permite crear animaciones en imgenes, vdeo y flash. Nos vamos a centrar en las animaciones gif.

Si lo piensas, una animacin es una secuencia de imgenes estticas, en la que cada una se muestra un tiempo concreto. Si los cambios entre imgenes son suaves, dar una sensacin de fluidez y movimiento. En Photoshop jugaremos principalmente con la posicin, visibilidad y efectos de los elementos. Por ejemplo, podramos crear el siguiente banner: Los pasos a seguir son los siguientes: Comenzamos creando todos los elementos que formarn nuestra animacin. Tenemos que tener en cuenta que podemos animar cada capa por separado. Por tanto, cada elemento con animacin independiente ha de estar en una capa distinta. Una vez tengamos los elementos accedemos a la barra de animacin, en el men Ventanas Lnea de tiempo: Al hacerlo, en la parte inferior de la ventana de Photoshop se abrir la barra de animacin: De momento veremos esta barra, llamada Animacin (cuadros). Existe otra forma de animar con lnea de tiempo (podemos conmutarlas con el botn de la esquina inferior derecha), pero slo est disponible para la versin Extended del programa. Para crear las animaciones, vamos creando cuadros. En cada cuadro variamos la opacidad, los efectos o la ubicacin de los elementos. En este primer marco, colocamos los elementos como queremos que se vean al principio. Por ejemplo, si queremos que un elemento no sea visible ahora, pero los sea ms adelante, reducimos su opacidad al 0%. O si queremos que se mueva de la posicin A a la posicin B, en este primer marco lo colocamos en la posicin A. En la imagen anterior, tenemos solo un elemento. Cuando lo tengamos, creamos otro fotograma. Para ello, usamos el botn Duplicar los cuadros seleccionados. El cuadro ser idntico al anterior. Con el nuevo cuadro seleccionado, realizamos lo cambios que queramos en la imagen. Por ejemplo, queremos hacer desaparecer un elemento de la imagen. As que vamos al panel Capas, y reducimos su opacidad a 0%.

En este momento tendramos dos cuadros. En uno los elementos estn de una forma, y en otros de otra. Para crear una transicin ms suave, necesitamos fotogramas intermedios. Por ejemplo, para hacer desaparecer un elemento, podemos intercalar cuatro cuadros ms, y que en cada uno se reduzca la opacidad un 20%. Esto no tenemos que hacerlo a mano, Photoshop lo har automticamente.

Para hacerlo seleccionamos los dos cuadros entre los que queramos intercalar una animacin, y pulsamos el icono Intercalar cuadros de animacin. En Cuadros para aadir, indicamos el nmero de cuadros intermedios que se generarn. Cuantos ms cuadros, ms suave ser la animacin, pero de mayor tamao ser el giffinal. En Capas, marcamos si queremos que se muestren Todas las capas, o solo las seleccionadas.

Y por ltimo, marcamos los Parmetros que cambiarn, entre Posicin, Opacidad y Efectos.

En nuestro ejemplo, queremos cambiar solo la opacidad de la capa, y aadimos 5 cuadros. Adems, para que la animacin sea fluida, el tiempo de los cuadros ha de ser breve. Debajo de cada uno se muestra el tiempo que el cuadro ser visible. Si hacemos clic sobre el tiempo, podremos cambiarlo. Observa que en la parte inferior, encontramos tambin controles de reproduccin que nos permitirn ver la animacin. En la esquina inferior izquierda encontramos el control de bucle. Podemos hacer que toda la animacin se repita una vez, un nmero determinado de veces, o de forma infinita. Ten en cuenta que si lo haces infinito, del ltimo cuadro volver al primero. Si no quieres que el cambio sea brusco, hay que aadir ms cuadros para que el ltimo cuadro sea igual al primero.

Una vez que lo hayamos creado, es hora de guardarlo. Para ello vamos al men Archivo y elegimos Guardar para web y dispositivos. En el dilogo Guardar para web y dispositivos nos aseguramos de elegir el formato GIF, ya que es el nico que nos permite guardar animaciones.