Efecto Zoom Sobre un Mapa | Solo Photoshop
Tutorial Flash
Tutorial por JMX
JMX envia este efecto que consiste en aumentar (zoom) de una imagen y también podras mover imagen a tu voluntad
Hola estimado amigo (a) por fin concluiré el serial de los tutoriales. Con esta cuarta parte te darás cuanta que bien valió la pena hacer los tres tutoriales anteriores, para darle el justo valor al tutorial y al efecto en vez de insertar la imagen de PHOO, colocare una imagen de las calles que corresponde al centro de la ciudad Torreón Coahuila México en la cual radico actualmente. Este efecto consiste en aumentar (zoom) la imagen pero además podremos mover imagen a nuestra voluntad para poder explorar la misma. Los pasos a seguir son prácticamente los mismos que en los tres tutoriales anteriores. Las tres partes anteriores las puedes encontrar en http://www.estiloflash.com. 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 #CCCCCC.
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 720.0 * 644.5 pÃxeles de ancho y alto respectivamente.
b)-. Colocar la imagen en coordenadas X = -360.0 y Y = -323.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 = -164.4 y Y = -123.1.
Nota si deseas que la imagen se muestre completamente en el swf reducir la imagen al 50 % con ayuda de la herramienta transformar. Y rectificar las coordenadas en escena
7-. Seleccionar el sÃmbolo no el fotograma.
a)-. Abrir la barra de Acciones – clip de pelÃcula e insertar el siguiente código.
onClipEvent (mouseDown) {
if (this.hitTest(_root._xmouse, _root._ymouse)) {
this.startDrag();
}
}
onClipEvent (mouseUp) {
this.stopDrag();
}
8-. Arrastrar desde la biblioteca dos veces el sÃmbolo botón.
a)-. Agregar el sÃmbolo de + al botón de la izquierda y el sÃmbolo – al botón de la derecha.
9-. Seleccionar el sÃmbolo botón de la izquierda no el fotograma.
a)-. Abrir la barra de Acciones – clip de pelÃcula e insertar el siguiente código action script.
on (press, keyPress "
imagen._height = imagen._height+10;
imagen._width = imagen._width+10;
}
10-. Seleccionar el sÃmbolo botón de la derecha no el fotograma.
a)-. Abrir la barra de Acciones – clip de pelÃcula e insertar el siguiente código action script.
on (press, keyPress "
imagen._height = imagen._height-10;
imagen._width = imagen._width-10;
}
Con esto queda concluida la serie de cuatro tutoriales, ¿verdad que el efecto esta buenÃsimo? Anda di que si no seas cobarde. 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, una vez aumentada la imagen moverla con ayuda del ratón . Hasta muy pronto.
Comentarios de Efecto Zoom Sobre un Mapa | Solo Photoshop
↑ Tutorial
AAR
2007-05-01 15:30
Seleniita
2007-10-13 19:13
xenxu
2008-10-09 14:25
↑ Tutorial