UNIDAD DIDCTICA: CREACIN DE ANIMACIONES CON FLASH

PARA EL ESTUDIO DE ESTA UNIDAD DIDCTICA SE REQUIERE QUE EL ESTUDIANTE CONOZCA LAS HERRAMIENTAS DE TRABAJO DE FLASH. LA CREACIN DE SMBOLOS. ESTA UNIDAD SE TRABAJA EN LA ASIGNATURA MULTIMEDIA 1, SPTIMO NIVEL, FACULTAD DE DISEO DE LA UNIVERSIDAD TECNOLGICA AMRICA UNITA.

DOCENTE: ING. MAGALI MEJA PESNTEZ

Creacin de animaciones en Flash CS3

Creacin de movimiento

Efectos de lnea de tiempo

Animacin interpolada

Animacin fotograma a fotograma, entre otros

Creacin de fotogramas clave

Cambios en la animacin definen un fotograma clave

Animacin fotograma a fotograma cada uno es clave

Animacin interpolada dos claves y se crean los intermedios

Creacin de fotogramas

Insertar > Lnea de tiempo > Fotograma clave

Botn derecho en un fotograma de la lnea de tiempo, e insertar fotograma clave

Representacin de animaciones

Interpolacin de movimiento

Interpolacin de forma

Interpolacin incompleta, falta fotograma final

Un punto negro fotograma nico, el resto de grises son copias y terminan con un rectngulo

Una a se ha asignado una accin en el panel de acciones

Una bandera roja indica que tiene una etiqueta

Velocidad de fotogramas

La velocidad de fotogramas, la rapidez con que se reproduce la animacin, se expresa en fotogramas por segundo (fps).

Si la velocidad de fotogramas es muy baja, la animacin parece detenerse y volver a empezar y si es muy alta los detalles se ven borrosos.

Elija una velocidad de 12 fps para Internet. La velocidad estndar de movimiento de la imagen es de 24 fps, pero en las pelculas QuickTime y AVI es habitualmente de 12 fps.

Animacin fotograma a fotograma

Cambia el contenido del escenario en cada fotograma y es ideal para las animaciones complejas en las que la imagen cambia en cada fotograma en lugar de moverse por el escenario.

Incrementa el tamao del archivo con mayor rapidez que la animacin interpolada.

Flash guarda los valores de los fotogramas completos.

Creacin de animaciones fotograma a fotograma

Defina cada fotograma como fotograma clave y cree 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.

...Animacin fotograma a fotograma

Active la capa y seleccio-ne el fotograma de inicioInsertar/Lnea de tiempo/Fotograma clave

Cree la ilustracin del primer fotograma de la secuencia

Clic en el siguiente fotograma a la derecha y seleccione Insertar > Lnea de tiempo > Fotograma clave

Para crear el siguiente incremento de la animacin, cambie el contenido de este fotograma en el escenario

Complete la secuencia de animacin, repitiendo los pasos 4 y 5 hasta que hayacreado el movimiento deseado

Para probar la secuencia de animacin, elija Control > Reproducir o haga clic en el botn Reproducir del controlador1

2

3

4

5

6

7

Slo pueden editarse los fotogramas clave.

Para editar fotogramas interpolados, cambie uno de los fotogramas clave de definicin o inserte un nuevo fotograma clave entre el inicial y el final

Utilizacin de efectos de lnea de tiempo

Los efectos de la lnea de tiempo

Los efectos de lnea de tiempo incorporados permiten crear animaciones complejas con un nmero mnimo de pasos.

Los efectos de lnea de tiempo pueden aplicarse a los siguientes objetos:

Texto

Grficos, incluidos formas, grupos y smbolos grficos

Imgenes de mapa de bits

Smbolos de botn

...Efecto de lnea de tiempo

Cmo aadir un efecto de lnea de tiempo

Al aadir a un objeto, Flash crea una capa y transfiere el objeto a esa capa.

La capa nueva recibe automticamente el mismo nombre que el efecto, seguido de un nmero que representa el orden en que se aplica el efecto.

