Estilo Flash Adobe Flash

Efecto de Zoom a lo Ancho en Flash 8

Hola estimado amigo (a) e regresado con la segunda parte de la secuela de cuatro tutoriales flash que prometí. Esta parte esta enfocada a como agrandar una imagen pero ahora el agrandar se ara a lo ancho, los pasos a seguir son prácticamente los mismos que los de la primera parte. Pero con solo modificar el código action script se lograra un nuevo efecto. El tutorial esta realizado en Flash 8, los pasos serán repetidos para aquellas personas que solo quieran seguir esta parte de la secuensia. Good luck!! ¿Comenzamos?.

1-. Primero hacer un (ctrl. + J) con las siguientes propiedades.
a)-. Las dimensiones son 300 * 300 píxeles de ancho y alto respectivamente.
b)-. Color de fondo #006699.
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.
b)-. Colocar la imagen en coordenadas X = -65.0 y Y = -117.0.
Nota si la imagen tiene otras dimensiones por ejemplo 100 * 200 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-. Ubicado en el símbolo realizar un diseño de botón de tres estados (Reposo, Sobre y Presionado).
a)-. Las dimensiones usadas en esta ocasión para el botón son 94.0 * 27.0 píxeles.
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 dibujo.
b)-. Colocar el símbolo en coordenadas X = 85.0 y Y = 20.0.

7-. Arrastrar desde la biblioteca el símbolo botón.
a)-. Colocar el símbolo en coordenadas X = 10.0 y Y = 260.0.

8-. Seleccionar el símbolo no el fotograma.
a)-. Abrir la barra de Acciones – botón e insertar el siguiente código.

on (press, keyPress “<up>”) {
dibujo._width = dibujo._width+10;
}

9-. Arrastrar una vez más el símbolo botón de la biblioteca.
a)-. Colocar el símbolo en coordenadas X = 196.0 y Y = 260.0.

10-. Seleccionar el símbolo no el fotograma.
a)-. Abrir la barra de Acciones – botón e insertar el siguiente código.

on (press, keyPress “<down>”) {
dibujo._width = dibujo._width-10;
}

11-. Por ultimo agregar un texto a cada uno de los botones ancho + y ancho – esto para indicar 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 segunda 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

Comentarios

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