En este momento estás viendo Cómo crear un GIF animado en Photoshop (2 métodos)

Cómo crear un GIF animado en Photoshop (2 métodos)



A petición de varios de vosotros sobre cómo hacer un GIF, he hecho este tutorial en el que os muestro cómo crear el GIF animado con 2 métodos, y los pros y contras de usar un método u otro.

♦︎ Únete a la comunidad de Miembros del canal y disfruta de las ventajas: https://bit.ly/3fdCBH1

♦︎ TUTORIALES RELACIONADOS
– Cómo crear una animación con varias imágenes en Photoshop: https://youtu.be/kYG-hfPqA1s
— Cómo crear una animación de vídeo con Photoshop: https://youtu.be/la2JBtbs97I

♦︎ Recursos gratuitos en: http://bit.ly/2kSVM1J

♦︎ Técnicas usadas:
– Línea de tiempo.
– Transformación de imágenes.
– Crear animación.
– Crear animación por cuadros.

En primer lugar os muestro los pros y contras de usar un método u otro a la hora de hacer un GIF animado.

Paso a explicar el primer método, y más antiguo por decirlo de alguna manera, en el que os muestro cómo crear el GIF con una animación de cuadros que era lo que se venía haciendo cuando todavía existía Adobe Image Ready, y que aunque parezca mentira todavía se puede trabajar igual en las últimas versiones de Photoshop.

A continuación os muestro cómo crear ese mismo GIF, pero en lugar de usar una animación de cuadros lo voy a hacer con una animación de vídeo. Donde podréis ver la mejoría en los resultados.

Por último muestro cómo se puede guardar el GIF, ya sea desde la animación por cuadros o por la animación por vídeo.

♦︎ Instructor Certificado en ConectaTutoriales (Photoshop) – Grupo oficial de Adobe en España

source

Esta entrada tiene 45 comentarios

  1. Hola, quise guardar el gif pero como vídeo, pero por lo que veo la opción de Adobe Media Enconder la tengo deshabilitada, es decir me aparece en gris (y no la puedo seleccionar) y solo me guarda el archivo en formato psd. ¿Porque no lo puedo guardar como vídeo? ¿Cómo puedo solucionarlo?

  2. Hola. Cómo puedo cambiar de gif por cuadros a video? Hay alguna opción en Photoshop. Estoy todavía en medio de proceso y no me gusta como está quedando por cuadros. Gracias

  3. •Dolnet•

    Hola, perdón por molestar tanto, ya hice mi animación, pero no me deja ponerle de formato adobe media encoder, por lo tanto no me deja ponerlo en formato h.264

    Que hago? Me gusta la animación que hice y no la quiero volver a hacer 😭

    Ayuda!, gracias

  4. Tomas Morandi

    Hola, me gustaría saber si se puede hacer un corazon (♡) inflandose y desinflandose con la linea de tiempo de video. Intenté con el filtro licuar pero no me salio.

  5. Tu Papà

    Muchas gracias bro :,3 mi error era el como lo guardaba, yo ponia gif normal. no vi lo de guardar para web :3

  6. Buen aporte también esta vez 🙂
    Aunque afirmo que , a la hora de crear el segundo gif con los fotogramas clave, se podría hacer una media vuelta con un solo fotograma clave y la vuelta con otro, con lo que sólo tendríamos dos fotogramas clave en este caso, más facil de sincronizar en el tiempo. Un saludo

  7. PPluis A.

    Hola Pedro! Gran video! Una pregunta: ¿ Se puede usar la opción ' transformar' para generar un fotodrama nuevo con la herramienta "transformación de posición libre"? Un saludo!

  8. Con todos mis respetos,considero que la explicación del video no ha quedado bien cerrada del todo.
    El video no explica como duplicar o hacer un "Copia y Pega" de los fotogramas clave,para que la animación acaba dando la vuelta completa.
    Al menos debería haber explicado los valores a introducir de los últimos fotogramas clave.
    Los primeros són: 50 – 7,92 – (-50) – (-10)…..y los cuatro últimos???
    He probado varias combinaciones,y no consigo de dé la vuelta completa….

  9. hola hice un gif pero me queda con mucho ruido despues de exportarlo hay alguna forma de corregir esto?

  10. ItzGarcho

    q grande, me sirvio para la tarea de TIC, ya no necesito after effects para animar las cosas simples, muchas gracias

  11. Hola!!!! el tutorial esta muy bueno. Pero cuando inicia ya tenes los cuadros colocados. ¿cómo haces para crearlo desde el principio? ¿y si despues que tengo todo armado le quiero cambiar el formato? gracias!!!

  12. Nikon World

    el video esta genial pero aunque sea del 2017 porque hablas tanto!!!! ve directo al grano!!!

  13. SHIROB

    Muchísimas gracias, ¡el tutorial fue bastante útil!

  14. en animación por cuadros, le di a guardar como gif y lo guardo fijo, no se mueve

  15. Holaaa, vengo aquí porque en 2 días debo entregar un trabajo para la universidad de esto mismo, espero que me vaya bien jajaja. Saludos! (cuándo me entreguen la nota vendré a avisar si me fue bien o mal)

  16. Topoyiyo_69

    hola, tengo un problema, tal y como empiezao en la linea de tiempo, sin mover la imagen, se me distorciona al darle al play. me podriais ayudar, porfavor.

  17. Hola, muchas gracias por el tutoríal, esta buenísimo !!!! arme un gif me quedo perfecto, lo exporto y cuando lo envío por whatsApp o mail No para en la ultima diapositiva los 10 seg. que le di?????

  18. Siete Lunas

    Me sirvió muchísimo tu vídeo! Como otros también que tienes! La verdad es que unos de mis canales favoritos para aprender. Tengo una pregunta si es posible resolverla 🙁 Ya cuando voy a guardar se guarda todo bien excepto que una parte que debería estar transparente me sale como trozos blancos ,es decir, es un rectángulo transparente para poner algo atrás y justo en las esquinas o en zonas aleatorias salen trozos blancos como si hubiese algún elemento ahí, y ya he probado hacerlo de forma diferente y no sé qué es lo que falla! Agradecería la ayuda, sino no pasa nada!

  19. Hola te felicito por el trabajo y el tiempo, siempre tenes una explicación sencilla y muy amable.
    Saludos desde Argentina

  20. Luci Bitc

    Genial el video, muy claro!. Consulta, se les puede poner música a los gifs desde photoshop?

  21. Buenas Pedro, un saludo desde Costa Rica, pura vida. Tengo una pregunta, nunca he tocado PS y me gusto mucho la explicación en tu video y el efecto eléctrico que pones al logo al inicio, me podrías enseñar como lograrlo?

  22. SAnder Lovat

    Buenas, muy buen trabajo, una pregunta yo no tengo la opcion de transformar en la linea de tiempo…

  23. Emillan Rubio

    Ha sido de gran ayuda todo estos tutoriales, he aprendido gracias a usted!!

  24. Muy buena explicación, usted es uno de los referentes máximos en el tema de Photoshop, espero que tenga el reconocimiento que merece por esos lares. Grande Tripiyon.

Deja una respuesta