COLEGIO SAN AGUSTIN

POR LA EXIGENCIA HACIA LA EXCELENCIA

Docente:
Luis Fernando Acero Molano
GUA No. 3 TEMA: PROGRAMACIN FLASH
SUBTEMA: INTERPOLACIN DE
MOVIMIENTO.
NOMBRE DEL ESTUDIANTE:
GRADO: OCTAVO
INTERPOLACION DE MOVIMIENTO
Una interpolacin de movimiento, como hemos dicho, es el desplazamiento de un
smbolo de uno a otro punto del escenario. El hecho de que slo se necesiten dos
fotogramas es debido a que Flash, nicamente con la posicin inicial y nal, !intuye!
una trayectoria en lnea recta y la representa "veremos que tambi#n se pueden realizar
movimientos no rectilneos$.
%rearla es tan simple como hacer clic derecho sobre el fotograma que contiene los
elementos y elegir Crear interpolacin de movimiento. &or defecto, se a'adir(n
unos cuantos fotogramas, rellenos de un color azulado.
)hora vamos al fotograma nal, o creamos uno clave donde nos plazca. * desplazamos
el smbolo. +eremos que aparece una lnea punteada, por defecto recta, que representa
el trazado de la animacin.
%uando realicemos la interpolacin correctamente observaremos un aspecto como este
en la lnea de tiempo.
Esto indica que la animacin cambiar( la posicin del smbolo del fotograma , hasta
la posicin del mismo smbolo en el fotograma -., utilizando precisamente -.
fotogramas. El nmero de fotogramas que se usen en la interpolacin indicar( las
subetapas de que constar( la animacin. %uantas m(s subetapas m(s sensacin de
!continuidad! "menos saltos bruscos$ pero a la vez menos velocidad en el
movimiento.
/a velocidad en el movimiento de las pelculas la podemos cambiar tambi#n
modicando su par(metro en la lnea de tiempo, pero esto no
cambiar( lo que hemos comentado anteriormente respecto al nmero de fotogramas.
/a velocidad est( e0presada en Fotogramas &or 1egundo "fps$ y se puede modicar
haciendo doble clic en el lugar que hemos indicado de la lnea de tiempo. ) mayor
valor m(s velocidad, pero se deben poner siempre sucientes fotogramas para que
se desarrolle la animacin como queremos.
El trazado recto generado por defecto podemos modicarlo directamente haciendo
clic y arrastr(ndolo, una vez seleccionada previamente la herramienta Seleccin .
En cualquier fotograma de la interpolacin podemos cambiar la posicin del smbolo "o
cualquier otra propiedad$, creando ah un fotorama clave de propiedad, que se
representa por un peque'o rombo en la lnea de tiempo.
/a interpolacin de movimiento permite modicar muchos par(metros del movimiento
mediante el Editor de movimiento, que veremos a continuacin.
En la versin de Flash, %1., encontramos un nuevo panel llamado Editor de
movimiento. &ara acceder a #l basta tener seleccionada una interpolacin de
movimiento y hacer clic en la pesta'a Editor de movimiento que aparece 2unto a la
lnea de tiempo. %omo cualquier panel, tambi#n es accesible desde el men Ventana!.
Este panel nos permite controlar multitud de propiedades y efectos que afectan a una
animacin con total precisin, fotograma a fotograma.Este es el aspecto del panel3
&odemos ver, a la izquierda una columna con las propiedades que podemos modicar,
divididas en Movimiento "#!ico, Tran!formacin, Efecto! de Color, $iltro! %
S&avi'ado!.
4unto a estas propiedades, aparece una columna con los valore! que toma esa
propiedad en el momento seleccionado de la lnea de tiempo.En la siguiente columna
podemos establecer si el valor se aplica con aceleracin o no.
En la versin anterior Flash %15 slo haba una interpolacin de movimiento disponible,
y se llamaba precisamente as, interpolacin de movimiento, en la versin Flash %1.
esa interpolacin de movimiento se llama interpolacin cl(sica. &or lo tanto, si
utilizamos archivos creados con la versin %15 las interpolaciones de movimiento
e0istentes ahora ser(n mostradas como interpolaciones cl(sicas.
(na interpolacin cl#!ica, igual que una interpolacin de movimiento, es el
desplazamiento de un smbolo de uno a otro punto del escenario, muchos de los
conceptos vistos en las interpolaciones de movimiento son los mismos para las
interpolaciones cl(sicas. &or e2emplo, las animaciones tambi#n han de ser sobre
smbolos y deben estar en una capa. /os Fotogramas &or 1egundo "fps$ tienen el
mismo signicado.
&ara crear una interpolacin cl(sica hay que hacer clic derecho sobre el fotograma que
contiene los elementos y elegir Crear interpolacin cl#!ica.
%uando realicemos la interpolacin correctamente observaremos un aspecto como este
en la lnea de tiempo.
+emos que la animacin va desde el fotograma , hasta el fotograma -6. )parece
una 7echa que no aparece en la interpolacin de movimiento y el icono que hay a la
derecha del nombre de la capa es distinto.
E)ERCICIO No *+ PASO A PASO
,. )bra un documento nuevo en Arc,ivo - N&evo. )cepte la conguracin
est(ndar $la!,.Datei ")ction1cript 5.6$.
-. 1eleccione el color verde y dibu2e un crculo en la parte izquierda del escenario.
5. )ntes de crear una interpolacin de movimiento tiene que convertir el crculo en
un smbolo. 1eleccinelo haciendo doble clic sobre #l.
.. &ara abrir el men Convertir en !m"olo, vaya a Modi/car - Convertir en
!m"olo, o pulse $0.
8. )cepte la conguracin est(ndar y aparecer( Sm"olo * en la biblioteca. Es
importante recordar que para traba2ar con interpolaciones de movimiento slo se
puede tener un smbolo por interpolacin y por capa. 1i no es as, la animacin no
funciona correctamente. %ree ahora un segundo fotograma clave.
9. +aya al fotograma -8 y pulse $1, para crear un fotograma clave nuevo. %onsidere
que cada fotograma clave nuevo es una posicin nueva de la imagen. %oloque en
este caso el crculo a la derecha "gura ,$.
Figura ,3 1e puede cambiar la animacin en cada fotograma clave.
:. +aya al fotograma .8 y pulse $1 para crear otro fotograma clave. %oloque ahora el
crculo en la esquina inferior izquierda del escenario.
;. +aya al fotograma 96 y pulse $1. <esplace el crculo a la esquina inferior derecha
del escenario.
=. 1eleccione un fotograma entre los dos primeros fotogramas clave "por e2emplo,
-6$.
,6.En el panel Propiedade! vaya a Animar - Movimiento. )parece una 7echa
entre los dos fotogramas clave en la lnea de tiempo y la zona se colorea de verde.
"gura -$. 1i la 7echa est( rota, es que se ha producido un error, por e2emplo, que
el crculo no haba sido convertido en smbolo.
Figura -3 El color y la 7echa simbolizan la interpolacin de movimiento en la lnea
de tiempo.
,,.+aya al fotograma 56. En esta ocasin vamos a crear la interpolacin de otro
modo3 haga clic derecho ">indo?s$ o Control@clic "Aac B1$ en el fotograma
seleccionado y vaya a Crear interpolacin de movimiento.
,-.+aya al fotograma 86 y cree otra interpolacin de movimiento.
,5.<esplace el cabezal de la lnea de tiempo para ver la animacin. El crculo debera
moverse de izquierda a derecha y de vuelta.
,..+aya al fotograma -8 "fotograma clave$. 1eleccione la
herramienta Tran!formacin de la barra de herramientas y reduzca el crculo a la
mitad de su tama'o.
,8.+aya al fotograma .8. Cire y aplane el crculo con la herramienta Tran!formacin.
Figura 53 Cire y aplane el crculo con la herramienta Tran!formacin.
,9.<espu#s de estos cambios, desplace el cabezal adelante y atr(s para ver la
animacin. Entre los fotogramas , y -8 el crculo se hace m(s peque'oD del -8 al
.8, se deforma y en el ltimo recupera su forma original.
Eambi#n se puede cambiar el color del ob2eto de un fotograma clave a otro, ya que
la interpolacin de movimiento se encarga de mezclar los colores.
,:.+aya al fotograma 56 y pulse $1. <esplace el crculo al medio del escenario.
,;.1eleccione Color en el panel Propiedade! y eli2a azul.
,=.<esplace el cabezal para ver la animacin. El crculo cambia del verde al azul y
viceversa entre los fotogramas -8 y .8. )qu no se ha creado una interpolacin de
movimiento, sino simplemente un fotograma clave en el que el ob2eto es de color
azul. &or ltimo vamos a desvanecer el crculo.
-6.+aya al fotograma 96.
-,.1eleccione en el panel Propiedade! el men Color - Alfa. %oloque la barra de
)lfa en 6F.
--.+aya a Comando! - Pr&e"a de la pelc&la para ver la animacin completa. El
crculo se mueve, cambia de color y forma y se desvanece, y todo ello solamente
con ayuda de las interpolaciones de movimiento.
-5.1eleccione un fotograma entre , y -8.
-..+aya al panel Propiedade! y f2ese en la opcin Acelaracin, que controla la
velocidad del movimiento. %on el valor G,66, el ob2eto se mueve cada vez m(s
r(pidoD con ,66, lo frenamos.
-8.4unto al botn Aceleracin se encuentra Editar. )l pulsarlo se abre la
ventana Aceleracin2de!aceleracin per!onali'ada "gura .$.
E)ERCICIO No+ 3 PASO A PASO
,. )bre un nuevo Arc,ivo de $la!, 4AS 5+67 y dibu2a un cuadrado en el
fotograma ,.
-. 1eleccionalo y convertiertelo en un Clip de Pelc&la pulsando F;.
5. Sit&amo! el %lip en el lado izquierdo del escenario.
.. 8acemo! clic con el botn derecho sobre el nico fotograma e0istente en este
momento.
8. Seleccionamo! la opcin Crear Interpolacin Cl#!ica.
9. +amos al fotograma nmero -6 y p&l!amo! $1 para crear un fotograma clave.
Bbservaremos que se crea la )nimacin de -6 fotogramas de duracin. En ese
mismo fotograma "el -6$.
:. De!pla'amo! el !m"olo al e0tremo derecho del escenario.
)hora ya tenemos la interpolacin base, en ella hemos marcado nicamente la
posicin inicial y nal del movimiento. 1i lo de2(ramos as, el clip seguira una
lnea recta.
+amos a hacer que llegue a su origen haciendo zigGzag con un par de acciones
muy sencillas, aprovechando el hecho de tener la interpolacin ya creada.
%omprobemos que la lnea de tiempos est( de la siguiente forma3
;. Hacemos clic del ratn sobre el fotograma 8.
=. %omprobemos que el clip de pelcula ya no est( en el origen si no que ya est(
!haciendo camino!.
,6.<esplacemos nuestro clip hacia arriba.
,,.Hacemos sobre el fotograma ,6.
,-.<esplacemos nuestro clip hacia aba2o.
,5.Iepite estos dos ltimos pasos para los fotogramas ,8 y -6 y prueba la pelcula.
,..%omo podemos comprobar, el clip se desplaza ahora en lnea recta pero en
varias direcciones distintas, haciendo zigGzag.
E)ERCICIO No+ 5 PASO A PASO
*+ )bre un nuevo Arc,ivo de $la!, 4AS 5+67 y dibu2a un crculo peque'o de
cualquier color.
3+ %reamos una nueva capa en el smbolo de crear capa, y all dibu2amos una 7echa
utilizando las herramientas de dibu2o en 7ash, este dibu2o debes hacerlo en el en
el fotograma ,.
5+
%ada dibu2o queda en una capa diferente
9+ 1eleccinalo y convi#rtelo en un Clip de Pelc&la pulsando F;.
:+ Sit&amo! el %lip en el lado izquierdo del escenario.
1+ 8acemo! clic con el botn derecho sobre el nico fotograma e0istente en este
momento.
;+ Seleccionamo! la opcin Crear Interpolacin Cl#!ica.
%rear nueva capa
0+ +amos al fotograma nmero 56 y p&l!amo! $1 para crear un fotograma clave.
Bbservaremos que se crea la )nimacin de 56 fotogramas de duracin. En ese
mismo fotograma "el 56$.
<+ Hacemos clicJ sobre el fotograma 8 seleccionamos nuestro smbolo, hacemos
clic derecho sobre #l y seleccionamos Tran!formacin li"re+
*6+ )grandamos nuestra 7echa
**+ Iepite estos dos ltimos pasos para los fotogramas ,6, ,8 y -6 y prueba la
pelcula.
*3+ El clip debe cambiar de tama'o, as se debe ver la lnea de tiempo