animacion presentacion

4
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.

Upload: lolan65

Post on 25-Dec-2015

654 views

Category:

Documents


0 download

DESCRIPTION

Crear animaciones con Adobe Flash CC

TRANSCRIPT

Page 1: Animacion presentacion

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.

Page 2: Animacion presentacion

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.

Page 3: Animacion presentacion

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:

Page 4: Animacion presentacion

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();