Tutoriales Estilo Flash

Menú para un Sitio Web con Secciones Animadas (primera parte)

Tutorial Flash 8 Web con Secciones Animadas Paso a Paso (Primera Parte de Tres). En el siguiente tutorial encontraras como realizar una Web Flash, en la explicación podrás ver los alcances que tienen unas cuantas líneas de código Action Script. Este tutorial solamente consta de tres símbolos (símbolo Botón, símbolo Gráfico y un símbolo Clip de película), esta opción de crear tres símbolos es para hacer más práctica la Web Flash. Good luck!! ¿Comenzamos?.

En esta primera parte se crearán los tres diferentes símbolo, también se explicara como se cambiar de color cada uno de los botones.

1-. Primero crear un documento (ctrl. + J), con las siguientes propiedades.

a)-. Las dimensiones del documento son 400 * 340 píxeles de ancho y alto.

b)-. Color de fondo #FFFFFF.

c)-. Colocar como velocidad de fotogramas 20 fps.

2-. Crear el primero de tres símbolos (Ctrl. + F8)

a)-. Nombrarlos botón secciones.

b)-. En la opción Tipo seleccionar la Botón.

3-. Cambiar el nombre de la capa por el de botón, diseñar un botón de dos estados (Reposo y Sobre).

a)-. Las dimensiones de este botón son 100.0 * 30.0 píxeles de ancho y alto.

b)-. Una vez diseñado el botón colocarlo en coordenadas X = 0.0 y Y = 0.0.

4-. Crear el segundo de los símbolos (ctrl. + F8).

a)-. Nombrarlo secciones y la opción Tipo a seleccionar es Gráfico.

5-. En este símbolo dibujar un rectángulo sin borde y color de relleno #0000FF.

a)-. Las dimensiones son 400.0 * 300.0 píxeles de ancho y alto.

b)-. Colocar la forma en coordenadas X = 0.0 y Y = 0.0.

6-. Crear el último de los símbolos (ctrl. + F8).

a)-. Nombrarlo animación web.

b)-. Seleccionar como Tipo Clip de película.

7-. En este símbolo se realizara el total de la animación Web Flash. Primero cambiar el nombre de la capa por el de botones.

a)-. Arrastrar desde la biblioteca el símbolo botón secciones.

b)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.

8-. Arrastrar tres veces más el símbolo botón secciones, para en total tener cuatro botones y por lo tanto cuatro secciones. El segundo botón colocarlo en colocarlo en coordenadas X = 100.0 y Y = 0.0, el tercer botón colocarlo en coordenadas X = 200.0 y Y = 0.0 y el cuarto botón colocarlo en coordenadas X = 300.0 y Y = 0.0.

9-. Para cambiar el color del botón, primero seleccionar el símbolo.

a)-. En la barra de Propiedades en la opción Color seleccionar Tinta y después el color #993300 al 100%.

10-. Siguiendo el paso anterior cambiar el color para cada uno del resto de los botones, así el segundo botón tendrá el color #000000 el tercer botón es de color #006699 y el cuarto botón será de color #FF0000.

Hasta este punto solamente esta clocado el menú, si regresas a la Escena y arrastraras desde la biblioteca y el símbolo animación web, veras como funciona este menú el cual aún no esta enlazado. :)well done:)

P.D. Presionar Ctrl. + Enter para visualizar el trabajo realizado. Recordar que el tutorial esta realizado en Falsh 8

Visualizar el archivo swf de este tutorial

Artículos relacionados

• Menú para un Sitio Web con Secciones Animadas (tercera parte)
• Menú para un Sitio Web con Secciones Animadas (segunda parte)
• Crear un Sitio Flash (Menú y Secciones)
• Crear un Sitio Web Completo en Flash en un solo Archivo (Primera Parte)

Comentarios

Qué opinas sobre este artículo ?, dejanos tu opinión . Tienes algo que agregar ? hazlo ahora.