INTERPOLACIN DE FORMAS CREACIN DE

ANIMACIONES (FOTOG. _ FOTOG.)

MOVIMIENTO DE ANIMACIONES COMPLETAS

TEMA N 02 interpolacin hacia el final de la

animacin, arrastra el deslizador hacia
SESIN N 04 abajo o introduzca un valor negativo

COMPUTACIN
COMPUTACIN

entre -1 y -100.
INTERPOLACIN DE FORMAS Para empezar la interpolacin
rpidamente y ralentizar la
Al interpolar formas se crea un efecto similar interpolacin hacia el final de la
al de transformacin y una forma parece animacin, arrastra el deslizador hacia
transformarse en otra. Flash tambin puede arriba o introduce un valor positivo
interpolar la ubicacin, el tamao, el color y la entre 1 y 100.
opacidad de las formas. De forma predeterminada, la velocidad de
La interpolacin de una sola forma cada vez cambio entre los fotogramas interpolados es
suele producir los mejores resultados. Si constante. La opcin Aceleracin crea una
interpolas varias formas de una sola vez, apariencia ms natural de transformacin
todas las formas deben estar en la misma ajustando gradualmente la velocidad de
capa. Para aplicar interpolacin de formas a cambio.
grupos, instancias o imgenes de mapas de Selecciona una opcin para Mezcla:
bits, primero debes separar estos elementos.
Para aplicar interpolacin de formas a texto,
debes separar el texto dos veces para
convertirlo en objetos.
Para controlar los cambios de forma ms
complejos o improbables, usa los consejos de
forma, que controlan la manera en que las
TRIGONOMETRA

partes de la forma original se desplazan a la

COMPUTACIN
nueva forma.

Para interpolar una forma: Distributiva: crea una animacin cuyas

1. Haz clic en un nombre de capa para formas intermedias son ms suaves y ms
activarla y crea o selecciona un irregulares.
fotograma clave donde desees que Angular: crea una animacin que conserva
comience la animacin. las lneas rectas y las esquinas aparentes en
2. Crea o coloca la ilustracin del primer las formas intermedias.
fotograma de la secuencia. Para obtener
un resultado ptimo, el fotograma debe Recuerda: Slo es apropiado
contener solamente un elemento (un para mezclar formas con esquinas
objeto grfico o un grupo, un mapa de en punta y lneas rectas. Si las
bits, una instancia o un bloque de texto formas elegidas no tienen
separados). esquinas, Flash realiza la
3. Selecciona el fotograma clave en la lnea interpolacin distributiva de
de tiempo. formas.
4. Selecciona Ventana > Propiedades.
5. En el inspector de propiedades, 8. Crea un segundo fotograma clave a
selecciona Forma en el men emergente tantos fotogramas de distancia del primer
Interpolacin. fotograma clave como desee.
9. Con el segundo fotograma clave
ARITMTICA
seleccionado, selecciona la ilustracin
ARITMTICA

colocada en el primer fotograma clave y

6. Arrastra la flecha que se encuentra junto
al valor Aceleracin o introduzca un valor
para ajustar la velocidad de cambio entre
fotogramas interpolados:
Para empezar la interpolacin de
formas gradualmente y acelerar la
sigue uno de estos procedimientos:
Modifica la forma, el color, la
opacidad o la posicin de la
ilustracin.
Elimina la ilustracin del segundo
fotograma clave y coloca otra.
Utilizacin de consejos de forma
Para controlar cambios de forma ms
complejos o improbables, utiliza los consejos
de forma. Los consejos de forma identifican

1SCM9 4B 102 1SCM9 4B

 INTERPOLACIN DE FORMAS CREACIN DE
ANIMACIONES (FOTOG. _ FOTOG.)
MOVIMIENTO DE ANIMACIONES COMPLETAS

puntos que deben corresponder en las formas Mueve los consejos de forma para afinar
inicial y final. la interpolacin.
Por ejemplo, si ests interpolando el dibujo de 7. Repite el proceso para aadir ms

COMPUTACIN
COMPUTACIN

