GUIA DE EJERCICIOS DE FLASH

Ejercicio 1:
Crear un fotograma para una animacin
Con la barra de herramientas, seleccione la herramienta Rectngulo y elija
un tono azul para el relleno. Haga clic en el botn Dibujo de objeto, en la
zona de Opciones de la barra de herramientas.
Utilizando el ratn, trace un rectngulo en la escena. Para ello debe
mantener presionado el botn del ratn mientras lo desplaza.
Para animar el rectngulo con mayor facilidad lo convertiremos en un
smbolo, para ello seleccione la opcin Convertir en smbolo del men
Modificar, en la barra de mens. En el cuadro de dilogo que aparece pulse
el botn Aceptar. Ms adelante aclararemos el concepto de smbolos.
Pulse en el men Insertar de la barra de mens y seleccione la opcin
Lnea de tiempo>Capa. As obtendremos una segunda capa en la lnea de
tiempo.
Seleccione la herramienta Texto en la barra de herramientas y elija el color
blanco para el relleno.
En el men Texto de la barra de mens seleccione la opcin Tamao y
escoja 24. Tambin puede modificar la fuente en ese mismo men.
Haga clic en la escena y escriba el texto Trabajando con Flash.
Cuando termine de escribir el texto, seleccione la herramienta Flecha (la
flecha negra) en la barra de herramientas.
Ejercicio 2:
Crear una animacin
En la lnea de tiempo seleccione las dos casillas de la posicin 20
arrastrando el ratn sobre ellas mientras mantiene pulsado el botn del
ratn.
En el men insertar de la barra de mens seleccione la opcin Lnea de
tiempo>Fotograma clave.
Haga clic en cualquier lugar de la escena para quitar la seleccin.
Haga clic sobre el texto para seleccionarlo y a continuacin arrstrelo hacia
la derecha.
Seleccione la escena 1 de la segunda capa (la que contiene el texto)
haciendo clic sobre su nombre en la lnea de tiempo.
En el men insertar de la barra de mens seleccione la opcin Lnea de
tiempo>Crear interpolacin de movimiento.
Para ver la animacin pulse la tecla Intro.


Ejercicio 3:
Convertir una figura en un relleno.
Trace una figura similar a la siguiente utilizando la herramienta Lpiz.

Mediante la herramienta Flecha seleccione la figura a trasformar.
Seleccione la opcin Modificar>Forma>Convertir lneas en rellenos.
Pulse en cualquier parte de la escena para quitar la seleccin. A partir de
este momento, si intenta modificar la curvatura de la figura ver como en
vez de variar la curva, la figura aumenta su volumen.
Acerque el puntero hasta que aparezca el indicador de modificacin de
curva. Pulse el botn del ratn y arrastre hasta el lugar deseado.
Modifique la figura hasta conseguir un resultado parecido a la siguiente
figura.

Ejercicio 4:
Crear un smbolo nuevo
Para crear un smbolo desde cero, seleccione la opcin Nuevo Smbolo del
men Insertar, o simplemente pulse la correspondiente abreviatura de
teclado, que en este caso es Control-F8.
Se mostrar un cuadro de dilogo como el de la figura en el que
indicaremos el nombre que le vamos a asignar y el tipo de smbolo que
vamos a crear. Opcionalmente podemos obtener ms posibilidades de
insercin haciendo clic en el botn Avanzado, en esa misma ventana.
Como ejemplo, introduciremos el nombre rbol y le asignaremos el tipo
Grfico. Al hacer clic en el botn Aceptar, pasaremos a la edicin del
smbolo. Sobre la lnea de tiempo observaremos que ha aparecido una
pestaa con el nombre de nuestro nuevo smbolo. Lo puede ver en la figura
siguiente, adems del rbol que hemos dibujado en nuestro ejemplo.


En este caso el dibujo se ha creado con la herramienta Lpiz, despus
hemos aplicado unos rellenos basados en degradados para dar volumen a
la imagen.
Para regresar a la pelcula haga clic en la pestaa Escena 1, en la barra
situada sobre la lnea de tiempo. El smbolo quedar almacenado
automticamente en la biblioteca de smbolos, aunque an no sea visible
en la escena.

Convertir un objeto en un smbolo:

El otro mtodo que podemos usar para crear un smbolo consiste en dibujar el
objeto en la escena normal, como hemos venido haciendo hasta ahora, A
continuacin, seleccione todo el objeto y haga clic sobre la opcin Convertir en
smbolo del men Modificar. Tambin puede hacerlo pulsando la tecla F8.
Aparecer el cuadro de dilogo Convertir en smbolo para que le asigne un
nombre a este nuevo elemento. Al hacer clic en Aceptar, el objeto se insertar en
la biblioteca de smbolos.

