Hola estimado amigo (a) después de unas justas vacaciones estoy de vuelta con nuevos y fantásticos tutoriales flash. En esta ocasión presentare el primer tutorial de una secuencia de cuatro explicaciones, esta parte esta enfocada a como agrandar una imagen a lo alto con ayuda de botones y por medio de las flechas del teclado.
Si sigues con detenimiento la secuencia el resultado final tendrá mucho futuro en aplicaciones Web. Aunque cada una de las cuatro explicaciones pueden tener funcionalidad en paginas Web, 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 #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 = 83.0.
7-. Arrastrar desde la biblioteca el símbolo botón.
a)-. Colocar el símbolo en coordenadas X = 10.0 y Y = 360.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._height = dibujo._height+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 = 360.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._height = dibujo._height-10;
}
11-. Por ultimo agregar un texto a cada uno de los botones alto + y alto – 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 primera 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:
- efecto agrandar imagen en flash
- como hacer un efecto aumento imagen en flash
- efecto zoom en flash cs5
- Dibujos con coordenadas
- galeria de imagenes con aumento en flash cs5 5
- boton zoom en flash cs5
- hacer zoom a una imagen en flash cs5
- imagen en aumento con flash
- efecto zoom a lo alto en flash
- efecto zoom a lo alto
Artículos relacionados:
- Efecto de Zoom a lo Ancho en Flash 8
- Efecto de Galería Zoom con Flash 8 (primera parte)
- Efecto de Galería Zoom con Flash 8 (segunda parte)
- Aplicar Efecto De Zoom Con Máscara En Flash CS3
