Cómo hacer un botón flash

• Mayo 7, 2024

Si ha seguido la serie, ahora está listo para crear botones de menú para su sitio web Flash. Crearemos un botón de plantilla que luego usaremos como base para crear sus botones de menú. Un botón Flash viene preestablecido con su propia línea de tiempo que contiene cuatro cuadros; Arriba, encima, abajo y golpe. Puede pensar en estos cuatro marcos como las etapas del enlace de rollover que es tan popular en las páginas web. El cuadro Arriba es la etapa inactiva cuando no sucede nada. El marco Over es la etapa cuando el mouse pasa sobre el enlace y el marco Down es la etapa cuando se hace clic en el enlace. El marco Hit es un marco especial que realmente no es visible en la página web. Su propósito es definir la ubicación del área en la que se puede hacer clic o las coordenadas del botón. Utilizaremos estos cuatro cuadros para crear el efecto de desplazamiento para su plantilla de botón Flash. Configuraremos el cuadro Arriba para mostrar el nombre del botón en texto negro, el cuadro Superior cambiará el color del texto a rojo y el cuadro Abajo para cambiar el color nuevamente a verde. Por supuesto, es posible que desee utilizar diferentes colores que se verán bien con la combinación de colores para su página web. Abra su archivo Flash .fla y pongámonos a trabajar.

Paso 1. Nuevo símbolo de botón. En la barra de menú, haga clic en Insertar> Nuevo símbolo para abrir el cuadro de diálogo Crear nuevo símbolo. Asigne un nombre al símbolo Nav_Button y establezca el comportamiento en Botón. Cuando haga clic en Aceptar, verá un nuevo símbolo llamado Nav_Button en el Panel de la Biblioteca (Ventana> Biblioteca).


Panel de biblioteca: símbolo Nav_Button

Paso 2. La línea de tiempo. También notará que el espacio de trabajo ha cambiado del escenario al modo de edición de símbolos que muestra la línea de tiempo para el símbolo Nav_Button. Por defecto, tiene una capa llamada Capa1 y cuatro cuadros (Arriba, Arriba, Abajo y Golpear). Además, el cuadro Arriba ya tiene un fotograma clave.


Modo de edición de símbolos

Cambiemos el nombre de Layer1 a Shapes porque dibujaremos el área del rectángulo que definirá la región en la que se puede hacer clic para el botón. Haga doble clic en el nombre de Capa1 y escriba el nuevo nombre.

A continuación, tendremos que agregar un fotograma clave a los otros tres fotogramas. Por lo tanto, haga clic en el marco Sobre para seleccionarlo (el cuadrado blanco se volverá verde). Luego haga clic en Insertar> Línea de tiempo> Fotograma clave en blanco y aparecerá un pequeño punto en el cuadro Sobre en la capa Formas. Repita esto para los cuadros Down y Hit en la capa Shapes.


Capa de formas

Insertar botón de capa
Paso 3. Agregar una capa. Ahora agregaremos una segunda capa. En esta capa pondremos el nombre o la etiqueta del botón. Queremos poner esta nueva capa encima de la capa Formas, así que mantenga seleccionada la capa Formas y haga clic en el botón Insertar capa para crear Layer2. Cambie el nombre de esta nueva capa de Layer2 a Label.


Capa de etiqueta

Icono de herramienta de texto
Paso 4. Agregue el nombre al botón. Todavía estamos trabajando en la capa Etiqueta. Haga clic en el cuadro Arriba en la capa Etiqueta y estará listo para agregar la etiqueta para este botón. Este será el botón de Inicio que llevará a sus lectores a la página de inicio de su sitio. Entonces lo etiquetaremos como Inicio. Haga clic en el icono de la herramienta de texto y haga clic en el pequeño signo más en el centro del espacio de trabajo. Esto abrirá el Inspector de propiedades para la herramienta de texto. Establezca los atributos para la herramienta de texto a lo que desee. Aprendiste a hacer esto en el tutorial anterior. He establecido mis atributos a lo siguiente.

Tipo de texto: texto estático
Fuente: Arial
Talla: 36
Color: 000000 (negro)
Estilo: negrita
Alinear al centro

Ahora escriba Inicio en el cuadro pequeño con el cursor parpadeante. Finalmente, haga clic en el icono de la Herramienta de selección (flecha negra).


Etiqueta de inicio

Seguir

Instrucciones De Vídeo: Como hacer un Boton animado - Tutorial Flash (Mayo 2024).