El documento describe los pasos para crear un botón interactivo en Flash que cambia su aspecto al pasar el cursor por encima, hacer clic y soltar clic. También explica cómo crear un rectángulo en una capa y convertirlo en texto en otro fotograma para realizar una animación de morphing.

1. CREACIÓN DE UN NUEVO DOCUMENTO Vamos a crear un nuevo documento preparado para poder introducir acciones en la versión 2.0 de ActionScript (recuerde que en la introducción del libro se dijo que el nuevo lenguaje ActionScript 1 Seleccione la opción Archivo/Nuevo, elija la opción Archivo de Flash (ActionScript 2.0) de la ventana que se abrirá y pulse en Aceptar. Se creará un documento en blanco de Flash

3. CREACIÓN DEL BOTÓN 1 Seleccione la opción Insertar/Nuevo símbolo. En la ventana que se abrirá introduzca botón en la casilla Nombre, marque la opción Botón y pulse en Aceptar. 2 Con la herramienta Óvalo y ayudándose de la tecla Mayús arrastre el ratón para dibujar un círculo en el centro de la pantalla. Si el círculo aparece con contorno, selecciónelo y elimínelo. Seleccione el círculo haciendo clic en él y asígnele un color azul intermedio. 3 Con el círculo seleccionado, elija la opción Ventana/Información para visualizar el panel Información. La zona central muestra el controlador del punto de registro ; haga clic sobre él para que las coordenadas del símbolo coincidan con el centro del mismo ( ). X= 0 Y= 0 ANCHURA Y ALTURA: 100

4. 4.- Deseleccione el círculo haciendo clic en un lugar libre de la pantalla y seleccione la herramienta Texto . Seguidamente, pulse en la barra lateral de herramientas y seleccione un color que resalte sobre el azul, por ejemplo, el color amarillo.

5. 5.- Escriba la palabra Pulsa TAMAÑO 25 y elija el tipo de letra Arial Black.

6. 7.- Bien, ya hemos definido el aspecto del botón cuando esté en reposo. En la línea de tiempo haga clic en el segundo fotograma SOBRE para seleccionarlo y pulse F6 para crear un nuevo fotograma clave. Deseleccione el círculo haciendo clic en un lugar libre de la pantalla. 8.- El segundo fotograma del botón es el que contendrá el aspecto del botón cuando se pase el cursor del ratón por encima. Vamos a hacer que en ese caso el texto Pulsa se agrande para llamar la atención del usuario. Para ello, seleccione solamente el texto con la herramienta TEXTO, y en el panel Propiedades que acabamos de usar asígnele un tamaño de 32 píxeles. Centre el texto en el círculo arrastrándolo con el ratón o moviéndolo con las teclas de cursor.

7. 9 .-Vamos a crear el tercer fotograma, que mostrará el aspecto del botón cuando se haga clic sobre el PRESIONADO Para ello, selecciónelo y pulse F6 para convertirlo en un nuevo fotograma clave. 10.- Con la herramienta SELECCIÓN seleccione únicamente el círculo y cámbiele el color, por ejemplo, rojo. 11.- Seleccione el círculo y en el panel Información (VENTANA/INFORMACION) antes, asigne un tamaño de 120 píxeles para cada una de las dos casillas An. y Al.

8. 12.- Para rizar el rizo haremos que, además del cambio de color y tamaño del círculo, el texto Pulsa se convierta en el texto O.K. Para ello, seleccione sólo el texto con la herramienta de texto y haciendo doble clic sobre él, bórrelo y escriba en su lugar el texto O.K. 13.- Seleccione ahora el texto que acaba de escribir, y con el panel Propiedades cambie su color, tamaño y tipo de letra.

9. 14 Bien, con esto se ha concluido el botón. Pulse en el texto Escena 1 de la barra de edición para volver a la escena principal (y arrastre a ella desde la biblioteca el botón recién creado. Pulse Ctrl + Intro

10. CREACIÓN DEL OBJETO Ahora vamos a crear el objeto que deberá transformarse en un texto. Concretamente, convertiremos un rectángulo en el texto BERTOLT BRECH. 19.- renombrar la capa actual que es la que contiene el botón. Haga doble clic sobre el nombre de la capa y asígnele el nombre botón. 20 .- Crear una nueva capa y cambie su nombre por defecto por el de morphing,

11. 21.- Ahora vamos a dibujar un rectángulo de color rojo sin borde. 22.- Arrastre en la mitad superior de la escena para dibujar un rectángulo. 23.- Seleccione el rectángulo con la herramienta SELECCIÓN y mediante el panel Propiedades asigne al rectángulo unas dimensiones de 200 píxeles de ancho por 60 píxeles de alto, actuando para ello en las casillas An y Al.

12. 24 Seleccione el fotograma nº 30 de la capa morphing y pulse F6 para crear un nuevo fotograma clave. 25.- En la capa BOTON, seleccione el fotograma 30 en la línea de tiempo pulse F5 para crear un fotograma.

13. CREACIÓN DEL TEXTO Ahora vamos a crear el texto en el que tendrá que convertirse el rectángulo durante la transformación. 26.- Haga clic sobre el fotograma 30 de la capa morphing para seleccionarlo. 27.- Deseleccione todo haciendo clic en un lugar libre de la escena y seleccione el rectángulo con la herramienta de selección. Pulse en la tecla Supr para eliminarlo. 28.- Seleccione la herramienta de texto , haga clic en la mitad superior de la escena y escriba el texto BERTOLT BRECH