Crear un GIF animado en Image Ready con Photoshop

[Ayudante De Santa]

[£µ¢|-|0]

Bueno pues a petición del amigo tocayo "lalelo" aca les dejo este tuto espero les guste y les saquen todo el jugo

Veamos unejemplo de GIF animado que se puede crear muy facilmente con Photoshop e Image Ready.


Vamos a ver otro artículo sobre como crear un GIF animado con el programa Photoshop e Image Ready, un software que acompaña a Photoshop desde su versión 5.5. Este artículo se debe leer a continuación de Crea un GIF animado con Photoshop (http://www.desarrolloweb.com/articulos/1024.php), que explica paso a paso el proceso, incluidas algunas tareas que no vamos a relatar aquí, para no repetir los conceptos.

Vamos a realizar un GIF como el que se puede ver debajo de estas líneas. El mensaje publicitario no importa mucho, lo que sí hemos querido incluir es la famosa frase "clic aquí", que suele incrementar el nivel de efectividad de un banner varios puntos. Así que vamos a crear una animación que imite y solicite el clic del ratón encima del banner.

http://www.desarrolloweb.com/articulos/images/crear_gif/gif-animado2.gif

Crear un archivo .psd con los distintos fotogramas

Como ya se explicó en el artículo sobre crear un GIF animado en Photoshop (http://www.desarrolloweb.com/articulos/1024.php), el primer paso consiste en crear un archivo de Photoshop (de los que tienen extensión .psd) con las distintas capas que contienen los diversos fotogramas de la animación. En la imagen se puede ver ese archivo que contiene la capa del puñal, y la de los distintos textos y punteros del ratón que, al estar colocados cada uno en una posición distinta y verse uno detrás de otro, darán sensación de movimiento.

http://www.desarrolloweb.com/articulos/images/crear_gif/progresion.jpg

Para conseguir las imágenes de los punteros del ratón que se van a utilizar en la animación hemos accedido a la ventana de configuración del ratón del panel de control de Windows. Se puede ver en la siguiente imagen la ventana a la que nos referimos.

http://www.desarrolloweb.com/articulos/images/crear_gif/iconomouse.jpg

Trabajo con Image Ready

Una vez tenemos la imagen realizada la pasamos a Image Ready pulsando el botón de más abajo de la barra de herramientas. Desde Image Ready definiremos la animación a base de indicar qué capas estarán visibles en cada fotograma. Para ello crearemos fotogramas desde la ventana de animación y, colocándonos en cada fotograma, seleccionaremos las capas que deseamos que se vean en la ventana de capas.

http://www.desarrolloweb.com/articulos/images/crear_gif/animacion.jpg

Posteriormente habrá que asignarles un tiempo adecuado a cada fotograma. No es recomendable hacer una animación muy lenta que aburra al posible lector, ni una muy rápida, que podría hacer demasiado difícil la lectura. El tiempo se asigna en la ventana de animación pulsando debajo de la miniatura de cada fotograma. Podemos seleccionar varios fotogramas y darle un mismo tiempo a todos o bien seleccionar fotograma a fotograma y asignarle un tiempo distinto.

Para guardar la animación en un archivo GIF seleccionamos la opción "guardar optimizada como" del menú archivo. Hay que fijarse en este punto en la ventana de optimizar, que aparece con el la opción Ventana > Mostar optimizar, donde podemos seleccionar el formato en el que deseamos guardar la imagen (en este caso GIF) y las características del archivo, como pueden ser número de colores, tramado, paleta, etc.

http://www.desarrolloweb.com/articulos/images/crear_gif/optimizar.gif

Resultado obtenido

Mostramos a continuación una vez más el resultado obtenido en este ejercicio, que esperamos haya resultado interesante.

http://www.desarrolloweb.com/articulos/images/crear_gif/gif-animado2.gif


Seguir navegando a partir aquí:

[Ayudante De Santa]

[lalelo]

huy parce, eso fue de una... mil gracias por tu atencion y solo queda empezar ahora mismo a practicar lo arriba expuesto....:)

[MACK FLURRY]

No entendí ni chimba :icon6:

[£µ¢|-|0]

que parte?

[lalelo]

JUM... ES MAS FACIL DARLE EN LA CABEZA A CHAVEZ :rolleyes::rolleyes:( QUE RICO SERIA:angry4::angry4: ) QUE HACER UN GIF CON EL IMAGEREADY... POR LO PRONTO, LOS HAGO CON EL MICROSOFT GIF ANIMATOR

http://www.fileden.com/files/2007/3/3/846457/prueba%20gif.gif

[£µ¢|-|0]

por ahi me pasaro un programa para hacer gifs es como mas facil si quiere se lo paso

[-->FEDE<--]

si subalo a ver como es

[lalelo]

HAGALE HAGALE... MONTA EL LINK DEL PROGRAMA O LAS INDICACIONES PERTIENENTES... TKS !!!

[£µ¢|-|0]

vea pues http://www.denunciando.com/showthread.php?p=2072620#post2072620