Animándonos un poco (chiste malo)
Thursday, 28 April 2011 00:42Me he enterado un poco de cómo se hacen las animaciones, no es que esté muy puesta pero os lo cuento en plan garrafón. Esto bien usado debe de ser todo un arte, pero el mecanismo básico no tiene mucho misterio.
Ahí va:
He hecho esta pruebecilla con sólo dos imágenes para comprobar que os cuento los pasos correctos:

Nota: la manera que tiene esto de funcionar es la siguiente:
Ahí va:
- Creo que no se pueden hacer con el mismo Photoshop, yo las hago con el ImageReady que viene con el Photoshop.
- Buscad imágenes que puedan quedar bien en plan fotogramas consecutivos. Que la camara no se mueva, que no sean muy distintas unas de otras... Empezad con dos o tres para pillarle el truco. Que sean jpg o png o similar, no hace falta que sean gif.
- Cread una imagen nueva vacía con el menú Archivo/Nuevo. Poned el tamaño adecuado según el de las imágenes que vais a usar como fotogramas, o un poco más pequeño.
- Una a una copiad las imágenes en capas de la imagen nueva, que se irán creando en orden de abajo a arriba: la capa de abajo del todo será el primer fotograma (suele llamarse "Capa 1" si no le ponéis explícitamente un nombre distinto), la siguiente será el segundo (la "Capa 2"), y así sucesivamente.
- Si no está ya abierta, abrid la ventanita "Animación" con el menú Ventana / Animación.
- Aseguraos de que no salga ninguna imagen en la ventana de Animación. Si sale, eliminadla (seleccionad la imagen con el ratón, pinchad el botón de cubo de la basura que aparece abajo a la derecha). Esta ventana de animación tiene que quedar vacía antes del siguiente paso.
- En la ventana de animación, un poco camuflado, hay un botoncito arriba a la derecha, con una especie de flecha hacia la derecha. Pinchadlo, seleccionad la opción "Crear cuadros a partir de capas".
- Con esto se han creado los fotogramas de la animación, uno en cada cuadro. Podéis añadir alguno nuevo, borrarlos, etc.
- Ponedle a cada imagen el tiempo que tiene que mostrarse antes de pasar al siguiente fotograma: con la pequeña lista desplegable que aparece debajo de cada cuadro seleccionad el valor adecuado. Si no está en la lista indicad "Otro" y metedlo a mano.
- Guardad el fichero como psd.
- Finalmente, guardadlo como GIF que es el formato adecuado para las animaciones: Menú Archivo / Opción "Guardar optimizada como...". Si no sale directamente el formato GIF seleccionadlo en el desplegable "Tipo".
- Apunte de
nycox (gracias maja): Si no sale el tipo GIF en el desplegable (sólo sale jpg o html, o similar), ir al menú Ventana / Optimizar y seleccionar como valor GIF. Después de esto ya dejará guardar la imagen optimizada como GIF.
- Apunte de
He hecho esta pruebecilla con sólo dos imágenes para comprobar que os cuento los pasos correctos:

Nota: la manera que tiene esto de funcionar es la siguiente:
- Al crear automáticamente los cuadros a partir de las capas existentes, en cada cuadro se pone visible la capa indicada y no visibles todas las demás. Si editáis cuadros a mano debéis tener esto en cuenta.
- Aseguraos de que al crear un cuadro esté visible sólo la capa que queréis que se muestre (puede ser más de una capa según la escena, si tenéis transparencias o capas de ajuste o similar).
- Si al reproducir la animación veis que no se mueve la imagen o que algún cuadro no se muestra correctamente revisad lo primero la visibilidad de las capas: seleccionad el cuadro en la ventana Animación y mirad en la ventana Capas qué capa tiene puesto el icono del ojo.