Ejercicio 5:
Crear un letrero semitransparente.
Inserte un nuevo smbolo mediante la opcin Nuevo smbolo del men
Insertar. Llmelo Letrero.
Cree un cuadro con la herramienta Rectngulo. Utilice cualquier color para
el relleno y desactive la lnea de trazo.
Ahora inserte el texto sobre el rectngulo mediante la herramienta Texto.
En el panel Propiedades seleccione Arial como fuente y 28 para el tamao.
El smbolo est creado. Regrese a la escena y cree una instancia del
smbolo sobre los rboles.
Seleccione la instancia que acaba de insertar.
En el panel Propiedades, seleccione el efecto Alfa y cambie el valor a un
60% aproximadamente.
El letrero se habr vuelto semitransparente.

Ejercicio 6:
Crear un botn semitransparente.
Seleccione Nuevo Smbolo en el men Insertar.
Escriba Botn 1 como nombre y seleccione Botn como Tipo.
Ahora estaremos en la lnea de tiempo del botn. Seleccione la herramienta
Rectngulo.
En el panel Propiedades seleccione un tipo de trazo similar al de la figura
Adjunta.

En el panel Mezclador de colores seleccione Lineal en la casilla Color de
relleno.
Elija un tono azul para el primer color y en el mismo panel seleccione 80%
en la casilla Alfa.
Repita el ltimo paso para el otro color del degradado. Escoja un azul ms
claro y como valor Alfa introduzca 50%.
En la muestra de degradado podr ver una pequea rejilla, que indica que
el color es semitransparente.
Cree el rectngulo que ser el botn.
Modifique el degradado para que se situ verticalmente utilizando la
herramienta Transformacin de relleno.
Ejercicio 7:
Crear los estados Sobre y Presionado de un botn.
Seleccione el fotograma Sobre en la lnea de tiempo.
En el men Insertar seleccione la opcin Lnea de tiempo>Fotograma
Clave. En la casilla Sobre debe aparecer un punto.
Para dar un efecto de movimiento mantenga el mismo color de relleno, pero
utilizando la herramienta Transformacin de relleno gire el degradado hasta
darle la vuelta.
Acceda a la casilla Presionado.
Inserte un nuevo fotograma clave con el mtodo anterior.
Cambie el color del ratn por un tono plano, por ejemplo un color rojo.
Para terminar, centre el botn en la escena utilizando el panel Alinear.

Ejercicio 8:
Crear un smbolo animado.
Pulse Control-F8 para crear un nuevo smbolo. Lo llamaremos Bola
pequea, con Clip de pelcula como comportamiento.
Dibuje una pequea bola en el centro de la pantalla. Si no est bien
centrada utilice el panel Alinear.
Pulse otra vez Control-F8 para crear otro smbolo. Llmelo Bola animada y
use Clip de pelcula para el tipo de smbolo.
Dibuje una bola grande en el centro de la pantalla.
Los siguientes pasos se realizarn en la lnea de tiempo. Seleccione el
fotograma 30 pulsando sobre la casilla.
En el men Insertar seleccione la opcin Lnea de tiempo>Fotograma clave.
Todas las casillas entre la 1 y la 30 se vuelven grises.
En el men Insertar seleccione la opcin Lnea de tiempo>Capa.
Seleccione la casilla 1 de la nueva capa y cree una instancia del smbolo
Bola pequea. Sitela a la izquierda de la bola grande.
Seleccione la casilla 15 de la Capa 2 e inserte un fotograma clave. Reptalo
con la casilla 30. En la casilla 15 y 30 aparecern sendos puntos negros,
indicando que son fotogramas claves.
Seleccione la casilla 15 nuevamente y desplace la instancia Bola pequea
hasta la derecha del botn.
Pulse sobre el nombre de la Capa 2, en la parte izquierda.
En el men Insertar seleccione Lnea de tiempo>Crear interpolacin de
movimiento. Aparecern dos flechas entre los fotogramas claves.
Ejercicio 9:
Crear un botn animado.
Pulse Control-F8 para insertar un nuevo smbolo. Llmelo Botn y asgnele
un comportamiento de botn.
En la casilla Reposo cree un botn en forma de Bola, similar a la Bola
grande de la animacin. Puede copiar el que creamos antes y pegarlo aqu.
Centre la bola en la escena mediante el panel Alinear.
Seleccione la casilla Sobre en la lnea de tiempo y pulse en la opcin Lnea
de tiempo>Fotograma clave del men Insertar.
Con la herramienta Flecha seleccione la bola que ha aparecido y elimnela
pulsando la tecla Supr La escena quedara vaca para este fotograma
Inserte una instancia del smbolo Bola animada y cntrela con el panel
Alinear.

