Juan Manuel 27 de agosto de 2008 a las 18.00
   Imprimir artículo
elWebmaster.com

Taller de Adobe Photoshop: Animaciones con Image Ready


¡Bienvenidos a una de las últimas clases del Taller de Adobe Photoshop! Realmente voy a extrañar pasar este tiempo con ustedes, pero bueno, todo concluye al fin, como dice una canción.

Pero a no desanimar, que este taller termine significa que habrán aprendido muchísimo desde aquella primera clase en febrero y, a esta altura, ya sabrán crear un sitio web completo ustedes solitos. En fin, vamos a lo que nos compete: hoy conoceremos cómo crear gifs animados con Photoshop. ¡Comencemos!

Lo primero que hay que hacer es tener en cuenta que hay dos posibilidades, una es crear una o varias imágenes que luego modificaremos para crear una animación (algo así como los fotogramas que vieron en el Taller de Flash de Alejandra. Otra es partir de un video corto, generando un gif animado.

Lo del video es medio raro que lo usen, generalmente si quieren usar un video van a trabajar con Flash. Veamos entonces cómo hacer una animación “normal”.

Vamos a Ventana->Animación.

Ahora, los que estén familiarizados con Image Ready reconocerán la típica ventana de animación con los cuadros.

Haciendo clic sobre cada fotograma podremos modificar esa “capa de fotograma” por separado (trabajando con el panel capas, por ejemplo, para tocar la posición, opacidad, etc, etc, etc.

Por medio de la pequeña flechita negra que hay bajo los thumbs podremos asignar el tiempo de duración de cada fotograma, o sea, lo que tardará en pasar al siguiente.

No hay mucha ciencia en esto, como pueden apreciar. Una vez que tenemos lista nuestra animación, vamos a Guardar para la web y dispositivos.

Allí veremos en la opción gif que debajo del panel de la derecha tenemos una botonera para controlar la animación. Guardamos el archivo y ¡listo! ya tenemos nuestra animación para incluir en nuestro sitio web.

¡Nos vemos la próxima, con la última clase práctica del taller de Adobe Photoshop! ¡Que disfruten el fin de semana!

<< CLASE ANTERIOR

CLASE SIGUIENTE >>


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (8)

  1. Marcelo Toledo dice:

    Juan Manuel,

    Muchas gracias por tu respuesta. Voy a ver cómo me resultan algunas cosas ahora siguiendo tus instrucciones.
    Gracias una vez más.

    Marcelo.

  2. hernan pantigoso dice:

    juanma
    primero felicitarte por ser tan desprendido con tus conocimientos, realmente muy, pero muy bueno lo que hiciste, realmente, exitos. Dios te bendiga
    esperamos otros cursos
    gracias
    hernan pantigoso
    juliaca peru

  3. Juan Manuel dice:

    ¡Muchas gracias, hernan, veremos qué se puede hacer más adelante! ^_^

  4. Angel Berto Almonte dice:

    Felicidades tremento trabajo, ahora quiero saber como bajo Photoshop gratis, cuando encuentro donde dice FREE:, luego veo que hay que pagar.

    Gracias

  5. monika pol dice:

    Hola,

    Se que es una pregunta tonta, pero Como creo las capas para poder hacer la animación?

    gracias por tu respuesta

  6. Juan Manuel dice:

    @monika

    La clase de capas es: http://www.elwebmaster.com/editorial/taller-de-adobe-photoshop-paneles-flotantes-2

    Saludos!

  7. alberto petit dice:

    oee no me sale la broma de animacion!! ando arrecho por eso e perdido mas de 1 hora preguntando a ver si alguien sabe porq no me sale la broma esa -.-

  8. Luis dice:

    Alberto, si no configuras el tiempo con variasiones jamas veraz la animacion… intentalo de nuevo. ademas es el resultado de la activacion y desactivacion de capas… espero haberte ayudado

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder