Línea de tiempo, fotogramas clave y velocidad de fotogramas en Adobe Flash CS3
video2brain
En este tutorial vamos a tratar el tema de la animación. Incluye explicaciones sobre la línea de tiempo, fotogramas clave y velocidad de fotogramas y sobre cómo crear movimientos mediante interpolación de fotogramas.
Requisitos
Para llevar a cabo este tutorial necesita tener instalado:
- Adobe Flash CS3
Puede ver un video de este tutorial en el Taller de vÌdeo para Adobe Creative Suite 3.
Línea de tiempo, fotogramas clave y velocidad de movimiento
- Vaya a Archivo > Abrir para abrir el documento mudbubble.fla. Antes de efectuar ningún cambio, observe atentamente la línea de tiempo (figura 1).
Figura 1: La línea de tiempo contiene botones para controlar las capas y las imágenes.
La línea de tiempo permite almacenar hasta 16000 imágenes y capas, suficiente para una animación.
- Para crear una capa nueva, vaya al icono Crear capa, en la esquina inferior izquierda de la línea de tiempo.
- Si no puede leer el nombre completo de la capa, ensanche la lista, tirando del botón de arrastre que se encuentra a la derecha del icono Papelera.
- Pulse el icono Carpetas. Arrastre la capa 5 justo bajo la carpeta para añadirla a ella. Las carpetas resultan útiles para mantener un orden.
- Las carpetas de capas se pueden abrir o cerrar pulsando la flecha que se encuentra a la izquierda del nombre.
- Para borrar una capa, selecciónela y pulse el icono papelera o arrástrela hasta la papelera.
- Con el menú de paneles puede configurar la línea de tiempo.
Pulse en la esquina superior derecha de la línea de tiempo para mostrar el menú y seleccione las siguientes propiedades:
- En Colocación se decide dónde se coloca la línea de tiempo en relación al escenario.
- Con las opciones de Diminuto a Grande se puede determinar el tamaño de los fotogramas en la línea de tiempo.
- Con Corto se puede reducir la altura de la línea de tiempo.
- Para hacer la línea de tiempo más grande, desplace el borde entre la línea de tiempo y la barra de herramientas.
- Observe las herramientas de la línea de tiempo que se encuentran bajo la misma: Papel cebolla, Contorno de papel cebolla y Editar varios fotogramas.
- Haga doble clic en los personajes del escenario para establecer el modo de edición.
- Desplace el cabezal de la línea de tiempo para ver la animación.
- Fíjese en las capas que componen esta imagen (figura 2).
- Pulse el candado que se encuentra sobre las capas de línea de tiempo para bloquearlas o desbloquearlas.
- Pulse la opción Papel cebolla para ver varios fotogramas a la vez: puede decidir cuántos en la zona del cabezal de línea de tiempo.
- Desplace los corchetes para seleccionar todas las imágenes (1-15) (figura 3). Todos los fotogramas son visibles al mismo tiempo, lo cual resulta de gran ayuda para animadores que trabajan en cada fotograma, aunque en ocasiones la imagen puede resultar demasiado cargada.
- Seleccione Contornos de papel cebolla. La imagen es similar a Papel cebolla, aunque los fotogramas no seleccionados aparecen como contornos (figura 4).
- Pulse Editar varios fotogramas. Esta opción resulta interesante cuando se está trabajando en una imagen que aparece en varios fotogramas clave. Como en Papel cebolla, se puede determinar en la línea de tiempo en qué fotogramas se quiere trabajar.
- Seleccione la primera capa y vaya a Editar > Seleccionar todo, para seleccionar todas las imágenes.
- Desplace las imágenes a la derecha del escenario. Como está seleccionado Editar varios fotogramas, toda la animación se desplaza.
- Vuelva a pulsar Editar varios fotogramas y Contornos papel cebolla, para quitar la selección. Desplace el cabezal para ver los cambios efectuados.
- Pulse Ctrl+Z (Windows) o Comando+Z (Mac OS), para retroceder un paso.
- Pulse Escena 1 en el entorno de edición para regresar al escenario principal.
- Pulse en el escenario para editar las opciones de escenario en el panel Propiedades.
- Escriba 30 en Velocidad de fotogramas.
- Seleccione el color violeta en la opción Fondo.
- Determine el tamaño del escenario pulsando en Tamaño.
- En la ventana Propiedades de documento introduzca los nuevos valores (800x600). Pulse Aceptar (figura 5).
- Reduzca el espacio de trabajo al 50% en el menú Espacio de trabajo del entorno de edición.
- Coloque la imagen en la parte izquerda del escenario para hacerla desplazarse a la derecha y crear una animación.
- Vaya al fotograma 50 y pulse F6 para incluir un fotograma clave nuevo.
- Arrastre la imagen hasta el lado derecho del escenario.
- Ahora realice una interpolación de movimiento entre ambas posiciones.
- Seleccione un fotograma entre los dos fotogramas clave.
- En el panel Propiedades, seleccione Animar: Movimiento. Desplace el cabezal para que la imagen se desplace de un lugar a otro.
- No hay animación aún, hasta que el clip se convierta en película.
- Seleccione Comandos > Probar película para ver el resultado final.
Figura 2: La imagen está formada por varias capas, como puede apreciarse en la línea de tiempo.
Figura 3: Papel cebolla muestra todos los fotogramas a la vez, dejando los no seleccionados transparentes.
Figura 4: Contornos de papel cebolla muestra los fotogramas no seleccionados como contornos.
Figura 5: Puede cambiar el título, la descripción o el tamaño en la ventana Propiedades de documento.
Para saber más:
Más información y tutoriales en Adobe Design Center.