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

Programación de Efecto Zoom con Botones De Desplazamiento | Solo Photoshop

Tutorial Flash Programacion Código Action Script

 

Tutorial por JMX

En el tutorial no omití ningún paso con el fin de hacer el tutorial un poco más práctico y accesible de entender para toda la comunidad Web.

Tutorial Flash 8. Programación de Zoom con Botones De Desplazamiento, estas a punto de adentrarte en uno de los tutoriales más socorridos y solicitados. El tutorial es un poco largo por es que se ha dividido en tres partes (este tutorial es para un nivel intermedio), sin embargo no omití ningún paso con el fin de hacer el tutorial un poco más practico y accesible de entender para toda la comunidad Web. El tutorial consta de tres fases elementales. En la primera etapa, trabajaras en el diseño de los dos botones los cuales servirán para aumentar (zoom) y desplazar una imagen. En la segunda fase programaras el botón el cual te ayudara a desplazar la imagen. Y en la tercera y última etapa programaras la imagen a la cual se le aplicara el efecto zoom, así como también la programación de los botones que darán el (efecto zoom). El tutorial tiene un pequeño truco que te explicare en el primer paso del tutorial, ¿comenzamos? J Good luck!! J

1-. El efecto esta realizado en Flash 8, sin embargo, tendrás que configurar la publicación de la película.
a)-. Seguir la ruta Archivo >> Configuración de la publicación… ó simplemente presionar (ctrl. + shift +F12).
b)-. Una vez que aparezca el panel de Configuración de la publicación, seleccionar las siguientes opciones.
c)-. Perfil actual Predeterminado, Versión Flash Placer 6, Versión de Actionscript ActionScript 1.0. Sino es realizado este pequeño truco (maniobra) el trabajo no te resultara.

2-. Ahora si comenzar sin más contratiempos con el efecto zoom. Primero hacer el documento (ctrl. + J), sobre el cual se va a trabajar.
a)-. Las dimensiones del documento tendrán que ser lo suficientemente grandes para soportar el zoom de la imagen 500 * 500 píxeles de ancho y alto.
b)-. Colocar como Color de fondo #000000.
c)-. Usar como Velocidad de fotogramas 25 fps.

3-. Crear el primer símbolo (ctrl. + F8), el cual servirá para diseñar el primero de los botones.
a)-. Nombrar al símbolo botón zoom.
b)-. Seleccionar el la opción Tipo Botón.

4-. Una vez que aceptas para generar el símbolo, diseñar un botón de dos estados (Reposo y Sobre).
a)-. Tratar de no hacer el diseño del botón demasiado grande, por ejemplo las dimensiones en esta ocasión son de 24.0 * 20.0 píxeles de ancho y alto.
b)-. Colocar el diseño del botón en coordenadas X = 0.0 y Y = 0.0.

5-. Crear un nuevo símbolo (ctrl. + F8), el cual albergara al botón de le dará movimiento y dirección a la imagen.
a)-. Nombrar al símbolo desplazar imagen.
b)-. Seleccionar el la opción Tipo Botón.

6-. Colocado en el símbolo creado hacer un diseño para este botón, para hacer práctico el trabajo solamente realiza el diseño del botón en un solo estado (Reposo).
a)-. Las dimensiones de este nuevo botón podrán ser 22.8 * 22.8 píxeles.
b)-. Colocar el botón en coordenadas X = 0.0 y Y = 0.0.

Una vez que tienes los dos diseños de botón, entraras en una etapa un poco más complicada, espero que sigas los pasos con atención para que el efecto te salga (J very good J).

Continua segunda parte

Continua tercera parte

Comentarios de Programación de Efecto Zoom con Botones De Desplazamiento | Solo Photoshop

↑ Tutorial

  • CAVORKA

    CAVORKA

    2007-11-11 13:02

    BACANO LO QUE SE PUEDE HACER...
    PERO YO NECESITO EMPEZAR DESDE CERO.
    YA Q YO SÉ PERO DE PHOTOSHOP Y NADA DE FLASH, ASI QUE SI ALGUIEN ME PUEDE DAR UNA AYUDITA(LA QUE SEA Y COMO SEA)
    ME MANDA UN MENSAJE A MI MSN (ELPATRON214@HOTMAIL.COM)
    Y SI SE PUEDE TAMBIEN DONDE CONSEGUIR FLASH.
    GRACIAS Y PERDON POR ESCRIBIR TODO EN MAYÚSCULA
  • mod

    mod

    2007-12-01 16:57

    jajaja tio es muy bueno es un tutorial avanzado grax aporte xD
  • wilitu

    wilitu

    2008-05-23 11:27

    hola amigo kiero saber si me puedes colaborar para saber como puedo hacer algo asi pero de esta manera el ejemplo esta aki http://www.megaupload.com/?d=2P6EPM1W o como modifico este