una cara mientras cambia de expresin,
puedes marcar cada ojo con un consejo de
forma. A continuacin, en lugar de que la cara
se convierta en una figura amorfa durante el
cambio, los ojos siguen siendo reconocibles y
cambian de manera independiente durante el
proceso.
Los consejos de forma tienen letras (de la a a
la z) para identificar los puntos que se
corresponden en las formas inicial y final.
Puedes utilizar hasta 26.
Los consejos de forma aparecen de color
amarillo en los fotogramas clave iniciales,
verde en los fotogramas clave finales y rojos
cuando no se encuentran en una curva.
Para obtener un resultado ptimo al interpolar
formas, siga las directrices que se indican a
continuacin:
En la interpolacin de formas complejas,
crea formas intermedias e interplalas en
lugar de definir slo la forma inicial y
TRIGONOMETRA
consejos de forma. Los nuevos consejos
aparecen con las letras siguientes (b, c,
etctera).
Puedes optar por ver todos los consejos o por
quitarlos.
Ver todos los consejos de forma:
Selecciona Ver > Mostrar consejos de
forma. Para poder seleccionar Mostrar
consejos de forma, la capa y el fotograma
clave que contienen los consejos de
forma deben estar activos.
Para quitar un consejo de forma:
Arrstralo fuera del escenario.
Para quitar todos los consejos de forma:
Selecciona Modificar > Forma > Quitar

todos los consejos.

final.

COMPUTACIN
Comprueba que los consejos de forma
son lgicos. Por ejemplo, si ests
utilizando tres consejos de forma para un
tringulo, deben estar en el mismo orden
en el tringulo original y en el tringulo
que se va a interpolar. El orden no puede
ser abc en el primer fotograma clave y
acb en el segundo.
Es preferible colocar los consejos de
forma en sentido contrario a las agujas
del reloj a partir de la esquina superior
izquierda de la forma.

Para utilizar consejos de forma:

1. Selecciona el primer fotograma clave de
una secuencia de forma interpolada.
2. Selecciona Modificar > Forma > Aadir
consejo de forma.
El consejo de forma inicial aparece como
un crculo rojo con la letra a en algn
lugar de la forma.
ARITMTICA
ARITMTICA

3. Colcalo en un punto que desee marcar.

4. Selecciona el ltimo fotograma clave de
la secuencia.
El consejo de forma final aparece en
algn lugar de la forma como un crculo
verde con la letra a.
5. Coloca el consejo de forma en el punto de
la forma final que debera corresponder
con el primer punto marcado.
6. Vuelve a reproducir la animacin para ver
el cambio introducido con los consejos de
forma.

1SCM9 4B 103 1SCM9 4B


COMPUTACIN
SESIN N 05
CREACIN DE ANIMACIONES
FOTOGRAMA A FOTOGRAMA
TRIGONOMETRA
Para crear una animacin fotograma a
fotograma, define cada fotograma como
fotograma clave y crea una imagen distinta para
cada uno. Inicialmente, cada fotograma clave
tiene el mismo contenido que el fotograma clave
inmediatamente anterior, de modo que los
fotogramas pueden modificarse en la animacin
de forma gradual.
Para crear una animacin fotograma por
fotograma:
1. Haz clic en el nombre de una capa para
activarla y selecciona un fotograma de la
capa donde desee que se inicie la
animacin.
2. Si no se trata de un fotograma clave,
selecciona Insertar > Lnea de tiempo >
Fotograma clave para convertirlo en uno.
3. Crea la ilustracin del primer fotograma de
la secuencia.
Puedes utilizar las herramientas de dibujo,
ARITMTICA
pegar imgenes del portapapeles o
importar un archivo.
4. Haz clic en el siguiente fotograma a la
derecha de la misma fila y elige Insertar >
Lnea de tiempo > Fotograma clave, o bien
haz clic con el botn derecho del mouse y
elige Insertar fotograma clave en el men
contextual.
De esta forma se agrega un nuevo
fotograma clave cuyo contenido es igual al
del primero.
1SCM9 4B
INTERPOLACIN DE FORMAS CREACIN DE
ANIMACIONES (FOTOG. _ FOTOG.)
MOVIMIENTO DE ANIMACIONES COMPLETAS
5. Cambia el contenido de este fotograma en
el escenario para crear el siguiente
incremento de la animacin.
COMPUTACIN
6. Para completar la secuencia de animacin
fotograma a fotograma, repite los pasos 4 y
5 hasta que haya creado el movimiento
deseado.
7. Para probar la secuencia de animacin,
elige Control > Reproducir o haga clic en el
botn Reproducir del controlador.
Edicin de animaciones
Tras crear un fotograma o un fotograma clave,
puede moverlo a otro sitio de la capa activa o a
otra capa, eliminarlo y hacer otros cambios. Slo
pueden editarse los fotogramas clave. Puedes
ver fotogramas interpolados, pero no editarlos
directamente. Para editar fotogramas
interpolados, cambia uno de los fotogramas
clave de definicin o inserta un nuevo fotograma
clave entre el inicial y el final. Puedes arrastrar
elementos desde el panel Biblioteca hasta el
escenario para aadirlos al fotograma clave
activo.
Para ver y editar varios fotogramas a la vez,
COMPUTACIN
utiliza las opciones de edicin con papel cebolla.
Insertar fotogramas en la lnea de tiempo
Sigue uno de estos pasos:
Para insertar un fotograma nuevo,
selecciona Insertar > Lnea de tiempo >
Fotograma.
Para crear un fotograma clave nuevo, elige
Insertar > Lnea de tiempo > Fotograma
clave, o haz clic con el botn derecho del
mouse en el fotograma donde desee
colocar un fotograma clave y elige Insertar
fotograma clave en el men contextual.
Para crear un nuevo fotograma clave vaco,
elige Insertar > Lnea de tiempo>
Fotograma clave vaco, o haz clic con el
botn derecho del mouse en el fotograma
donde deseas colocar el fotograma clave y
elige Insertar fotograma clave vaco en el
men contextual.
ARITMTICA
Para eliminar o modificar un fotograma o
fotograma clave
Sigue uno de estos pasos:
Para eliminar un fotograma, un fotograma
clave o una secuencia de fotogramas,
seleccione el fotograma, fotograma clave o
secuencia y haz clic con el botn derecho
del mouse en el fotograma, fotograma
clave o secuencia y elige Quitar fotogramas
en el men contextual. Los fotogramas de
alrededor permanecen intactos.
104 1SCM9 4B
 INTERPOLACIN DE FORMAS CREACIN DE
