Interpolaciones Adobe Flash CS4

Área de Educación Tecnológica
Producción Digital I
2° año
Interpolaciones
Adobe Flash CS4
Año 2013
Área Educación Tecnológica
ALUMNOS: …………………………….
Interpolaciones
En ésta unidad trabajaremos con una de las funciones más ventajosas de la
animación por computadora: la interpolación. Por definición, se la denomina
como la obtención de nuevos valores a partir de un conjunto discreto de
puntos.
Es entonces que para animar no es necesario dibujar todos los “pasos” de un
movimiento, sino que solo harán falta los instantes claves de éste. Por
ejemplo, si animásemos el vuelo de un avión a través del cielo, solo sería
necesario dibujarlo en dos lugares distintos, en distintos fotogramas: uno al
comienzo, y otro al final de su recorrido. La computadora se encargará, por
medio de la interpolación, de dibujar (o procesar) los fotogramas intermedios.
En ésta unidad te presentamos dos actividades para llevar a cabo la
interpolación: de movimiento, y de forma.
A modo de ejemplo se utilizan objetos geométricos simples, para no
demorarnos en el diseño de otros más complejos. Los trabajos prácticos de
realización propia no deben consistir únicamente en estos objetos, sino
contar con otros más complejos.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 2/14
Área Educación Tecnológica
ALUMNOS: …………………………….
Actividad 1: Interpolación de movimiento
1. Abrir un documento nuevo de flash (AS 2.0)
2. Configurar la animación
Colocar la velocidad de fotogramas en 30. También es posible cambiar el
color de fondo a gusto. Todo esto se lleva a cabo desde la pestaña de
propiedades, haciendo previamente click con el botón izquierdo sobre el
escenario de la animación.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 3/14
Área Educación Tecnológica
ALUMNOS: …………………………….
3. Dibujar el objeto a animar.
En éste caso, a modo de ejemplo, usaremos un círculo de un solo color sin
contorno. Para realizarlo, utilizaremos la herramienta óvalo .
También, renombramos “Capa 1” para una mejor organización. Haciendo
click con el botón derecho del Mouse sobre el texto “Capa 1”, y
seleccionando la opción “Cambiar nombre”, podremos renombrar dicha capa.
Por último agruparemos el contorno con el contenido. Agrupamos, desde la
pestaña “Modificar”, el comando “Agrupar”. O bien, usamos el atajo: “Ctrl +
G”.
Importante: una vez que el objeto se encuentra agrupado, aparece un
recuadro celeste alrededor de éste. Solo entonces estaremos en condiciones
de realizar la interpolación clásica.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 4/14
Área Educación Tecnológica
ALUMNOS: …………………………….
4. Crearemos otro fotograma clave, posterior al ya existente.
Para crear un fotograma clave debemos situarnos sobre el fotograma en la
línea de tiempo donde deseemos crearlo. Luego clickear con el botón
derecho y elegir “Crear Fotograma Clave”, o bien pulsar “F6”.
En éste, desplazaremos el círculo hacia otro punto del escenario, que es
donde el movimiento terminará.
El nuevo fotograma debe encontrarse después del primero. La distancia
entre fotogramas no es importante en éste caso, pero determinará la
velocidad de movimiento del círculo. Cuanto mayor cantidad de fotogramas
haya entre fotogramas claves, más lento será el movimiento.
Entonces, los pasos a seguir son:
 Situarnos, en la línea de tiempo, sobre un fotograma.
 Hacerlo fotograma clave (F6).
 Desplazar al objeto hasta su nueva ubicación
