Cómo crear símbolos de botones en Adobe Flash CS6 - Dummies

En Adobe Flash CS6, los botones son tipos de símbolos especiales creados para responder a la interacción del mouse o teclado como clics, vuelcos y pulsaciones de teclas específicas. Cuando se combina con ActionScript, los botones se pueden usar para casi cualquier tarea de navegación o control. Los botones se crean de la misma manera que otros tipos de símbolos, y puede arrastrar instancias al escenario desde su biblioteca para crear más botones.

Los botones

cobran vida una vez que se agrega ActionScript, pero debe comprender cómo crear los botones adecuados antes de conectarlos.

Cómo crear un nuevo botón en Adobe Flash CS6

Al igual que con los símbolos gráficos, puede crear botones a partir del contenido existente en el escenario o como nuevos símbolos vacíos a los que puede agregar contenido más adelante.

Siga estos pasos para crear un nuevo símbolo de botón a partir del contenido existente:

1. En una nueva capa en su documento, cree una nueva forma sólida en el escenario que desee usar como un botón y seleccione la forma con la herramienta Selección.

2. Elija Modificar → Convertir en símbolo.

   Aparece el cuadro de diálogo Convertir en símbolo.

3. Ingrese un nombre para su nuevo botón en el cuadro de texto Nombre y seleccione Botón en la lista desplegable Tipo.

4. Haz clic en Aceptar para crear el botón.

Elija Ventana → Biblioteca para abrir el panel Biblioteca, y verá el nuevo símbolo con el icono del botón especial al lado.

Cómo agregar contenido a los estados de los botones en Adobe Flash CS6

Puede agregar contenido a cada fotograma de su botón para completarlo:

1. Si aún no está abierto, edite su nuevo botón haciendo doble clic en él en el escenario o en el panel de la Biblioteca.

   Debería tener algo de contenido en el estado Up desde cuando creó el botón. Ahora también puede definir contenido para los estados restantes.

2. Seleccione el marco Sobre en la línea de tiempo del botón y agregue un nuevo fotograma clave con la tecla de acceso directo F6.

3. Use la herramienta de selección o el inspector de propiedades u otra herramienta de dibujo para modificar la ilustración en el marco superior.

   

4. Seleccione el marco Abajo e inserte un nuevo fotograma clave usando la tecla de acceso directo F6.

5. Modificar o agregar contenido al cuadro Abajo.

   Este paso determina cómo aparece el botón cuando el usuario hace clic y mantiene presionado el botón del mouse.

6. Seleccione el cuadro de visitas y cree un nuevo fotograma clave presionando la tecla de acceso directo F6.

7. Use ilustraciones existentes que se copian en este fotograma clave o en una de las herramientas de forma para llenar este cuadro con un área grande y llena.

8. Salga del botón haciendo clic en Escena 1 sobre el escenario.

9. Elija Control → Probar película para obtener una vista previa de su película.

   Desplácese y haga clic en su nuevo botón para ver los diferentes estados en acción.

Cómo modificar instancias de botón en Adobe Flash CS6

Las instancias de botón individuales pueden tener transformaciones únicas y efectos de color aplicados, al igual que las instancias de símbolos gráficos. Además, cada botón puede tener un ActionScript único aplicado a él, por lo que puede usar varias instancias de un solo símbolo de botón para crear un menú completo o una barra de control.

Aquí se explica cómo agregar y modificar instancias adicionales de su botón en el escenario:

1. Elija Ventana → Biblioteca para asegurarse de que el panel Biblioteca esté visible.

2. Arrastre dos instancias más de su símbolo de botón a la misma capa que su instancia de botón existente.

   Si es necesario, coloque los botones de modo que estén separados el uno del otro.

3. Seleccione una de las instancias de botón y elija Ventana → Propiedades.

   Se abre el inspector de propiedades.

4. Elija Tinte en la lista desplegable Estilo en la sección Efecto de color.

5. Seleccione un color y establezca el porcentaje de tinte en 100 por ciento.

   El botón se tiñe con el color elegido.

6. Seleccione una instancia de botón diferente, elija la herramienta Transformar desde el panel Herramientas y use la herramienta Transformar para cambiar el tamaño o rotar el botón seleccionado.

Botones de vista previa seleccionando Control → Probar película o Control → Habilitar botones simples.