ANIMACIONES (FOTOG. _ FOTOG.)
MOVIMIENTO DE ANIMACIONES COMPLETAS

Para mover un fotograma clave o una

secuencia de fotogramas y su contenido, Ver varios fotogramas de una animacin
selecciona el fotograma clave o la en el escenario de forma simultnea

COMPUTACIN
COMPUTACIN

secuencia y arrstralo hasta la ubicacin

Haz clic en el botn Papel cebolla.
deseada.
Para extender la duracin de un fotograma Todos los fotogramas entre los marcadores
clave, con la tecla Alt presionada, arrastra Papel cebolla inicial y Papel cebolla final (en
el fotograma clave hasta el fotograma final el encabezado de la lnea de tiempo)
de la nueva secuencia. aparecen superpuestos como un solo
Para copiar un fotograma clave o una fotograma en la ventana Documento.
secuencia de fotogramas arrastrando,
selecciona el fotograma o la secuencia y
arrstralo con la tecla Alt presionada hasta
la nueva ubicacin.
Para copiar y pegar un fotograma o una
secuencia de fotogramas, selecciona el
fotograma o secuencia y elige Edicin>
Lnea de tiempo> Copiar fotogramas.
Selecciona el fotograma o la secuencia que
desea sustituir y seleccione Edicin > Lnea
de tiempo> Pegar fotogramas. Para controlar la visualizacin del papel
Para convertir un fotograma clave en un cebolla
fotograma, selecciona el fotograma clave y Sigue uno de estos pasos:
TRIGONOMETRA

elige Modificar > Lnea de tiempo> Borrar Para ver los fotogramas de papel cebolla

COMPUTACIN
fotograma clave, haz clic con el botn como contornos, haz clic en el botn
derecho del mouse en el fotograma y Contornos de papel cebolla.
selecciona Borrar fotograma clave en el
men contextual. El fotograma clave
eliminado y todos los fotogramas hasta el
fotograma clave siguiente se sustituirn
con el contenido del fotograma que
precede al fotograma clave eliminado.
Para cambiar la longitud de una secuencia
interpolada, arrastra el fotograma clave
inicial o final a la derecha o la izquierda.
Para aadir un elemento de la biblioteca al Para cambiar la posicin de los marcadores
fotograma clave actual, arrastra el de papel cebolla, arrastra el puntero hasta
elemento desde el panel Biblioteca hasta el la nueva ubicacin. En general, los
escenario. marcadores se mueven de forma conjunta
Para invertir una secuencia de animacin, con el puntero del fotograma actual.
selecciona los fotogramas adecuados en Para poder editar todos los fotogramas
una o varias capas y elija Modificar > Lnea situados entre los marcadores de papel
de tiempo> Invertir fotogramas. Debe cebolla, haz clic en el botn Editar varios
haber fotogramas clave al principio y al fotogramas. En general, la opcin Papel
final de la secuencia. cebolla slo permite editar el fotograma
ARITMTICA
ARITMTICA

