Tutorial para animar una Firma basica con ImageReady

Continuando con las guias de firma, hoy vamos a probar con una firma basica animada, para la cual usaremos el programa ImageReady, y una firma creada con Photoshop.

Firma Angfalaster Animada

Lo primero si tenemos la firma anterior guardada en formato photoshop .PSD, la abrimos, sino nos tocara crearla otra vez.

Firma Angfalaster

Una vez abierto elegimos, otras imágenes que queramos poner para animar, por ejemplo, una mano que se mueve, un rayo, un destello.

Yo he añadido, otra imagen del pj de mi colega y el texto inferior “El Druida”
Trasformación de DruidaTexto El Druida

Bueno hay que colocarlas donde queréis que aparezcan en la animación.

Firma Angfalaster sin animar

2º Una vez echo esto, abrimos el ImageReady que viene con el photoshop o vamos a Archivo–>Editar en ImageReady

Se abre la imagen en el programa y aparecen como en photoshop las capas y una herramienta nueva “animación”.

Panel de Animación del ImageReady

Si no se abre con la imagen vamos a Ventana–>animación y se abre abajo.

Esta es la herramienta que nos permitirá la animación de una forma simple.

Tiene 3 botones
•    Duplicar: duplica el cuadro anterior, para modificarlo y crear la interpolación
•    Borrar: borra los cuadros seleccionados
•    Intercalar: crear una secuencia entre un cuadro y otro creando la animación de tantos cuadros como elijamos

3º Bueno al tema, ocultamos las capas que no queremos que se vean al iniciar (pulsando en el ojo que sale en cada capa)

Tutorial Firma Basica

4º Ahora, pulsamos el botón “Duplicar” y en el nuevo cuadro activamos las capas que queremos que aparezcan al intercalar.

Panel Animación ImageReady 2

Seguido pulsamos en “intercalar” y ponemos un valor, yo he usado 10, pulsamos enter y salen los cuadros nuevos.

Panel Animación ImageReady 3

Nos vamos al ultimo y repetimos la operación de “duplicar” y activar las capas que queramos para la siguiente interpolación”.

Os habréis fijado en que debajo de cada cuadro aparece “0seg” quiere decir el tiempo que ese cuadro estará en pantalla, podéis aumentarlo pulsando en la flechita, eso hará que ese cuadro se detenga el tiempo que queráis.

No tiene mas, duplicar el último cuadro, activar capas e interpolar, si necesitáis aumentar los segundos y así hasta que quedéis conformes. Luego le dais a Archivo–>guardar optimizada como y elegís el nombre y ya esta, ya tenéis una firma animada simple.

Firma Angfalaster Animada