Cuando se aade un efecto de lnea de tiempo, se aade a la biblioteca una carpeta con el nombre del efecto. Esta carpeta contiene los elementos utilizados en la creacin del efecto.

...Efecto de lnea de tiempo

Realice uno de los siguientes pasos: Seleccione el objeto al que va a agregar el efecto de la lnea de tiempo. Insertar > Efectos de lnea de tiempo, realice una seleccin y elija un efecto en la lista. Haga clic con el botn derecho del ratn en el objeto al que va a aadir el efecto de lnea de tiempo. Seleccione Efectos de lnea de tiempo, y elija un efecto. Muestre la vista previa del efecto, segn la configuracin predeterminada. Modifique los valores predeterminados yhaga clic en Actualizar vista previa para ver el efecto con los nuevos valores.

Cuando aparezca el efecto de lnea de tiempo en la ventana de la vista previa, haga clic en Aceptar.

Configuracin

Cada efecto de lnea de tiempo manipula un grfico o smbolo y permite modificar parmetros concretos. La ventana de vista previa muestra los cambios realizados al modificar la configuracin.

Edicin

1 Seleccione el objeto asociado al efecto y realice una:

En el inspector de propiedades, haga clic en Edicin.

Haga clic con el botn derecho del ratn y seleccione Efectos de lnea de tiempo > Editar efecto.

2 Edite la configuracin y haga clic en Aceptar

Eliminacin

En el escenario, haga clic con el botn derecho del Efectos de lnea de tiempo > Quitar efecto.

Animacin interpolada

Flash puede crear dos tipos de animaciones interpoladas:

En la interpolacin de movimiento, se definen propiedades tales como la posicin, el tamao y la rotacin de una instancia, un grupo o un bloque de texto en un momento especfico, y tambin se puede crear una interpolacin de movimiento a lo largo de un trazado.

En la interpolacin de formas, se dibuja una forma en un momento especfico y se modifica o se dibuja otra forma en otro momento. Flash interpola los valores o formas de los fotogramas intermedios para crear la animacin.

...Animacin interpolada

Nota: para aplicar interpolacin de formas a grupos, instancias o imgenes de mapas de bits, separe estos elementos. Para aplicar interpolacin de formas a texto, separe el texto dos veces para convertirlo en objetos.

La animacin interpolada es una forma eficaz de crear movimiento y realizar cambios, ya que reduce al mnimo el tamao del archivo. En esta animacin, slo se guardan los valores de los cambios producidos entre fotogramas.

Para preparar rpidamente los elementos de un documento para crear una animacin interpolada, distribuya los objetos en capas.

Cmo aadir interpolaciones de movimiento a instancias, grupos o tipos

Para interpolar los cambios en las propiedades de instancias, grupos y tipo, utilice la interpolacin de movimiento. Interpola la posicin, el tamao y la rotacin, as como sesgar instancias, grupos y tipo.

Puede interpolar el color de las instancias y los tipos para crear cambios graduales de color, o hacer aparecer o desaparecer instancias de forma paulatina. Para interpolar el color de grupos o tipos, convirtalos en smbolos. Para animar caracteres individuales de un bloque de texto por separado, coloque cada carcter en un bloque de texto distinto.

Creacin de una interpolacin de movimiento mediante la opcin Interpolacin de movimiento

Active una capa y seleccione un fotograma clave vaco donde comience la animacin

Para crear el primer fotograma de la interpol. de movim.: Cree un objeto grfico y convirtalo en un smbolo Cree una instancia, un grupo o un bloque de texto Arrastre una instancia de un smbolo del panel Biblioteca

Cree un segundo fotograma clave donde acabe la animacin y seleccinelo.

Para modificar el elemento en el ltimo fotograma: Mueva el elemento a una nueva posicin Modifique el tamao, rotacin o sesgo del elemento Modifique el color del elemento

Si ha modificado el tamao del elemento,seleccione Escala para interpolar el tamaodel elemento seleccionado.