actual. Sin embargo, puedes ver el

Utilizacin de papel cebolla contenido de cada fotograma situado entre
En general, Flash slo muestra un fotograma de los marcadores y editarlo aunque no se
la secuencia de animacin en el escenario. trate del fotograma actual.
Para facilitar la ubicacin y edicin de la
animacin fotograma a fotograma, puedes ver
varios fotogramas a la vez en el escenario. El
fotograma situado bajo la cabeza lectora
aparece de color normal, mientras que los
fotogramas circundantes aparecen atenuados;
cada fotograma parece estar dibujado sobre
hojas de papel traslcido (papel cebolla)
colocadas una encima de otra. Los fotogramas
atenuados no pueden editarse.

1SCM9 4B 105 1SCM9 4B


COMPUTACIN
ecuerda: Las capas bloqueadas (con
el icono del candado) no aparecen
cuando se activa la opcin de papel
cebolla. Para evitar la confusin
producida por mltiples imgenes,
puedes bloquear u ocultar las capas
que no deseas visualizar con esta
opcin.
Para cambiar la visualizacin de los
marcadores de papel cebolla:
Haz clic en el botn Modificar marcadores de
papel cebolla y elige una opcin del men:
TRIGONOMETRA
Siempre mostrar los marcadores muestra
los marcadores de papel cebolla en el
encabezado de la lnea de tiempo, est
activada o no la opcin de papel cebolla.
Definir papel transparente bloquea los
marcadores de papel cebolla en la posicin
actual en el encabezado de la lnea de
tiempo. En general, el rango de papel
cebolla es relativo al puntero del fotograma
actual y los marcadores de papel cebolla. Al
anclar los marcadores, evita que se
ARITMTICA
muevan con el puntero del fotograma
actual.
Papel cebolla 2, muestra dos fotogramas a
cada lado del fotograma actual.
Papel cebolla 5, muestra cinco fotogramas
a cada lado del fotograma actual.
Papel cebolla todo, muestra todos los
fotogramas a cada lado del fotograma
actual.
SESIN N 06
MOVIMIENTO DE ANIMACIONES
COMPLETAS
1SCM9 4B
INTERPOLACIN DE FORMAS CREACIN DE
ANIMACIONES (FOTOG. _ FOTOG.)
MOVIMIENTO DE ANIMACIONES COMPLETAS
Si necesitas desplazar una animacin
COMPUTACIN
completa que se encuentra en el escenario,
mueve los grficos de todos los fotogramas y
capas a la vez para evitar tener que volver a
alinearlo todo.
Para mover toda la animacin a otra
ubicacin del escenario:
1. Desbloquea todas las capas.
Para mover todo el contenido de una o
ms capas pero nada de las capas
restantes, bloquea u oculta todas las
capas que no desea desplazar.
2. Haz clic en el botn Editar varios
fotogramas en la lnea de tiempo.
3. Arrastra los marcadores de papel cebolla
de tal forma que incluyan todos los
fotogramas que deseas seleccionar, o haz
clic en Modificar marcadores de papel
cebolla y elige Papel cebolla todo.
4. Elige Edicin > Seleccionar todo.
5. Arrastra toda la animacin hasta la nueva
COMPUTACIN
ubicacin del escenario.
Utilizacin de capas de mscara
Para obtener el efecto de foco y de
transiciones, puedes utilizar una capa de
mscara para crear un agujero a travs
del cual se puedan ver las capas situadas
por debajo. Un elemento de mscara
puede ser una forma rellena, un bloque
de texto, una instancia de un smbolo de
grfico o un clip de pelcula. Varias capas
pueden agruparse bajo una misma capa
de mscara para crear efectos
sofisticados.
Para crear efectos dinmicos, puedes
animar una capa de mscara. Para una
forma rellena utilizada como mscara,
utiliza interpolacin de formas; para un
objeto de tipo, una instancia de grfico o
un clip de pelcula, utiliza la interpolacin
de movimiento. Si utilizas una instancia
ARITMTICA
de clip de pelcula como mscara, puedes
animar la mscara a lo largo de un
trazado de movimiento.
Para crear una capa de mscara, coloca
un elemento de mscara en la capa que
desees utilizar como mscara. En lugar
de tener un trazo o un relleno, el
elemento de mscara acta como una
ventana que muestra el rea de las capas
vinculadas situadas por debajo. El resto
de la capa de mscara oculta todos los
elementos excepto los que se muestran a
travs del elemento de mscara. Una
106 1SCM9 4B

