Inicio TuToriales diseño web tutorial 12

Ejercicio: Animación por interpolación
Objetivo: Crear animaciones de una manerra sencilla
Software y versión utilizados: Adobe Imageready
Nivel: Medio
Duración: Una hora

Archivos necesarios: Ninguno

 

Paso 1

En este tipo de animaciones no necesitamos más que una única capa.
Desde la paleta de animación añadimos un cuadro nuevo.

 

Paso

A continuación seleccionamos el primer cuadro y cambiamos la opacidad de la capa a 0%.

Nota
Este tipo de animaciones lo podremos realizar siempre que no cambie la naturaleza de los pixels de la imagen.
De esta manera podemos hacer interpolaciones de movimiento, de transparencia, de efecto de capa.
 

Paso 2

Selecionamos los dos cuadros y desde la pestaña de la paleta escogemos la opción de intercalar.
En la ventana de las opciones escogemos el número de cuadros que formarán la transición.
Una vez creados los cuadros los seleccionamos y escogemos un retardo de 0.1 s.

Truco

Cuantos mayor sea el número de cuadros entre una imagen y otra más suavemente se realizará la transición y también se extenderá durante más tiempo.
Si escogemos un valor de retardo muy amplio la secuencia perderá la apariencia de movimiento.

 

 

 

Paso 3

El resultado obtenido es el que vemos en la parte derecha... una animación con una transición de trasnparencia que se realiza suavemente.

Ernesto Navarro Durá. 2009