Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

Anunciar en SoloPhotoshop

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.

Descarga el archivo fla de este tutorial.

Comentarios de Efecto Zoom Sobre un Mapa | Solo Photoshop

↑ Tutorial

  • AAR

    AAR

    2007-05-01 15:30

    Exlente tutorial gracias!M
  • Seleniita

    Seleniita

    2007-10-13 19:13

    cuando quiero escribir el código par a los botones, me aparece "Las acciones del portapapeles contienen errores. Las acciones con errores no se pueden pegar en el modo normal". Es porque hice algo mal o es error del código?M
  • xenxu

    xenxu

    2008-10-09 14:25

    El problema esta en que en los 2 codigos, de cada boton, falta definir Up y Down (para más y menos respectivamente) on (press, keyPress "Up") { on (press, keyPress "Down") {M

↑ Tutorial