Cómo hacer una barra de navegación Utilización de Flash 8

El flash se utiliza por los desarrolladores web para crear diversas partes de un sitio web, incluyendo banners, barras de navegación, streaming de vídeo y fotogramas y animaciones. Algunas compañías, como Disney.com, ha utilizado Flash para construir toda su sitio. Una barra de navegación Flash es infinitamente personalizable e interactivo, limitado solamente por su imaginación y habilidad artística. El primer paso es tener en mente un concepto de diseño que complementa su sitio web. A partir de ahí, la mecánica de la construcción de una barra de navegación de destello puede ser bastante simple.

Instrucciones

Preparar sus botones

1 Utilice las herramientas de dibujo en la barra de herramientas de Flash para dibujar el botón ideal o, si lo prefiere, utilice Archivo> Importar> Importar a escenario, para importar el diseño del botón de otro programa como Photoshop o Illustrator.

2 Haga clic izquierdo en el botón y pulse "F8" para convertirla en un símbolo de clip de película. Nombrar el "botón" símbolo o algo similar. Haga doble clic en el botón para entrar en el símbolo para la edición. Pulse la tecla "F8" de nuevo para activar el botón en un símbolo nuevo. Darle el nombre y pulse "OK".

3 Haga clic en el botón "Nueva capa" en la línea de tiempo para insertar una nueva capa por encima de la actual. Haga clic izquierdo en el nombre de la capa y lo llaman "texto". Presione el botón "Nueva capa" de nuevo en la línea de tiempo para insertar una nueva capa por encima de la actual. Una vez más, haga clic sobre el nombre de la capa y lo llaman "ActionScript". Haga clic en el primer fotograma clave de esta nueva capa y pulse "F9" para abrir el panel de acciones. Escriba el comando:

detener()

Cierre el panel de acciones.

4 Haga clic en el primer fotograma clave de la capa de texto que ha creado. Haga clic en la herramienta Texto de la barra de herramientas. Asegúrese de que el tipo de texto que se está poniendo "Texto dinámico" en el campo desplegable en la ventana de Propiedades, y haga clic en un área situada sobre el botón. El tipo de "texto de marcador" o algo similar en el campo de texto. Pulse la tecla "F8" para convertir el texto en un símbolo de clip de película. Darle el nombre que desee y pulse "OK". Ahora dar a su símbolo de texto el nombre de instancia "textInside" en la ventana de Propiedades.

5 Haga doble clic en el símbolo de clip de película de su texto para entrar en él para su edición. Seleccione el campo de texto y darle un nombre de texto de "myText." Por debajo de la línea de tiempo, haga clic en el enlace de migas de pan para llevarlo de regreso a la etapa principal y línea de tiempo.

Añadir su transferencia y efectos de despliegue

6 Haga doble clic en el símbolo de botón en el escenario de entrar en él para la edición de nuevo.

7 En la línea de tiempo, haga clic derecho en virtud de fotograma clave de la capa 7 botón y elegir la opción "Insertar fotograma clave" en el menú contextual. Modifique su botón de la manera que se adapte a su sitio, creando lo que el botón se verá como cuando un cursor que se da la vuelta. Crear un efecto de resplandor a su alrededor usando los filtros o torcer o cambiar su tamaño utilizando las herramientas de la barra de herramientas.

8 Haga clic con el fotograma clave 1, donde el botón es y seleccione "Copiar fotogramas" en el menú contextual. Haga clic derecho en el fotograma 20 de la capa en la línea de tiempo y elija "Pegar fotogramas" en el menú contextual. Haga clic en el espacio gris entre 1 y 7 fotogramas clave y seleccione "Crear interpolación de movimiento." Hacer lo mismo entre los fotogramas clave 7 y 20.

9 Repita los pasos 2 y 3 excepto que ahora lo hacen por la capa de texto que creó en la Sección 1, Paso 3, insertando el fotograma clave para ello y modificar el texto (color, forma, tamaño, efecto de filtro, etc.) de cualquier forma que desee.

10 Haga clic en la capa ActionScript bajo fotograma clave 7 y elegir la opción "Insertar fotograma clave" en el menú contextual. Pulse la tecla "F9" para abrir el panel Acciones y escriba el comando:

detener();

Cierre el panel de acciones.

11 Navegar de vuelta a la línea de tiempo raíz y crear duplicados de su botón manteniendo presionada la tecla "Ctrl" mientras hace clic y arrastra lejos una copia del original, o haciendo clic derecho en el botón original y la elección de "copia" luego a la derecha + clic en el escenario y seleccionando "pegar". Una vez que tenga tantos botones como sea necesario para su barra de navegación, disponerlas en el escenario en el orden que desee. Haga clic en el primer botón y darle un nombre de instancia en el inspector de propiedades de "button_01," nombrar el segundo botón "button_02" y así sucesivamente.

Alimentar su barra de navegación con ActionScript

12 Seleccione el primer fotograma clave de la línea de tiempo raíz y pulse F9 para abrir el "Panel de acciones." En primer lugar, introduzca el código para cambiar los campos de texto dinámico dentro de su botón para el texto real que se desea, por ejemplo:

button_01.textInside.myText.text = "Inicio"

button_02.textInside.myText.text = "Acerca de"

13 Crear el código para el cambio y fuera de su botón de acciones:

button_01.onRollOver = más;

button_01.onRollOut = a cabo;

button_02.onRollOver = más;

button_02.onRollOut = a cabo;

la función sobre la () {

this.gotoAndPlay (2);

}

funcionar a cabo () {

this.gotoAndPlay (8);

}

14 Cree la función onRelease para sus botones para ser lo que más le convenga. Por lo general, será una petición "getURL", pero sólo si no se está construyendo un sitio web completo en Flash.