Las tecnologías Flash son omnipresentes en los sitios de Internet hoy en día, e incluso los aspirantes a webmasters se esfuerzan por agregar elementos flash a su sitio. Por ejemplo, el diseño del menú con esta tecnología será funcional y atractivo. Como ejemplo, describiremos cómo hacer un botón flash conveniente en Adobe Flash CS4 que se puede colocar en su sitio y crear un bloque de menú basado en dichos botones.
Instrucciones
Paso 1
Prepare dos archivos gráficos con una imagen de fondo de botones sin texto en formato Jpg, diferenciándose en un par de fragmentos de color. Luego, abra Adobe Flash, cree un nuevo documento y seleccione Action Script 2.0 de la lista.
Paso 2
Abra la sección de configuración y establezca el ancho en 273 píxeles y el alto en 54 píxeles. Haga clic en el botón Importar en el menú Archivo y elija Importar a biblioteca para importar las dos imágenes renderizadas a la biblioteca de datos.
Paso 3
Arrastre las imágenes descargadas al área de trabajo, presione F8, cambie el nombre de una de las imágenes y en la sección Tipo seleccione Clip de película.
Paso 4
Luego, arrastre la segunda imagen al área de trabajo, cámbiele el nombre también y especifique el mismo parámetro en la sección Tipo.
Paso 5
En cada botón, escriba el texto que desee y presione Ctrl + F8 para crear un nuevo botón. Se abrirá la ventana Nuevo símbolo. Dé el nombre del botón futuro y elija el tipo de botón. Copie la primera imagen editada de arriba en el área de trabajo del botón de imagen en movimiento creado.
Paso 6
Cree un nuevo clip de película, también presionando Ctrl + F8, y copie el resultado en el área de trabajo. Cree una nueva capa y copie el clip de película con la segunda imagen.
Paso 7
En la primera capa, cree un marco retrocediendo un poco y eligiendo la opción Insertar marco en el menú contextual. Repita lo mismo en la siguiente capa eligiendo Insertar fotograma clave en el menú contextual. Seleccione el fotograma clave creado y abra su configuración.
Paso 8
En la sección Efecto de color, seleccione Estilo Alfa y establezca el valor en 0%. En el primer fotograma de la misma capa, establezca el valor en Classic Motion Tween.
Paso 9
En el escenario, seleccione el objeto de botón y abra Acciones. Pegue el siguiente código en el campo libre: on (release) {
getURL ("aboutme.htm", "_self", "GET");
}
Paso 10
En la configuración, dé al botón el nombre deseado. Regrese a la primera escena y copie el clip de película, selecciónelo y abra Acciones nuevamente. Ingrese otro código donde sim_btn es el nombre de su botón: onClipEvent (enterFrame) {
si (ir) {
siguiente fotograma ();
} demás {
prevFrame ();
}
}
onClipEvent (cargar) {
var go;
detener ();
sim_btn.onRollOver = function () {
ir = verdadero;
};
sim_btn.onRollOut = function () {
ir = falso;
};
}
Paso 11
Exporte el botón eligiendo Exportar película en el menú Archivo.
