Zoom Progresivo en Flash 8

Hola estimado amigo (a) estas a punto de descubrir la tercera parte del serial zoom (aumento de imagen), si seguiste con atención los dos tutoriales anteriores ya estas listo parara estas tercera parte, en la cual se combinaran los dos códigos anteriores con el fin de realizar un zoom progresivo. Los pasos a seguir son básicamente los mismos que en los dos tutoriales anteriores solo que el código action script será cambiado a la ahora de insertar los botones en la escena, el tutorial esta realizado en Flash 8. Good luck!! ¿Comenzamos?.

1-. Primero hacer un (ctrl. + J) con las siguientes propiedades.

a)-. Las dimensiones son 300 * 400 píxeles de ancho y alto respectivamente.

b)-. Color de fondo #99FF99.

c)-. Velocidad de fotogramas 15 fps.

2-. Crear el primero de dos símbolos (ctrl. + F8).

a)-. Nombrarlo imagen.

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

3-. Una vez ubicado en el símbolo imagen importar o dibujar una forma cualquiera.

a)-. Las dimensiones de la imagen son 130 * 234 píxeles de ancho y alto respectivamente.

b)-. Colocar la imagen en coordenadas X = -65.0 y Y = -117.0.

Nota si la imagen tiene otras dimensiones por ejemplo 100 * 200 de ancho y alto, colar en coordenadas X = -50.0 y Y = -100.0, o sea que las coordenadas son la mitad de cada una de las dimensiones.

4-. Crear el segundo símbolo (ctrl. + F8).

a)-. Nombrarlo botón.

b)-. Dar como Tipo Botón.

5-. Colocado en el símbolo realizar un diseño de botón de tres estados (Reposo, Sobre y Presionado).

a)-. Las dimensiones usadas para el botón son 35.0 * 35.0 píxeles.

b)-. Colocar cada uno de los estados el botón en coordenadas X = 0.0 y Y = 0.0.

6-. Regresar a la Escena, y arrastrar desde la biblioteca el símbolo imagen.

a)-. Escribir como Nombre de instancia imagen.

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

7-. Arrastrar desde la biblioteca el símbolo botón.

a)-. Colocar el símbolo en coordenadas X = 60.0 y Y = 350.0.

8-. Seleccionar el símbolo no el fotograma.

a)-. Abrir la barra de Acciones – botón e insertar el siguiente código.

9-. Arrastrar una vez más el símbolo botón de la biblioteca.

a)-. Colocar el símbolo en coordenadas X = 160.0 y Y = 350.0.

10-. Seleccionar el símbolo no el fotograma.

a)-. Abrir la barra de Acciones – botón e insertar el siguiente código action script.

11-. Por ultimo agregar un texto de símbolo + para el botón de la izquierda y un símbolo – para el botón de la derecha, este símbolo indicara cual botón reducirá y cual aumentara de tamaño la imagen, también agregar unos filtros al botón para dar mas diseño.

Con esto queda concluida la tercera parte del trabajo well done!!

P.D. Presionar ctrl. + Enter para visualizar el resultado del trabajo. Recuerda que también te puedes ayudar del teclado para aumentar y reducir la imagen. Hasta muy pronto.

Visualizar el archivo swf de este tutorial

Descarga el archivo fla de este tutorial

Búsquedas:

• boton zoom flash
• boton zoom en flash
• boton de zoom en flash
• barra de zoom en flash
• boton zoom as2
• flash boton zoom
• flash alfa progresivo
• as2 boton zoom
• zoom progresivo en flash
• flash zoom progresivo

Artículos relacionados:

• Efecto de Galería Zoom con Flash 8 (primera parte)
• Efecto de Galería Zoom con Flash 8 (segunda parte)
• EFECTO ZOOM EN FLASH MX
• Programación de Efecto Zoom con Botones De Desplazamiento (Tercera Parte)