capa de mscara slo puede contener un
elemento de mscara. En un botn no
puede haber una capa de mscara, y las
COMPUTACIN
mscaras no se pueden aplicar a otras
mscaras.
Tambin puedes utilizar ActionScript para
crear una capa de mscara a partir de un
clip de pelcula. Una capa de mscara
creada con ActionScript slo puede
aplicarse a otro clip de pelcula.
Para crear una capa de mscara:
1. Selecciona o crea una capa que contenga
los objetos que deben aparecer dentro de
la mscara.
2. Con la capa seleccionada, elige Insertar >
Lnea de tiempo > Capa para crear una
capa nueva encima.
Una capa de mscara siempre cubre la
capa situada inmediatamente debajo de
la misma, por tanto asegrate de crear la
capa de mscara en el lugar correcto.
3. Coloca una forma rellena, un tipo o una
TRIGONOMETRA
instancia de un smbolo en la capa de
mscara.
Flash pasa por alto los mapas de bits,
degradados, transparencias, colores y
estilos de lnea en una capa de mscara.
Todas las reas rellenas de una mscara
son transparentes y las reas no rellenas
son opacas.
4. Haz clic con el botn derecho del mouse
en el nombre de la capa de mscara de la
lnea de tiempo y elige Mscara en el
men contextual.
La capa se convierte en una capa de
mscara y se indica mediante un icono de
capa de mscara. La capa situada
inmediatamente debajo est vinculada a
la capa de mscara y se muestra su
contenido a travs del rea rellena en la
mscara. El nombre de la capa de
mscara aparece sangrado y su icono
cambia a un icono de capa de mscara.
5. Para visualizar el efecto de mscara en
Flash, bloquea la capa de mscara y la
ARITMTICA
capa enmascarada.
Para enmascarar capas adicionales
despus de crear una capa de mscara
Sigue uno de estos pasos:
Arrastra una capa existente directamente
debajo de la capa de mscara.
Crea una capa nueva en cualquier sitio
por debajo de la capa de mscara.
Selecciona Modificar > Lnea de tiempo>
Propiedades de capa y selecciona Con
1SCM9 4B
INTERPOLACIN DE FORMAS CREACIN DE
ANIMACIONES (FOTOG. _ FOTOG.)
MOVIMIENTO DE ANIMACIONES COMPLETAS
mscara en el cuadro de dilogo
Propiedades de capa.
COMPUTACIN
Para desvincular capas de una capa de
mscara
1. Selecciona la capa que desea desvincular.
2. Sigue uno de estos procedimientos:
Arrastra la capa encima de la capa de
mscara.
Selecciona Modificar > Lnea de
tiempo > Propiedades de capa y elige
Normal.
Animar una forma rellena, un objeto de
tipo o una instancia de un smbolo de
grfico en una capa de mscara:
1. Selecciona la capa de mscara en la lnea
de tiempo.
2. Haz clic en la columna Bloquear para
desbloquear la capa de mscara.
3. Sigue uno de estos pasos:
Si el objeto de mscara es una forma
rellena, aplica interpolacin de formas
COMPUTACIN
al objeto
Si el objeto de mscara es un objeto
de tipo o una instancia de un smbolo
de grfico, aplica interpolacin de
movimiento al objeto.
4. Una vez finalizada la animacin, haz clic
en la columna Bloquear de la capa de
mscara para volver a bloquearla.
Para animar un clip de pelcula de una
capa de mscara
1. Selecciona la capa de mscara en la lnea
de tiempo.
2. Haz doble clic en el clip de pelcula del
escenario para editarlo en contexto y
para ver la lnea de tiempo del clip de
pelcula.
3. Aplica una interpolacin de movimiento al
clip de pelcula
4. Una vez finalizado el procedimiento de
animacin, haz clic en el botn Atrs de la
ventana Editar en contexto para volver al
ARITMTICA
modo de edicin de documentos.
5. Haz clic en la columna Bloquear de la
capa de mscara para volver a bloquear
la capa.
107 1SCM9 4B
 INTERPOLACIN DE FORMAS CREACIN DE
ANIMACIONES (FOTOG. _ FOTOG.)
MOVIMIENTO DE ANIMACIONES COMPLETAS

COMPUTACIN
COMPUTACIN

SESIN N 07

TALLER DE APLICACIONES

Construccin de animaciones utilizando

morphing
Construccin de animaciones utilizando
mscaras
Construccin de banners
TRIGONOMETRA

COMPUTACIN
ARITMTICA
ARITMTICA

1SCM9 4B 108 1SCM9 4B