Crear gif animado en Photoshop CS3

mayo 15, 2009
Paco Castilla

Crear gif animado en Photoshop CS3

Es una cosa curiosa, pero hace poco que descubrí como hacer un gif animado en phoshop CS3. Desde la versión de CS2 de Photoshop que Image Ready viene integrado en el mismo Photoshop y no es un software aparte como venia en las anteriores versiones. Aquí os dejo este vídeo tutorial bastante básico para que os hagáis una idea.

45 comentarios

  • Joooo!!!! era tan fácil!! Yo sabia usar el del PS2 y el ImageReady… y como el PS3 ya no le tenia, me asusté jaja, muchas gracias !!!

  • Muy simple y efectivo! Muchas gracias! Saludos desde Argentina.

  • Àngels Segarra

    Mil gràcies!!! Explicació perfecta!!!

  • raul ballejos

    muy bueno pero muy charlado el primer minuto y catorce segundos , para los que no vieron el tutorial les resumo el primer minuto y luego continuan con lo mejor (resumen » con photoshop cs3 es facil hacer animaciones.») ahora pueden saltar al 1:16 min. es bueno pero te pone de mal humor la historia de su vida.

  • Gracias, está bueno. Para ir directo a la enseñanza (ir al minuto 1:15) si no quieres escuchar la telenovela de porque decidió hacer el tutorial y salvar a la humanidad.

  • Hola, acabo de llegar a este tutorial para hacer gif animado y me ha parecido facilisimo. Muchas gracias!

    Sin embargo, me da algunos problemas:

    El mio es un pestañeo de un ojo.
    Lo guardo en gif desde CS3 para web y dispositivos. Pero luego al subirlo al blog (blogger desde Mac), no funciona, si lo inserto como un gadget «imagen» y el resultado es que se ve como una imagen estática.

    Sin embargo, si lo inserto como HMTL Javascritp, sí que me funciona. Pero claro, de esa forma, no puedo agregarle una url externa para enlazar la imagen gif.
    POr cierto, que al guardar (CS3), para web y dispositivos, el casilla de «repeticion», aparece desactivada y no puedo cambiarla de «una vez» a las veces que quiero que se repita, vamo, en bucle.

    ¿Alguna idea?

  • Algo simple hermano.. De hecho mira lo que yo he hecho con el Cs3. porfavor dime que opinas ya que me interesa el diseño. tengo 17 años..!! saaludos desde mexico!

    http://k06.kn3.net/B19A413A0.gif

  • GRACIAS desde Benasque 🙂

  • gracias, realmente una buena ayuda saludos desde Perú.

  • MACGRAFIC
    mira tengo el mismo problema que todos y no he podido dar con que es lo estoy haciendo mal. pues le doy Guardar para web y dispositivos y despues la guardo como formato GIF en el escritorio pero al momento de reproducirlo en el visualizador de fotos de windows solo sale la primera imagen sin movimiento alguno.
    ¿¿ sera que necesito un programa adicional para poder reproducir estas imagenes??

    y muhcas gracias por el tutorial has ayudado a mas de uno.
    un saludo desde bucaramanga colombia

  • Gracias!!!
    me salvaste! muy bueno el tutorial 🙂
    y muy sexy tu voz ; )

  • vale, muy facil, pero desde el escritorio de mac no se puede visualizar el gif, no? o por lo menos a mi no se me ve con movimiento, solo como un pdf.
    Tengo que subirlo a algún sitio? un blog valdría? lo necesito para una exposición y no sé como hacerlo. gracias

  • No recordaba cómo se hacía, gracias por tu vídeo, todo
    aclarado!!

  • gracias por dicirnos como solucionar el problema de q al guardar en gif salia error en potoshop en serio estaba buscando como solucionalo 🙂

  • Yo también utilizo Photoshop para hacer pequeños gifs animados, pero tengo esa sensación de estar matando hormigas con cañonazos…

  • hola

    cuando lo guardo me salen como la imagen con manchas, solo se ven esas manchas cuando lo quiero guardar en gif

    saludos

  • Josep M. Maya

    Muchas gracias.

  • No sé cómo podré agradecerte esto…

  • Kriss'Beuses

    Hola Macgrafic, mira yo he hecho todo lo que has hecho tu en el tuto, pero al momento de darle click a «Guardar para web» me sale se a producido un error & photoshop Cs3 debe cerrarse & se cierra ;S ¿no sabes como puedo solucionar este error? por favor me urge tu respuesta =)
    Muchas gracias por el tuto en verdad estubo muy bueno =)

    • A

      Hola Kriss, si ese problema te pasa a menudo te aconsejaría que reinstalases el Photoshop.
      Normalmente cuando el Photoshop o algún otro programa se cierra sin saber “el por qué??” los reinstalo desde 0 y normalmente se soluciona.
      Es lo único que te puedo decir… Espero que se solucione de esta manera.

      Saludos

  • Muchas gracias por el tuto, me sirvió muchisimo!!
    Salu2 desde Bogotá, Colombia
    🙂

  • Muy buen tutorial me sirvio muchisimo. Arigatou.

  • Gracias!! No tenía idea de cómo hacer gifs animados! es super sencillo, más de lo que me imaginé !

  • Gracias por este tutorial!!!me salvó la vida, por que pensaba que solamente se podia hacer esto en el photoshop extended!!

    GRACIAS!!!!

  • Pos va a ser que Andres tiene razon, ya me encontre con diferentes tutoriales, que dicen lo mismo, pero hay alguna opcion que algunos no debemos de tener marcada…Es la torpeza de ser novatos haciendo Gifs, pero a mi tampoco me sale…he guardado el Gif en varios sistemas diferentes (todos en FORMATO GIF) en 128 bit, con tramado, sin tramado, a 8 bit, 16…32, con o sin transparencia, de mil formas…Y solo aparece el primer fotograma, en mi caso son letras sobre fondo negro, pues solo sale el fondo negro sin cambiar…Puede ser por que tuviera que ser con XHTML??? o señalando todas las capas???Cual es el problemas, porque por mucho que lo intente algo os falta por decir en estos tutoriales…
    Gracias de antemano y por este tutorial men…Descubri que se podian acer gifs con CS3 gracias a vuestra ayuda.

  • Gracias por el tutorial, lo vi y se ve bastante sencillo… Ahora mismo lo probaré.

  • El video es excelente, pero hay algo que debo estar haciendo mal… cuando subo el gif a la web no cambia la imagen… siempre muestra la primera y no cambia… ¿cuál puede ser el error?

    • A

      Hola Andres,
      los pasos son muy sencillos, no se donde puedes estar haciendolo mal.
      Has mirado que cuando haces un «Guardar Como para web» en la ventana sea en el formato GIF!?
      Puedes hacer una previsualización en esta ventana de «Guardar como para web»…
      Te tendria que funcionar, repasa todos los pasos, haber si es alguna tonteria.

      ya me comentas… saludos

  • ke es lo que estoy haciendo man ??

  • muchas gracias por el tutorial solamente una pregunta ya lo subia mi perfiel y me salen unas manchas extrañas en el gif pero si sale animada la imagen , ese problema de las manchas por ke sucede??

    gracias por el tutorial

    • A

      Hola Manuel, pues no se a lo que te refieres con el tema de las manchas…
      Puede ser por el tema de los medios tonos!?
      Prueba a poner mas cantidad de colores en la paleta de color, en la opción «Guardar para web».

  • He probado muchas opciones y no resultan, cuando lo exporto a la web, aparece un fondo blanco. Podría ser algo obvio que no lo es para mí. Puedes explicármelo paso a paso, porfavor?

    • A

      Hola Sonia ya lo resolviste ¿no?
      Si lo haces como te dije en el mail no tendras problema!
      Saludos

  • Oh, a mí no. No sé qué hago mal. qué debería marcar en el resto de las casillas? Siento mi torpeza

  • Sí, en el documento se ve fondo transparente. Gracias, lo pruebo y te digo

  • En la opción guardar para web hay tantas opciones…seguro que hay algo que no configuro bien. Si pudieras explicarme paso a paso, te lo agradecería muchísimo

    • A

      Hola Sonia,
      cuando le das a «Guardar para web» en la ventana que sale, hay un apartado de «ajustes predeterminados» y en ella hay una casilla donde pone «Transparencia», es esta casilla la que tienes que activar.
      Lógicamente en el documento de photoshop, se tiene que ver el fondo transparente, supongo que ya lo tienes así ¿?
      Lo he probado y funciona.

  • Hola! Gracias por contestar tan rápido. Bueno, algo tengo que hacer mal porque lo guardo con la opción transparencia activada y después al insertarlo en la web aparece con un fondo blanco, a diferencia de otras imágenes donde no aparece ningún fondo, con el gif aparece uno blanco. Qué otra cosa puede ser?

  • Gracias por tu información, pero me falta una cosa. ¿Se puede hacer el gift con un fondo transparente? ¿Cómo?

    • A

      Hola Sonia,
      gracias a ti por visitarnos!
      Por lo que me comentas de la transparencia, si que se puede hacer transparente.
      Cuando «guardas para web» en Photoshop, tienes que activar la opción de «transparencia» que sale en las opciones.
      Saudos

  • Hola otra vez, me parece muy buena tu pagina, aver si pones mas trucos o curiosidades del cs3 o cs4 en photoshop o Indesign

    saludos y gracias por la pagina eh!

  • tio, se agradece, ya me habia olvidado como se creaban los gifs…
    saludos desde Lima.

    ciaoo.

    • A

      Xinodark pues a mi me paso lo mismo! Desde hacia tiempo que no creaba un Gif animado y cuando me tuve que poner a crear uno, me di cuenta que las herramientas que usaba antes no existían! Pero suerte a Photoshop !! Saludos

  • Gracias, no savia que se pudieran hacerse gif animados.

Deja tu comentario