Videotutorial: crear un gif animado con Photoshop

  • Por
Vídeotutorial en el que aprenderéis a crear un GIF animado con el programa Photoshop y su complemento Image Ready.
En este vídeo mostramos de manera rápida todo el proceso para la creación de un archivo GIF con animación. Crearemos una imagen de 468x60 que serviría para utilizar como banner, con un mensaje cualquiera que aparecerá con una animación por fotogramas.

Crearemos la imagen que nos servirá de partida con Photoshop y luego la enviaremos a su complemento Image Ready, que nos permitirá hacer cosas como definir en este caso los distintos fotogramas que contendrá nuestro gif.

Luego guardaremos el fichero GIF animado, utilizando de paso las opciones de optimización de imágenes para la web que nos permite Image Ready, para obtener la imagen resultante, que podéis ver a continuación.


Sin más, os dejamos con este vídeo, que ocupa justamente 10 minutos para que nos permitan subirlo a YouTube.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

juanjo_ramos_jimenez

17/9/2009
Fantástico!
No me ha parecido interesante, sino muy interesante! Llevaba sin hacer un gif animado 5 años por lo menos, este video: rápido, conciso y sencillo me ha servido para refrescarme y aprender algún truquillo que no sabía.
Muchas gracias!

vm1908

01/10/2009
Buenísimo!!!!
Muy didáctico para quienes nos iniciamos en estos campos. Muchas gracias por compartir conocimientos.
Saludos

Mónica

01/10/2009
Gif animado
Muchisimas gracias!!! Muy didáctico, excelente explicación, muy linda tu voz.

Gallego un genio!!!!

Mónica

Juancho

01/10/2009
Muy bueno
Está muy bien que se aprenda ha hacer gifs animados, lo malo de hoy en día es que además tienes que saber todo tipo de lenguajes de programación(php, asp, js, java, etc), bases de datos(sql,jqueryxsl,etc), action scripts, diseño web(html, xhtml, dhtml, css, etc)y también manejar Linux, Unix y si es posible gestores de contenidos tipo Joomla, etc...sino olvídate de encontrar curro, ah bueno, y aparte de saber todo eso te van a pagar 800? mes, ummm netos o brutos??

fostrock

03/10/2009
Excelente...
Excelente calidad, y extraordinario tutorial. Sólo unas cositas, para mi, en particular un poco rápido. Pero en general ¡ un señor trabajo!, gracias y felicidades.
Saludos

Juan

03/10/2009
Gif animados
Gracias, muy claro y posible de realizar para uno que se inicia en esto.

Nanny

07/10/2009
Genial
Un vídeo sencillo pero con mucha información para iniciarse en gifs animados con photoshop.

Jose Luis

07/10/2009
Crear GIF
Hola, me gustaria crear un GIF que rote (gire) sobre su eje, me explico, es una insignia que quiero publicar en mi foro, la he visto por ahí pero no se como hacer que rote (gire).
Me podriais ayudar? os estaría muy agradecido.

Gracias y saludos

francisco

07/11/2009
gif animado
esta fenomeno el videotutorial
y ademas lo explica de modo k lo entienden asta los k no saben usar el programa
a ver si aceis mas de estos
sobre como aplicar fectos al texto o al fondo del gif
muy xulo saludos

Paz_14_6 Andrea

07/1/2010
XVR
No ps super sencillo y ya hice uno puxa weno !!
Gracias !!
Super ah !

ronny_norberto_burgos_tercero

11/7/2010
Agradecimiento
Muchas gracias, esta excelente

Vicente

26/9/2010
mi photoshop NO tiene adobe ready
acabo de instalar el adobe photoshop CS5 pero no trae el image ready se descarga aparte?? ayuda por favor

yenny

18/11/2010
buenisimo
hola muy bueno tu tutorial no sabia que esto se podia hacer tan facil. ahora solo debo practicar. Gracias

ibañez 231630

23/12/2010
Animación gif con imágenes variadas
Hola. Gracias por la guía en video, está muy bien y ayuda mucho.
Pero mi duda es saber si se puede hacer con varias imágenes diferentes, pues por más que busco en la ayuda del ImageReady no lo encuentro.
Por poner un ejemplo: con fotos de mi hija a distintas edades, montar un GIF
Espero haberme explicado y agradezco desde ya mismo todas las aportaciones por mínimas que sean.
Saludos y felices fiestas.

Raul

16/6/2011
Gracias!
Pense que hacer gif era cosa complicada lo hacei parecer tan facil.
que me he animado a practicar. me interesa mucho crear una noche con estrellas
titilantes? y usar este gif en un video (me inicio en la edicion de videos caseros.
muchisimas gracias.

welo

12/11/2011
GRACIAS
Excelente muchas gracias