Producción Digital I 2 ° BTO
Interpolaciones
pag. 5/14
Área Educación Tecnológica
ALUMNOS: …………………………….
5. Crear la interpolación clásica
Haciendo click con el botón derecho en los fotogramas intermedios. Allí
aparecerá, entre otras opciones, “Crear interpolación clásica”.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 6/14
Área Educación Tecnológica
ALUMNOS: …………………………….
6. Renderizar la animación.
Pulsando “Ctrl + Enter”, se efectúa el render o procesamiento de la
animación. Éste proceso demorará más o menos tiempo dependiendo de la
complejidad de la animación.
Sea cual sea el caso, abrirá una ventana nueva, en la cual se verá el
resultado final de la animación. Solo se verá el área activa. También, a
menos que se haya indicado lo contrario, la animación estará en constante
repetición, en bucle o loopeada.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 7/14
Área Educación Tecnológica
ALUMNOS: …………………………….
Actividad 2: Interpolación de forma
1. Crear un nuevo documento de flash, con las configuraciones
apropiadas.
Recordá colocar una correcta velocidad de fotogramas, para dar la ilusión de
movimiento fluido en una animación. Lo óptimo es 30 fps. Para hacer esto,
con la herramienta de selección , haciendo click con el botón izquierdo
sobre el escenario, accederás al menú de propiedades de la animación.
También es posible cambiar el color de fondo.
2. Crear el objeto a transformar.
o rectángulo
, dibujá una forma
Con las herramientas de óvalo
geométrica. Hacelo en una capa, y preferentemente, renombrala. De ésta
manera, la animación estará más organizada.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 8/14
Área Educación Tecnológica
ALUMNOS: …………………………….
3. Crear un segundo fotograma clave
Dependiendo de la velocidad de transformación que desees, el segundo
fotograma clave estará más cerca o más lejos del primero. Recordá que
cuantos más fotogramas haya entre medio, más lento será la transformación.
Haciendo click con el botón derecho sobre algún fotograma sobre la línea de
tiempo o seleccionándolo y pulsando “F6”, se crea un fotograma clave.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 9/14
Área Educación Tecnológica
ALUMNOS: …………………………….
4. Modificar la forma del objeto
En alguno de los dos fotogramas clave, modificamos la forma del objeto o
bien lo reemplazamos por un objeto distinto (lo borramos y dibujamos uno
nuevo).
Recordá que el objeto no debe estar agrupado. Si lo estuviera, la
interpolación de forma no se podrá llevar a cabo.
5. Crear la interpolación de forma.
Al igual que la interpolación de movimiento, la interpolación de forma dibujará
los fotogramas intermedios entre los fotogramas claves, ahorrándonos pasos
de dibujo.
Haciendo click con el botón derecho en los fotogramas intermedios. Allí
aparecerá, entre otras opciones, “Crear interpolación de forma”.
.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 10/14
Área Educación Tecnológica
ALUMNOS: …………………………….
Si omitieses alguno de los pasos indicados anteriormente, no obtendrás el
resultado esperado.
Es importante tener en cuenta que al aplicar la interpolación de forma, los
objetos a interpolar no deben estar agrupados en los fotogramas clave donde
se produce la transformación. Esto se debe a que los objetos se transforman
mediante su composición en píxeles, lograda a partir de la separación del
objeto.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 11/14
Área Educación Tecnológica
ALUMNOS: …………………………….
6. Renderizar la animación.
Ya terminada la animación, pulsando “Ctrl + Enter” o desde la pestaña
Control (En el margen superior de la ventana), pulsando la opción “Probar
película”, podemos ver la animación terminada en una ventana nueva.
Es así que el trabajo se procesa, y, dependiendo de que tan complejo sea,
tardará más o menos el proceso.
7. Dar la ilusión continua.
Al ver la animación terminada, percibimos el salto de transformación, entre el
final y el principio de ésta. Para evitarlo, debemos hacer que la
transformación vaya desde el cuadrado al círculo, y luego desde el círculo al
cuadrado original. Esto se logra copiando el fotograma clave inicial a una
distancia igual, pero posterior al segundo fotograma clave.
Haciendo click con el botón derecho sobre el primer fotograma clave,
elegimos la opción “copiar fotogramas”. Luego, click con el botón derecho en
Producción Digital I 2 ° BTO
Interpolaciones
pag. 12/14
Área Educación Tecnológica
ALUMNOS: …………………………….
un fotograma posterior al segundo fotograma clave, elegimos la opción
“pegar fotogramas”.
También, aplicar la interpolación de forma entre el segundo y tercer
fotograma clave. Ésta hará que el objeto pase de ser deformado a
recomponerse en el círculo original.
Ya terminada la animación, podemos renderizarla nuevamente, para ver el
resultado final.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 13/14
Área Educación Tecnológica
ALUMNOS: …………………………….
Actividad final: Desarrollo de una animación propia
Para englobar éstos conceptos, te proponemos que desarrolles una
animación con ambas interpolaciones. Es importante que ésta no cuente
únicamente con objetos geométricos simples.
La animación debe contar mínimo con dos capas, siendo una de éstas el
fondo de la animación. Esto puede ser un lugar donde la acción sucede. La
otra capa debe contener al personaje u objeto. Podés dibujarlo con las
herramientas geométricas y el lápiz.
Producción Digital I 2 ° BTO
Interpolaciones
pag. 14/14