Para obtener un efecto de movimientoms real,aplique suavizado Haga clic en uno de los fotogramas de lainterpolacin, seleccione Movimiento en el men emergente Interpolacin (Ventana > Propiedades > Propiedades)

Para girar el elemento mientras se interpola, elija una opcin del men Girar. Ninguna para impedir, para el mnimomovimiento Auto y para un nmero de rotaciones indique el valor y si es Hacia la derecha o Hacia la izquierdaSi es un trazado de movimiento, seleccioneOrientar segn trazado para orientar la lneade base del elemento interpolado hacia el trazadoPara sincronizar la animacin,seleccione Sinc. del Inspector de propiedades.

Creacin de una interpolacin de movimiento mediante el comando Crear interpolacin de movimiento

Seleccione un fotograma clave vacoy dibuje un objeto en el escenarioo arrastre una instancia de un smbolode la BibliotecaSeleccione Insertar > Lnea de tiempo > Crear interpolacin de movimientoClick dentro del fotograma donde termina la animaciny elija Insertar > Lnea de tiempo > FotogramaColoque el elemento en el escenario enla posicin adecuada. Ajuste el tamaodel elemento para interpolar su escala.Para interpolar su rotacin, ajuste la rotacin.Anule la seleccin del objeto cuando hayafinalizado los ajustes.

Para ajustar la velocidad de cambio entrefotogramas interpolados, arrastre la flechaque se encuentra junto al valor de suavizadoo introduzca un valor

Para girar el elemento seleccionadomientras se interpola, elija una opcin del men Girar.

Si est utilizando un trazado de movimiento, seleccioneOrientar segn trazado para orientar la lnea de base del elemento interpolado hacia dicho trazado.

Seleccione Sincronizar para garantizar que la instanciase reproduzca correctamente de forma indefinida en eldocumento principal. Si est utilizando un trazado demovimiento, seleccione Ajustar para asociar el elemento interpoladoal trazado de movimiento por supunto de registro.

Interpolacin de movimiento a lo largo de un trazado

Las capas de gua de movimiento permiten dibujar trazados a lo largo de los cuales se animan instancias, grupos y bloques de texto interpolados. Puede vincular varias capas a una capa de guas de movimiento para hacer que varios objetos sigan el mismo trazado. Al vincular una capa normal a una capa de guas de movimiento se convierte en un tipo de capa con gua.

Creacin de un trazado de movimiento en una animacin interpolada

1 Cree una secuencia de animacin interpolada de movimiento.

2 Realice uno de los siguientes pasos:

Seleccione la capa que contiene la animacin y elija Insertar > Lnea de tiempo > Gua de movimiento.

Haga clic con el botn derecho del ratn en la capa que contiene la animacin y elija Aadir gua de movimiento. Flash crea una nueva capa sobre la seleccionada con el icono de gua de movimiento a la izquierda del nombre de la capa.

...Creacin de un trazado de movimiento en una animacin interpolada

3 Utilice las herramientas Pluma, Lpiz, Lnea, Crculo, Rectngulo o Pincel para dibujar el trazado deseado.

4 Ajuste el centro al comienzo de la lnea en el primer fotograma y al final de la lnea en el ltimo.

Nota: para conseguir un ajuste ptimo, arrastre el
smbolo por su punto de registro.

5 Si desea ocultar la capa de guas de movimiento y la lnea para que slo pueda verse el movimiento del objeto mientras trabaja, haga clic en la columna del ojo de la capa de guas de movimiento.

Crditos

Este material fue realizado tomando textos e imgenes de ADOBE FLASH CS3 PROFESSIONAL. GUA DEL USUARIO

Muokkaa otsikon tekstimuotoa napsauttamalla

Muokkaa jsennyksen tekstimuotoa napsauttamalla

Toinen jsennystaso

Kolmas jsennystaso

Neljs jsennystaso

Viides jsennystaso

Kuudes jsennystaso

Seitsems jsennystaso

Kahdeksas jsennystaso

Yhdekss jsennystaso