Cómo crear botones en Flash

Los menús de navegación necesitan botones. Flash te da todas las herramientas para crear unos botones realmente geniales. Si no has creado botones Flash antes, considera esto como tu bautismo de fuego. Para crear un botón para su menú, siga estos pasos:

1Seleccione Insert→New Símbolo.

Aparece la ventana de diálogo Crear símbolo nuevo.

2Escriba un nombre para su símbolo y elija el comportamiento del botón en el menú desplegable Tipo.

Está creando un menú, y el lugar obvio para comenzar un menú es con el botón Inicio. Por lo tanto, nombre el botón Home.

3Haga clic en Aceptar y Flash entrará en el modo de edición de símbolos.

Tiene una capa y cuatro estados, cada uno de los cuales es controlado por la posición del cursor del usuario: Arriba, arriba, abajo y golpea.

Este estado determina el área objetivo del botón. Añade el estado de Hit si tiene un botón particularmente delicado que puede ser difícil de seleccionar.

4Si aún no está abierto, elija Window→Properties.

Se abre el Inspector de Propiedades.

5Cree el tamaño de la forma para su botón.

Al crear botones, utilice la herramienta Rectángulo con un radio de esquina de 50 píxeles para obtener una forma ovalada. Antes de crear la forma, cambie el valor de Opciones de rectángulo en el Inspector de propiedades a 50, lo que le da un borde redondeado agradable. La elección de View→Rulers le permite crear un objeto del tamaño aproximado del botón.

6Seleccione la forma del botón y, en el Inspector de propiedades, escriba las dimensiones deseadas para el botón en los campos de ancho y alto.

Para calcular el tamaño de cada botón, divida el ancho de su menú de navegación por el número de botones. En este ejemplo, está creando seis botones para un menú de navegación que tiene 600 píxeles de ancho y 25 píxeles de alto. Por lo tanto, cada botón tiene 100 píxeles de ancho y 25 píxeles de alto.

7Seleccione y luego alinee el botón con el centro del escenario.

Presione Ctrl+K (Windows) o Apple+K (Mac) para abrir el panel Alinear. Active la casilla de verificación A etapa y, a continuación, haga clic en los iconos que centran el botón vertical y horizontalmente.

8Haga clic en el botón Nueva capa en la esquina inferior izquierda de la Línea de tiempo.

Flash crea una nueva capa. Todo lo que necesita saber sobre las capas por ahora es que las capas le ayudan a organizar su trabajo. Para el botón, está creando una capa separada para el texto del botón.

9Haga doble clic en el botón Título de la capa de texto.

Esto abre un cuadro de texto en el que puede escribir un nuevo nombre para la segunda capa. No es imperativo, pero crear un nombre intuitivo ahora te ayuda a descifrar más tarde qué capa se utiliza para qué cuando estás creando una película o un símbolo complejo.

10Introduzca un nombre para la capa.

El texto es tan buen nombre como cualquier otro. Mientras tanto, cambie el nombre de la capa en la que se encuentra el botón. ButtonShape es un buen nombre.

11Seleccione la herramienta Texto y escriba el nombre deseado.

En este caso, el botón se llama Home. Cuando un visitante hace clic en este botón, va a la página de inicio.

Un tutorial completo sobre la herramienta Texto está fuera del alcance de este libro. Sin embargo, si se fija en el Inspector de propiedades, verá lo fácil que es establecer parámetros para la herramienta Texto.

12Pulse F5 en el marco inferior de la capa de texto.

Esto copia el contenido del marco superior a los estados superior e inferior.

13Pulse F6 para crear fotogramas clave para los estados Arriba y Abajo en la capa Button Shape.

La creación de fotogramas clave le permite cambiar o modificar el contenido de estos fotogramas, o hacer algún otro cambio que notifique a los usuarios que han encontrado un botón en el que se puede hacer clic. El gráfico en el estado Down aparece cuando los usuarios hacen clic con éxito en el botón.

14Haga cambios en los estados superior e inferior de la capa Button Shape.

Para este ejemplo en ejecución, cambiamos el color del botón a rojo en el marco Sobre y a naranja en el marco Abajo.

15Haga clic en el botón Atrás (se parece a una flecha y se encuentra a la izquierda del título de la escena sobre la capa superior).

El botón se agrega a la Biblioteca y está listo para usar.