animacion presentacion
DESCRIPTION
Crear animaciones con Adobe Flash CCTRANSCRIPT
Queremos crear una animación en la que una serie de elementos aparezcan en línea y giren
alrededor de otro elemento (la tierra girando).
1. Cambiamos el nombre de la capa por el de fondo clicando encima de la capa.
2. Con la herramienta Rectángulo dibujamos uno, ajustamos el tamaño para que ocupe todo el escenario.
3. Eliminamos el borde del rectángulo.
4. Clicamos en Color (1), en el menú desplegable seleccionamos Degradado radial (2) y
seleccionamos los colores (3, el inicial es el color del centro y el final, el externo).
5. Ya tenemos el fondo de la escena creada. Ahora vamos a crear un gif animado que simule la tierra girando.
6. Creamos una nueva capa en la que vamos a hacer el gif.
7. Importamos a la biblioteca el gif animado del rodamiento de la Tierra:
Archivo/Importar/Importar a biblioteca. Seleccionamos el gif. En el panel Biblioteca
han aparecido los gifs que componen el gif animado. Seleccionamos el primero,
ajustamos el tamaño y la posición con la herramienta Transformación libre y cuando lo tengamos, lo convertimos en un símbolo gráfico (Modificar/Convertir en símbolo). Lo
renombramos con el nombre “tierra1”.
8. En el menú Propiedades, copiamos las coordenadas X e Y así como el ancho (An) y el
alto (Al) para los siguientes símbolos que vamos a crear.
9. Hacemos doble clic en nuestro símbolo o clicamos con el botón derecho sobre él para
acceder al menú Edición. Encima del escenario vemos que vamos a trabajar en
Escena1/Tierra1. Clicamos en el fotograma 2 e insertamos un fotograma clave.
Sustituimos la imagen de la tierra por la siguiente y ajustamos el tamaño y la
posición.
Repetir los dos pasos anteriores con cada una de las imágenes restantes que
componen el gif.
10. Clicamos en Escena 1, en la capa tierra y en el gif.
En el panel Propiedades clicamos en Reproducir indefinidamente/Opciones y seleccionamos Reproducir indefinidamente.
11. Clicamos en la capa fondo, nos colocamos al mismo nivel de la capa
superior y en su último fotograma creamos un nuevo fotograma para que las
dos capas tengan la misma longitud.
12. Probamos la película clicando en ctrl+enter.
13. Ahora vamos a crear una animación en la cual, una serie de elementos
entren, giren alrededor de la tierra y salgan. Para ello, importamos las
imágenes que vamos a usar: Archivo/Importar/Importar a biblioteca y los
seleccionamos. Comprobamos en el panel Biblioteca que se han importado.
14. Bloqueamos las capas anteriores para no moverlas por accidente clicando en
15. Insertamos una nueva capa, la renombramos con el nombre de la imagen que
vayamos a insertar y arrastramos dicha imagen desde la biblioteca.
Modificamos el tamaño.
Lo colocamos en la parte derecha, fuera del escenario.
Insertamos un fotograma clave en el fotograma 60 e insertamos una interpolación clásica. Procuraremos que la imagen y la trayectoria de la interpolación clásica no
se acerquen a la zona que vamos a utilizar para nuestra trayectoria personalizada.
Con el fotograma 60 activado, arrastramos el símbolo a la parte derecha, también
fuera del escenario.
16. Clicamos sobre el nombre de la segunda capa con el botón derecho y clicamos
en Añadir guía de movimiento clásica. Con la herramienta Lápiz dibujamos la trayectoria que queremos que siga la
imagen. Utilizamos un color que resalte con la imagen para que nos resulte más
fácil ajustar la imagen con esta trayectoria. Como Estilo seleccionamos Muy fino.
17. Clicamos en el primer fotograma de la interpolación clásica (capa guiada) y
ajustamos el círculo que aparece en el centro de la imagen con el círculo que aparece
en la trayectoria que hemos dibujado con el lápiz.
En el panel Propiedades/Interpolación activamos las casillas Sync y Orientar según
trazado (para que vaya girando en el sentido del recorrido).
18. Probamos la animación para comprobar que lo hemos hecho bien: ctrl+enter. 19. Insertamos una nueva capa que renombramos con el nombre de la imagen
siguiente (p.e.: carta).
Como en el caso anterior, modificamos el tamaño y lo colocamos fuera del
escenario.
Clicamos en el fotograma 7 e insertamos fotograma clave, al igual que en el
fotograma 67. Insertamos la interpolación clásica.
Clicamos en el fotograma 67 y arrastramos el símbolo al área fuera del escenario en
el lado derecho.
20. Clicamos con el botón derecho sobre la capa para añadir otra capa guía.
Arrastramos el fotograma clave 1 al fotograma 7 para que coincidan los tiempos.
Clicamos en la primera capa guía creada, doble clic en la trayectoria dibujada para
seleccionarla toda y Edición/Copiar. Clicamos en la segunda capa guía y Edición/Pegar in situ para que coincidan las
trayectorias.
21. Clicamos en la nueva capa guiada, en el fotograma clave inicial de la
interpolación clásica y movemos la imagen para ajustarla con la trayectoria guía.
22. Ajustamos la sincronización y la orientación y comprobamos que es correcto.
23. Repetimos los pasos 19 a 22 con las demás imágenes a añadir, siempre
colocando una imagen por capa, y cada capa con su capa guía.
24. Insertamos fotogramas en las capas fondo y tierra para que tengan la longitud de la última capa.
25. Lo siguiente va a ser insertar un título, por lo que creamos un par de capas que
renombramos como txt1 y txt2.
26. Clicamos en la capa txt1, clicamos en el fotograma en el que queremos que
aparezca el texto (en este caso el 43) e insertamos un fotograma clave. Insertamos
otro fotograma clave en el 83. Para saber en qué fotograma queda mejor la inserción del texto vamos moviendo el rectángulo que aparece en los números de la línea de
tiempo para elegir el fotograma exacto, cuando lo localicemos solo tenemos que clicar
sobre él e insertar el primer fotograma clave.
27. Vamos a escribir el texto: herramienta Texto, seleccionamos el tipo de letra
(Familia), el tamaño y el color y clicamos sobre la escena. Escribimos la primera parte
del título (“Los medios”). 28. Lo convertimos en un símbolo gráfico con el nombre “los medios” y lo
eliminamos de la escena.
29. Vamos al panel Biblioteca y arrastramos el símbolo los medios al lugar que
queremos que ocupe.
Ahora vamos a modificarlo para que aparezca gradualmente, para ello:
Propiedades/Efecto de color/Estilo/Alfa y le damos el valor de 0%. Vemos que ha
desaparecido del escenario. Clicamos en el siguiente fotograma clave (el que habíamos creado en el
fotograma 83) y repetimos el paso anterior pero esta vez dándole a alfa el valor
del 100%.
Insertamos una interpolación de movimiento. Si desplazamos el rectángulo por
la línea de tiempo veremos cómo va apareciendo el texto.
Pero, además, queremos que se reproduzca el audio del texto. Importamos el archivo wav: Archivo/Importar/Importar a la biblioteca y seleccionamos el audio
que tiene por nombre 3.
Creamos una capa sobre la capa txt1 que renombramos como son3.
Insertamos 2 fotogramas clave, uno inicial y otro final (este último debe
coincidir con el fotograma final de la capa txt1).
Vamos al panel Biblioteca y arrastramos el audio hasta la escena.
Ajustamos los fotogramas claves seleccionándolos con el ratón y arrastrándolos hasta colocarlos correctamente en los fotogramas.
30. Creamos una nueva capa que renombramos como txt2 y seguimos los pasos del
punto 29 con el texto “de comunicación”.
El primer fotograma clave lo insertamos en el que va a continuación del de la
capa txt1, es decir, si el último fotograma clave de la capa txt1 es el 83, insertaremos
el fotograma clave en el fotograma 84 de la capa txt2. 31. Ya solo nos queda detener la presentación tras toda esta secuencia. Clicamos en
el último fotograma para activarlo y luego nos vamos al menú Ventana/Acciones y
pegamos el siguiente código:
Y guardamos esta presentación (Los medios de comunicación.fla) porque partiremos de
ella para crear varias actividades en un mismo archivo.
/* Detener en este fotograma
La línea de tiempo de Flash se detendrá/pausará en el fotograma en el que inserte este código.
También se puede utilizar para detener/pausar la línea de tiempo de clips de película.
*/
stop();