Cómo crear un GIF animado en Photoshop (2 métodos)
ฝัง
- เผยแพร่เมื่อ 15 พ.ย. 2024
- 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.
♦︎ Descargas ilimitadas de +18 millones de recursos con un 50% de Dto. en suscripción anual: bit.ly/3sQ2FBb
♦︎ Únete a la comunidad de Miembros del canal y disfruta de las ventajas: / tripiyon
♦︎ Tienda de Tripiyon Tutoriales: bit.ly/3uGBk2G
♦︎ TUTORIALES RELACIONADOS
Cómo crear una animación con varias imágenes en Photoshop: • Cómo crear una animaci...
- Cómo crear una animación de vídeo con Photoshop: • Cómo crear una animaci...
♦︎ 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.
♦︎ Recursos gratuitos en: bit.ly/2kSVM1J
♦︎ Más de 625 tutoriales gratuitos: bit.ly/2vGTuIf
♦︎ Certificado ACA de Adobe: Adobe® Certified Associate in Visual Comunication using Adobe® Photoshop™.
#TripiyonTutoriales
Cómo crear una imagen vectorizada con Photoshop
![เปิด อาณาจักร หมื่นล้าน "สาระตั้ม" l [Nickynachat]](http://i.ytimg.com/vi/3XE0nPF4YkQ/mqdefault.jpg)
♦︎ Únete a la comunidad de Miembros del canal y disfruta de las ventajas: th-cam.com/users/Tripiyonjoin
TH-camRS asi son los que merece la comunidad, seriedad, calidad y una explicacion suprema y con un profesionalismo sin parecer pedante. Excelente video amigo se gano un suscriptor...saludos desde Venezuela
Gracias @Ivan Mendoza
Saludos
Claro, profesional, directo y sin una ruidosa canción electrónica de fondo.
Me alegro de encontrar el video.
Gracias @DezKan
Saludos
Re siiiiiiiiiii
Cuando recién iniciaba la carrera te veía mucho a ti y a Ilde y me enseñaron más que muchos profesores, hoy, muchos años despues, me vuelves a echar una mano...! Muchas gracias por todo, maestro!
Gracias a ti por tu constante apoyo Grutan18
Que buen tutorial, Muchas Gracias Saludos desde Perú.
Gracias +Richard Aroste
Saludos
no he encontrado tutoriales mejores y tan precisos en su explicación... Felicidades me sirve bastante!! muchas gracias!!!
Gracias a ti +Francisco Javier Acuña Zurita
Saludos
Hola buenos dias, no me sale la opcion de transformar en la linea de tiempo, solo me sale posiscion, opacidad y estilo, tengo la version cc, gracias de antemano te felicito por tus tutoriales
+Diseño Bakhos Full Print
Para que te salga esa opción primero debes convertir a objeto inteligente la capa que quieres transformar. Botón derecho sobre la capa > Convertir en objeto inteligente.
Saludos
Maestro, como es normal en usted, no para de sorprenderme, muchas gracias por compartir tu conocimientos, el universo te lo agradecerá con creces.
Gracias +Bernardo Conde
Saludos
genial
Gracias Ilde +Ildefonso Segura Tutoriales (Photoshop - Ae - C4d)
Un abrazo
MAESTRO TRIPIYÓN Gracias Por Existir👍Me he aclarado en varios conceptos, como Tono, viendo 3 vídeos. Gracias📷Un Saludo muy grande
Amigo, desde ya unos días he estando buscando algún tutorial que me enseñe hacer un gif pero que haga un efecto así como en el que tienes en la intro de tus tutoriales.. (Esos efectos que serian como rayos que correren por todo el logo) Te agradecería si hicieras algún tutorial que enseñe hacer un gif con esos efecticos de rayos que corran por todo el logo, gracias..
yo tambien ando con la curiosidad esa, no se si se puede hacer con el Ps o ya hay que entrar en otros programas. Saludos y grandes videos.
@@EzKuLaKa Eso se logra con After Effects
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.
Gracias Mentor Quinto
Saludos
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?
+Joanna Ramírez
Eso te pasa porque no tienes instalados esos codecs. Mira este enlace, ahí tienes info sobre el tema.
help.adobe.com/es_ES/encore/cs/using/WSD06A6D4A-20E8-4bbb-9258-2E4EECF48812a.html
Saludos
Tripiyon Tutoriales - Photoshop en español Muchísimas gracias.
joana ramirez yo te recomiendo que te metas al enlace de internet, clic izquierdo , guardar como gif y lo descargas de internet del link que creaste
@@Tripiyon Hola como estás? ami me ha pasado que no me permite reproducir la linea de tiempo se me queda cargando y igual pasa cuando quiero interpretar el video .. que podría estar pasando?
@David Rodriguez
Puede ocurrir que estés trabajando con un documento muy grande y el programa demande más recursos de los que tienes en el ordenador. No se me ocurre que otra cosa puede ser. Si el documento es muy grande, duplícalo y prueba a bajar el tamaño del documento a ver si así lo consigues.
Saludos
Ya he visto 2 tutoriales tuyos y son de lo mejorcito de Internet. Gracias.
Gracias a ti @JuaeMF
Saludos
ESTE TUTORIAL ES MUY VALIOSO Y PARA NOSOTROS LOS PRINCIPIANTES HACEMOS LO POSIBLE POR ENTENDER ! EXITOS! GRACIAS.
Gracias a ti @Jorge Segura
Saludos
@@Tripiyon Saludos Maestro! gracias a ti !
Me ha venido muy bien su tutorial. En mi caso lo he usado para una secuencia en la que se muestra los distintos momentos de la construcción de una maqueta de un proyecto arquitectónico. Una especie de 'time lapse'. Ha quedado bastante bien el archivo 'gif' resultante, aunque con un tamaño algo elevado. Muchas gracias por su tutorial. Me ha gustado la minuciosidad y detalle con que describe todo el proceso.
Gracias a ti @David Medina Medina
Saludos
Muchísimas gracias! Sinceramente lo tenia como tema pendiente para aprender a animar mi logo, y gracias a usted ya tomó vida. Miles de gracias!.
Gracias a ti 😀
Que buenos tutoriales . Lo que estoy aprendiendo gracias a ti la verdad no tiene precio . Nunca deje de hacer esto Maestro !!!
Gracias +Gotico2077
Saludos
Excelente tutorial, estuve buscando durante horas uno que si me sirviera y la verdad me ha salvado la vida. En serio muchas gracias, no dejes de hacer estos fantásticos tutoriales, existen personas que en serio les ha sido de ayuda y están agradecidos
Gracias a ti @Daniela Zapata
Saludos
la verdad es que photoshop es uno de mis programas fuertes de diseño, pero usualmente acudo a este canal para aclarar algunos puntos que se me pasan, gracias
Gracias a ti @carlos a.
Saludos
Muy bien explicado, yo he hecho muchos gif en el antiguo programa Animation y aquí en photoshop tengo algunos pinitos hechos pero este tutorial me ha despejado alguna dudas que tenía sobre todo en la creación mediante la línea de tiempo, yo con este sistema no los había hecho nunca ... gracias por compartir!
Gracias a ti por tu comentario +Luisa Marilis
Saludos
Ahhh realmente me encantan sus videos, sus explicaciones y la paciencia que tiene para enseñar, me ha salvado en varias de mis actividades de carrera, muchísimas gracias por su gran trabajo.
Gracias a ti
AMIGO MIL INFINITAS GRACIAS
Te haz ganado un like y creo que es lo menos que te mereces! Me salvaste la vida y más por cómo guardarlo.
Otros canales solo mostraban como hacerlo y ya. No explicaban qué formato y cuando yo trataba de hacerlo me decía que no tenía espacio (y eso que en ese entonces la compu estaba recien comprada, entonces espacio era lo que sobraba) pero gracias a ti aprendí a bajarle la "calidad" y me funcionó!
Muchisimas gracias en verdad!!!
Gracias a ti por tu comentario @MJ Capri
Saludos
Hola te felicito por el trabajo y el tiempo, siempre tenes una explicación sencilla y muy amable.
Saludos desde Argentina
Gracias Florencia Andrea Nuñez
Saludos
gracias, gracias, gracias eh aprendido tanto como no tiene idea...muchas gracias
Me gusta muchísimo tus explicaciones, de lo mejor que he visto en mi vida. Son un placer cada uno de tus vídeos. Gracias maestro
Gracias a ti @David Aguado
Saludos
hace un par de años que te sigo y te agradezco por todo el contenido que enseñas!!!! gracias!!
Gracias a ti @Jorge Miranda
Saludos
Hola Pedro. Respetuoso saludo. Excelente y bien didáctico tutorial ; creo que me será de gran utlidad, aunque la primera impresión que he tenido, es que la cabeza se me vuelve un nudo, pero seguramente que en la medida en la que lo siga y sobre todo lo practique paso a paso, aprenderé. Me gustará recibir toda esa buena enseñanza tuya.
Mil gracias y hasta pronto.
Gracias a ti Ernesto Henao
Saludos
tu tutorial me ha sido de mucha ayuda hermano muchas gracias que dio te bendiga hermano
MARAVILLOSA EXPLICACIÓN.... EVIDENTEMENTE INTELIGIBLE... MUCHAS GRACIAS
Gracias a ti +Gabhriel Toro
Saludos
Gracias me estas enseñando mucho lo hacia muy empíricamente pero contigo estoy puliendo mis defectos te reitero mi agradecimiento
Gracias a ti @Jorge LHY
Saludos
Fantástico! el mejor tutorial que vi de photoshop. Muchas gracias!
Gracias a ti
en verdad gracias por la clase, me ayudo mucho, explica muy claramente lo general y detalles igual.
Gracias a ti @SAM RODRIGUEZ
Saludos
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
Gracias por tu sugerencia
¡Espléndido Pedro! ¡Muchas gracias por esta explicación didáctica e instructiva! Nuevamente has despejado dudas respecto a este ejercicio. Te saludo fraternalmente.
Gracias +Aquiles García de Andina
Saludos cordiales
USTED ES GRANDE SEÑOR!!!
Muy pero que muy bien explicado, me ha encantado 😍, muchas gracias 😊.
Gracias a ti!!
¡Fenomenal Pedro!. Tus dotes "docentes" parecen no tener "techo"... Yo siempre los hacía en sentido inverso, es decir, cortar un "trocito" de alguna película que me hacía gracia (con algún editor de vídeo), llevarlo al photoshop e ir eliminando capas alternas hasta llegar a un peso razonable, exportarlo y tal... y esto es justo al revés, partir de foto estática y hacerla GIF. ¡Eres un crack! Feliz fin de semana a Tod@s!
Gracias +Sancho Juan
Saludos
Muchas gracias maestro !! , me ha sido muy útil para mostrar mis trabajos en mi web, enhorabuena por el vídeo y tu forma tan clara de explicar.
Gracias a ti @JOSE EMILIO TORO PAREJA
Saludos
Gracias por el tutorial. Estoy tratando de hacer un gif y odiaba que no quedé suave. Ahora lo probaré.
Gracias a ti @XxNahiro
Saludos
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)
Suerte!
Buen video explicado detalladamente, una explicación muy bien trabajada, contenido de calidad, sin tantos rodeos, y totalmente gratis
q grande, me sirvio para la tarea de TIC, ya no necesito after effects para animar las cosas simples, muchas gracias
Gracias a ti Potatoes Garcho
Saludos
Excelente es una de las mejores explicaciones que he visto para crear Gif.
Gracias +Jana Jana
Saludos
Hasta el momento los mejores tutoriales, gracias a tus videos estoy aprendiendo mucho, gracias muchas gracias,..... saludos desde Perú
Gracias a ti +julio ochoa
Saludos
eres un capo, siempre que me sale una duda busco en tu canal y encuentro solucion, muchas gracias
Gracias a ti Noc Turno
Saludos
Genialll maestro Pedro, muy bueno muy amable por su enceñanza y su tiempo Gracias
Gracias +Ezrael Ramos
Saludos
Gracias Don Pedro por compartir tanto talento, recibe un cordial y cálido abrazo...
Gracias +Txemi Rodriguez
Un abrazo
Ha sido de gran ayuda todo estos tutoriales, he aprendido gracias a usted!!
Nunca en mi vida supe para que era objeto inteligente :v Y AHORA APRENDI.... te amo ♥
Muy bueno, de verdad entendi todo completamente , practico, directo simple y bien explicado, agradezco el compartir contenido asi, revisare el contenido del canal ya que espero encontrar tutoriales similares en caso necesite realizar alguna otra cosa....
MIl Gracias por el video.. Saludos desde Guatemala.
Gracias a ti
Gracias por compartir sus conocimientos ahora ya podré hacer mis GIFS sin problemas 👍
Gracias a ti +Guillermo Lopez
Saludos
Muy buen tutorial! Ojalá pudiera encontrar videos de este estilo y calidad sobre After Effects CC. De momento disfruto y aprendo con sus tutoriales de Photoshop. Trabajo en una agencia de publicidad y aprecio muchísimo sus lecciones. Un saludo desde Almería.
Gracias por tu comentario +Fermin Morales
Saludos
Eres buenisimo Pedro. pedro podias hacer algún tutorial , sobre una foto en fondo negro, he oido por ahí que en un modo de fusion queda como transparente es fondo?. y otro tutorial sobre retoque de foto antigua . Gracias
Gracias +Juan Cruceira
El modo de fusión que dices es "Trama". Me apunto el tuto que dices.
Saludos
Gran tutorial como de costumbre, y además queda muy bien ese logo tripiyonesco rotatorio. Ah! Y del gato ni me he acordado hasta el final - esta es su derrota definitiva. Tuvo su momento, pero ya pasó. Pues nada, lo de siempre, pongo el GPS internáutico rumbo a twitter para contribuir a la difusión de esta buena nueva. Saludos cordiales.
Edito: Ah, y por cierto, el ImageReady!!!! Qué recuerdos!!!!
Gracias +Photoshopeando
Jajajaja, pobrecillo Carlos, déjalo que se esconda que este verano va de cabeza con los calores.
Saludos
¡Mil gracias! Me ha sido de muchísima utilidad ♥
soy el like 10.000 si señor...y aprendi mucho..mil gracias prof
Gracias a ti Miguel Teran
Saludos
Muchisimas gracias Señor Pedro, ya me había olvidado algunos procedimientos y con su ayuda me salió perfecto mis sexi gif.
Gracias a ti @YO VIVÍ EN LOS 80S
Saludos
Muy buen video, gracias por su aporte, saludos desde Nicaragua
Un vídeo brutal amigo, super bien explicado, ameno y muy didáctico. ¡Gracias!
Gracias a ti @Posonty
Saludos
gracias por este tutorial tan profesional, detallado y bien hecho!!! Me alegro mucho de haberlo conseguido, 100% recomendado, mil gracias :)
Gracias a ti @Alexandra Rivas
Saludos
Me encantó. Justo lo que buscaba. Muchas Gracias!
Gracias a ti @Profe Blas
Saludos
Muchas Gracias por el Tutorial, me ha aclarado muchas dudas
Gracias a ti Brayan Catacora
Saludos
Graciasssssss por finnnnnnnnnnnnn subes este video tenia rato queriendo ver un tutorial tuyo sobre este tipo de trabajos
Gracias a ti +Leon Graphic
Saludos
Me parece buenísimo. Tengo que ponerlo en práctica, con estos últimos que has lanzado, porque son estupendo. Muchas gracias :)
Gracias +leo Carrión
Saludos
Excelente video, bien explicado fue de gran ayuda, muchas gracias.
Gracias a ti
Excelentes vídeos amigo!!! Muchas Gracias!!! Saludos desde México
Gracias a ti Rigel Nova 123.
Saludos
Muchísimas gracias, ¡el tutorial fue bastante útil!
Perfecto como siempre Pedro, sencillo y claro igual a fácil.
Gracias +Severino Martínez Fernández
Saludos
Mi enhorabuena por este tutorial tan bien explicado. Te seguiré tocayo.
Muchas gracias! 😊
Muy bueno Pedro. Te superas cada día, a mi vuelta de las vacaciones lo practicaré. muchas gracias, es muy interesante este tutorial.
Gracias +XANA ASTURIANA
Saludos
Gracias por el tutorial. Me vino perfecto para un trabajo.
Gracias a ti @SR Imatges
Saludos
Gracias. Saludos desde Guadalajara, México.
Gracias a ti
Súper tutorial. Me ha servido mucho. ¡Gracias! Eres muy bueno explicando.
Gracias a ti @Juanita Alimaña
Saludos
Buenísimos tus tutoriales. Bien explicados y fáciles de seguir. Tienes alguno sobre como convertir una foto en dibujo o caricatura?
Gracias.
Te dejo una búsqueda en el canal donde salen algunos de los que tengo www.youtube.com/@Tripiyon/search?query=efecto-dibujo
@@Tripiyon muchísimas gracias!!
Me encanta, Seria posible aprovechar el fondo uniforme para cambiárselo por otro fondo a elección propia?, gracias.
Sí, claro, puedes poner el fondo que tú quieras. Ten en cuenta que el GIF eres tú quien lo crea con las capas que tú quieras.
Excelente tu forma de enseñar , muchas gracias hermano....
Gracias +Guillermo Duran
Saludos
Pues nada Pedro muchas gracias por tu tiempo en hacer este video tutorial; explicado excelente. Brillante muchas gracias!
Gracias a ti @Stefano Torselli
Saludos
Tomando nota...Gracias Pedro... Saludos
Gracias a ti +Félix García
Saludos
Genial el video, muy claro!. Consulta, se les puede poner música a los gifs desde photoshop?
Gracias.
Puedes añadir una pista de audio pero tendrás que guardar cómo MP4 en lugar de como GIF.
Me ha venido de perlas, ya que lo he necesitado recientemente. Muchas gracias Pedro por compartir. Un saludo
Gracias a ti @Philip Killarney
Saludos
Muy didáctico y bien explicado, gracias
Gracias a ti
esta genial tendré que verlo nuevamente no soy profano en esto y me a costado, creo que si lo veo un par de veces mas quizás me quede con el conjunto de teorías un saludos.
Muchas gracias por el vídeo Pedro, muy bien explicado. Es perfecto... a por más tutoriales tuyos !!
Gracias +Paco Bujias
Saludos
Muchas gracias!!! He aprendido mucho! Saludos!!
Gracias a ti +Claudia Aravena
Saludos
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?
El efecto eléctrico de la intro no lo he hecho yo, me lo hicieron por encargo.
Me encantan sus tutoriales, muchas gracias por compartir con todos nosotros , saludos desde México
Gracias cintya flores
Saludos
excelente vídeo mi abuelito gracias desde aquí saludos desde México me sirvió de mucho, mil gracias
Excelente contenido y mágica explicación, saludos desde Cuernavaca, Morelos, México.
Gracias +Más Beat Cuernavaca
Saludos
Excelente explicación Tripiyon, como siempre
Gracias +Astharon
Saludos
Dos tutoriales de este hombre y los dos me han ayudado muchisimo, ya me suscribi :D
Gracias @camilito202
Saludos
Hola Pedro. Gracias por tu video. Hace mucho tiempo hice este GIF, he querido volver a verlo para repetirlo, pero no consigo que gire sobre si mismo el logotipo, solo rota. No se si habrá cambiado para la última versión, la oficial de 2019 . Gracias
Gracias a ti @Glamour Lucena
No ha cambiado. Asegúrate cuando creas el GIF de que haces la transformación del logo adecuadamente para que se vea bien. Y si lo haces con línea de tiempo en lugar de por cuadros, asegúrate de que has convertido el logo en objeto inteligente antes de crear la animación.
Saludos
Genial amigo gracias, había bastantes datos acerca de el peso y formatos que otros no explican
Gracias a ti Jussak García.
Saludos
Simplemente gracias! Me ha salvadoooo
Gracias a ti @Noelia Muñoz
Saludos
Muchas gracias 😍 por cierto me encanto como lo explicabas con esa tranquilidad seguid así 🙌🏼
Gracias a ti @Exo Desing
Saludos
Excelente explicación .Enhorabuena
Gracias +Ernesto Salazar Rojas
Saludos
Muchas gracias me ha sido de mucha utilidad.
Gracias +Zanneto
Saludos
me ha gustado y muy bien explicado gracias
Gracias +Luis Alberto
Saludos
Muchísimas gracias! Excelente explicación. Saludos! 😊
Gracias a ti!