Está en la página 1de 4

Botones

Ejercicio 1: Crear un Botn en forma de Pldora

1. Abre un documento nuevo 2. En el primer fotograma dibuja un objeto con forma de pldora como el de la derecha y escribe "STOP" sobre l. 3. Convirtelo a smbolo de tipo Botn 4. Crea distintas apariencias para distintos estados 5. Gurdalo como stop.fla.

Ejercicio 2: Ajustar el rea Activa


1. Crea una nueva pelcula 2. Escribe el texto: "VmOnoS" respetando las maysculas y minsculas como se muestran 3. Convirtelo a Botn que slo funcione al pasar por la "O" central

Ejercicio 3: Botn con Sonido


1. Partimos del Botn del ejercicio 1. brelo. 2. Haz que emita un sonido de la Biblioteca Comn de Sonidos al pasar el ratn por encima de l. 3. Haz que emita otro sonido de la Biblioteca Comn de Sonidos distinto al pulsarlo.

Ejercicio 4: Detener una Pelcula


1. Abre el documento exportar_stop.fla. Lo encontrars en la carpeta de ejercicios. 2. En el primer fotograma tenemos un clip de pelcula que contiene una animacin que dura ms de 1 fotograma. 3. Ahora inserta en el clip el botn del ejercicio 1 de manera que se vea a lo largo de toda su reproduccin. 4. Haz que se detenga el Clip al pulsar el botn.

Botones
Ejercicio 1: Crear un Botn en forma de Pldora
1. Crea el nuevo documento con con Archivo Nuevo, y elige ActionScript 3.0.

2. 3. Para dibujar la forma de pldora dibuja primero un crculo perfecto (con la herramienta valo y la tecla Shift). Brrale el borde. 4. Con la forma seleccionada, selecciona la herramienta Cubo de Pintura y elige un degradado radial de tonos azules, colocando los marcadores como se muestra en la imagen de la derecha. 5. Con el Cubo de pintura, haz clic y arrastra sobre la forma. Vers como te permite regular la direccin del degradado. Puedes hacerlo tantas veces como sea necesario hasta lograr el degradado deseado. 6. Ahora, vamos a crear la pldora. Fuera del crculo, dibuja dos lneas paralelas (Herramienta Lnea y tecla Shift). Agrpalas (Ctrl + G). 7. Utilizando el panel alinear, centra horizontalmente el crculo y las lneas (fig. b). 8. Desagrupa las lneas (Ctrl + Shift + G) y deseleccinalas. 9. Ahora podrs seleccionar independientemente los lados de la esfera. Sepralos (fig. c). Puedes hacerlo con las teclas Shift + derecha o Shift + izquierda. 10. Con la herramienta Transformacin libre, estira la seccin que estaba entre las lneas hasta completar la figura (fig. d).

11. Borra

las

lneas

negras.

12. Selecciona la pldora, y convirtela en un botn, haciendo clic derecho y eligiendo Convertir en smbolo... o bien pulsando F8. Elige el tipo Botn. 13. Haz doble clic sobre l para acceder a su lnea de tiempo. 14. Crea fotogramas clave los estados que quieras modificar pulsando F6 y modifcalos para crear el efecto que prefieras. 15. Crea una nueva capa encima de sa, e introduce ah el texto. A no ser que quieras variar el texto segn el estado. 16. Gurdalo, pulsando Archivo Guardar Como... y llmalo stop.

Ejercicio 2: Ajustar el rea Activa


1. Hazlo tambin con Archivo Nuevo, eligiendo archivo ActionScript 3. 2. Utilizando la Herramienta Texto (marcada en la barra de Herramientas con una T) escribe el texto: VmOnoS. 3. Haz clic en la Herramienta Seleccin y selecciona el texto que acabas de crear. 4. Convirtelo en un botn mediante Modificar Convertir en Smbolo... o bien pulsando F8, y eligiendo el tipo Botn. 5. Haz doble clic sobre l para editar su lnea de tiempo. 6. Selecciona el fotograma Zona Activa, dibuja un valo de tal forma que tape por completo la "O" y tenga el mismo tamao y forma. Luego borra el texto.

Ejercicio 3: Botn con Sonido


1. Abre el archivo stop.fla, creado en el primer ejercicio. 2. Haz doble clic sobre el botn con forma de pldora. 3. Crea una nueva capa para los sonidos. 4. Haz clic en el men Ventana Bibliotecas comunes Sonidos. 5. Arrastra al escenario los sonidos que quieres emplear.

6. En la nueva capa, crea fotogramas clave en Sobre y Presionado. 7. Selecciona el fotograma Sobre de la nueva capa, y en el panel Propiedades, elige el sonido correspondiente en Nombre dentro de Sonido. En Sinc. elige Evento. 8. Repite el paso anterior, pero en el fotograma Presionado. 9. Gurdalo y cirralo.

Ejercicio 4: Detener una Pelcula


1. Abre el archivo exportar_stop.fla, que encontrars en la carpeta de ejercicios. 2. En el men Archivo, selecciona Importar Abrir biblioteca externa, e importa el archivo stop.fla creado en los primeros ejercicios. 3. Desde el men Modificar elige Documento para cambiar su tamao, y cambia la altura a 350px. 4. Crea una nueva capa en la Lnea de tiempo. 5. Selecciona el primer fotograma de la nueva capa. 6. De la biblioteca de stop.fla, arrastra el botn al escenario para crear una instancia. 7. Selecciona el botn, y en el panel Propiedades, escribe botonStop como nombre de la instancia. 8. Selecciona la estrella, y en el panel Propiedades, escribe estrella como nombre de la instancia. 9. Organiza la estrella y el botn en el escenario. 10. Selecciona la instancia del botn, y abre el panel Fragmentos de cdigo. 11. En el panel, selecciona Controladores de eventos Evento MouseClick y haz doble clic. 12. Se crear una nueva capa con el cdigo ActionScript. Modifcalo para que al hacer clic en el botn se detenga la estrella: ? botonStop.addEventListener(MouseEvent.CLICK, 1fl_MouseClickHandler); 2 3 function fl_MouseClickHandler(event:MouseEvent):void 4 { 5 estrella.stop(); 6 } 13. Prueba la pelcula (Ctrl + Intro) y comprueba que funciona.