Crear gif animado en Photoshop CS3

Crear gif animado en Photoshop CS3
15 mayo, 2009 Paco Castilla

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

  1. Karles 9 años hace

    Gracias, no savia que se pudieran hacerse gif animados.

  2. xinodark 9 años hace

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

    ciaoo.

    • Pkdisseny 9 años hace

      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

  3. xinodark 9 años hace

    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!

  4. sonia 9 años hace

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

    • Pkdisseny 9 años hace

      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

  5. sonia 9 años hace

    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?

  6. sonia 9 años hace

    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

    • Pkdisseny 9 años hace

      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.

  7. sonia 9 años hace

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

  8. sonia 9 años hace

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

  9. sonia 9 años hace

    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?

    • Pkdisseny 9 años hace

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

  10. manuel 9 años hace

    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

    • Macgrafic 9 años hace

      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”.

  11. manuel 9 años hace

    ke es lo que estoy haciendo man ??

  12. Andres 9 años hace

    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?

    • Macgrafic 9 años hace

      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

  13. Tiramisú 9 años hace

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

  14. Daniel 9 años hace

    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.

  15. Ines 9 años hace

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

    GRACIAS!!!!

  16. Melissa 9 años hace

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

  17. Light 8 años hace

    Muy buen tutorial me sirvio muchisimo. Arigatou.

  18. Peeter 8 años hace

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

  19. Kriss'Beuses 8 años hace

    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 =)

    • Macgrafic 8 años hace

      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

  20. Rebeca 8 años hace

    No sé cómo podré agradecerte esto…

  21. Josep M. Maya 8 años hace

    Muchas gracias.

  22. Diego 8 años hace

    hola

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

    saludos

  23. Xevi 8 años hace

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

  24. raquel 8 años hace

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

  25. Tamara 8 años hace

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

  26. elen 8 años hace

    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

  27. lore 7 años hace

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

  28. mario_A 7 años hace

    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

  29. Frank 7 años hace

    gracias, realmente una buena ayuda saludos desde Perú.

  30. Virginia 7 años hace

    GRACIAS desde Benasque 🙂

  31. Victor 7 años hace

    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

  32. Balbina 7 años hace

    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?

  33. antonio 6 años hace

    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.

  34. raul ballejos 6 años hace

    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.

  35. Àngels Segarra 6 años hace

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

  36. Matías 6 años hace

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

  37. Braian 4 años hace

    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 !!!

Pingbacks

  1. […] Crear gifs animados con Photoshop CS3 www.macgrafic.com/crear-gif-animado-en-photoshop-cs3/ por rielo hace pocos segundos […]

Dejar una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.