Ejercicio 10:
Crear un botn con un cuadro de texto.
Inserte un nuevo smbolo con comportamiento Botn pulsando Control-F8.
Con la herramienta Texto inserte un bloque de texto esttico.
Para cambiar la apariencia del texto utilice las opciones del panel
Propiedades.
Ahora crearemos el estado Sobre. Acceda a esa casilla y seleccione la
opcin Lnea de tiempo>Fotograma Clave del men Insertar.
Aplique algn efecto al texto, como cambiarle el color, aumentar levemente
su tamao, etc.
Regrese a la escena y cree una instancia de este nuevo smbolo.
Pulse Control-Intro para probar el botn.

Ejercicio 11:
Colocar objetos en distintas capas.
Prepare una escena similar la de la figura siguiente. En la primera capa
situaremos los objetos estticos, y a continuacin la bloquearemos para
evitar que se muevan.
En la biblioteca de smbolos realice un objeto como el de la figura. A
continuacin inserte varias instancias dentro de la segunda capa, fjense
que las instancias estn modificadas, hagan lo mismo.
Seleccione todos los objetos de la segunda capa. Pueden hacerlo
rpidamente haciendo clic sobre el nombre de La capa.
Haga clic sobre la opcin Modificar>Lnea de tiempo> Distribuir en capas.

Ejercicio 12:
Crear una animacin por interpolacin de movimiento.
Cree, una nueva pelcula.
Inserte un nuevo smbolo, llamado Avin, con un dibujo similar al de la
figura.
De vuelta en la escena, inserte un rectngulo que ocupe todo el fondo de la
escena y asgnele un color con un degradado.
En la lnea de tiempo, cambie el nombre de la capa; llmela Fondo.
La pelcula durar 10 fotogramas. Para conseguirlo, haga clic en el
fotograma 10 y seleccione la opcin Insertar> Lnea de tiempo>Fotograma.
Inserte una nueva capa pulsando en el botn Insertar capa en la parte
inferior de la lnea de tiempo.
Utilice la palabra Avin como nombre para la nueva capa.
Arrastre el smbolo Avin desde la biblioteca hasta la esquina inferior
izquierda de la escena.
Haga clic en la casilla 10 de esta capa e inserte un fotograma clave
pulsando la tecla F6.
Desplace el avin hasta la esquina superior derecha. Ya est todo
preparado. Ha llegado el momento de aplicar la interpolacin. Para ello
necesita utilizar el panel Propiedades.

Ejercicio 13:
Crear una interpolacin de movimiento (continuacin),
Seleccione la casilla 1 de la capa Avin. Observar que el avin vuelve a su
posicin original.
En el panel Propiedades, seleccione la opcin Movimiento en el cuadro
Animar. En la lnea de tiempo las casillas intermedias se vuelven de color
azul, atravesadas por una flecha que une los dos fotogramas clave.
Pulse Intro para reproducir la animacin o Control-Intro para probar la
escena.

Ejercicio 14:
Crear una mscara en movimiento.
Cree una nueva pelcula, con tamao 500 por 300 pxeles y seleccione un
tono naranja para el fondo.
En la librera inserte un smbolo en forma de elipse, llmelo Elipse.
Aada un nuevo smbolo que contenga el texto Las mscaras en Flash.
Utilice dos colores, negro para el principio y rojo para la palabra Flash.
Aada un smbolo ms, con un dibujo similar la de la figura.
Regrese a la escena e inserte el smbolo en forma de mscara en la capa
1.
Ample la duracin de la pelcula a 30 fotogramas, haciendo clic sobre la
casilla 30 y pulsando la tecla F5.
Inserte una nueva capa, llamada Texto y site en ella el smbolo que
contiene el texto.
Aada una tercera capa, llamada Mscara e inserte la elipse en ella. Sitela
sobre la parte izquierda del texto, tapando el principio de ste.
Inserte un fotograma clave (pulsando F6) en el fotograma 30 y en el 15 de
la capa Mscara.
En el fotograma 15 de la capa Mscara desplace la elipse hasta el final del
texto.
Haga clic sobre el nombre de la capa Mscara y en el panel Propiedades
seleccione como interpolacin de Movimiento. De este modo aplicamos la
interpolacin a todos los fotogramas clave de la capa.
Pulse con el botn derecho sobre el nombre de la capa y active la opcin
Mscara.
Los iconos que aparecen junto al nombre de esta capa y de la inferior
cambian, al tiempo que el candado de ambas capas se activa, para que no
se puedan editar. Puede ver estos iconos en la figura.
Pruebe la pelcula pulsando Intro o Control-Intro