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

2. Software
3. Adobe
4. Flash
5. Cómo crear símbolos de botones en Adobe Flash CS6

Libro Relacionado

Diseño de Adobe Creative Suite 6 y Web Premium All-in-One para tontos

Por Jennifer Smith, Christopher Smith, Fred Gerantabee

En Adobe Flash CS6, los botones son tipos de símbolos especiales creados para responder a la interacción del ratón o del teclado, como los clics, los desplazamientos y las pulsaciones de teclas específicas. Cuando se combina con ActionScript, los botones pueden utilizarse 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 fácilmente las instancias al escenario desde su biblioteca para crear más botones.

Los botones cobran vida después de añadir ActionScript, pero debe saber cómo crear los botones adecuados antes de cablearlos.

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 de contenido existente en el escenario o como nuevos símbolos vacíos a los que puede añadir contenido más adelante.

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

1. En una nueva capa de su documento, cree una nueva forma sólida en el escenario que desee utilizar como botón y seleccione la forma con la herramienta Selección.
2. Aparece la ventana de diálogo Convertir en símbolo.
3. Introduzca un nombre para el nuevo botón en el cuadro de texto Nombre y seleccione Botón en la lista desplegable Tipo.
4. Haga clic en Aceptar para crear el botón.

Seleccione Window→Library para iniciar el panel Biblioteca y verá el nuevo símbolo con el icono del botón especial junto a él.

Cómo añadir 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 el nuevo botón haciendo doble clic en él en el escenario o en el panel Biblioteca. Ahora también puede definir el contenido para los estados restantes.
2. Seleccione el marco Sobre en la línea de tiempo del botón y añada un nuevo fotograma clave con la tecla de acceso directo F6.
3. Utilice la herramienta de selección o el inspector de propiedades u otra herramienta de dibujo para modificar la ilustración en el marco de sobreimpresión.
4. Seleccione el cuadro inferior e inserte un nuevo cuadro de diálogo utilizando la tecla de acceso directo F6.
5. Este paso determina cómo aparece el botón cuando el usuario hace clic y mantiene presionado el botón del ratón.
6. Seleccione el cuadro de acierto y cree un nuevo fotograma clave pulsando la tecla de acceso directo F6.
7. Utilice las ilustraciones existentes que se copian en este fotograma clave o en una de las herramientas de modelado para rellenar este fotograma con un área Hit grande y llena.
8. Salga del botón haciendo clic en Escena 1 encima del escenario.
9. Elija Control→Test Película para obtener una vista previa de la película, haga clic en el nuevo botón para ver los diferentes estados en acción.

Cómo modificar las instancias de botones en Adobe Flash CS6

Las instancias de botones 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 utilizar varias instancias de un solo símbolo de botón para crear un menú completo o una barra de control.

A continuación se explica cómo añadir y modificar instancias adicionales de su botón en el escenario:

1. Seleccione Window→Library para asegurarse de que el panel Biblioteca esté visible.
2. Arrastre dos instancias más del símbolo del botón a la misma capa que la instancia del botón existente y, si es necesario, coloque los botones de forma que se separen entre sí.
3. Seleccione una de las instancias de botones y elija Window→Properties El inspector de propiedades se abre.
4. Seleccione 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 en el panel Herramientas y utilice la herramienta Transformar para cambiar el tamaño o girar el botón seleccionado.

Para obtener una vista previa de los botones, seleccione Control→Test Movie o Control→Enable Simple Buttons.