Cómo crear un GIF animado en Photoshop (2 métodos)
ฝัง
- เผยแพร่เมื่อ 7 ก.ย. 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
♦︎ Ú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
Que buen tutorial, Muchas Gracias Saludos desde Perú.
Gracias +Richard Aroste
Saludos
MAESTRO TRIPIYÓN Gracias Por Existir👍Me he aclarado en varios conceptos, como Tono, viendo 3 vídeos. Gracias📷Un Saludo muy grande
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
gracias, gracias, gracias eh aprendido tanto como no tiene idea...muchas gracias
genial
Gracias Ilde +Ildefonso Segura Tutoriales (Photoshop - Ae - C4d)
Un abrazo
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
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
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 !
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
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
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
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
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 😀
tu tutorial me ha sido de mucha ayuda hermano muchas gracias que dio te bendiga hermano
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
MIl Gracias por el video.. Saludos desde Guatemala.
Gracias a ti
Ya he visto 2 tutoriales tuyos y son de lo mejorcito de Internet. Gracias.
Gracias a ti @JuaeMF
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
Muy pero que muy bien explicado, me ha encantado 😍, muchas 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
USTED ES GRANDE SEÑOR!!!
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
MARAVILLOSA EXPLICACIÓN.... EVIDENTEMENTE INTELIGIBLE... MUCHAS GRACIAS
Gracias a ti +Gabhriel Toro
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
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
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
Muchas Gracias por el Tutorial, me ha aclarado muchas dudas
Gracias a ti Brayan Catacora
Saludos
Muchísimas gracias, ¡el tutorial fue bastante útil!
Excelente video, bien explicado fue de gran ayuda, muchas gracias.
Gracias a ti
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
Tomando nota...Gracias Pedro... Saludos
Gracias a ti +Félix García
Saludos
en verdad gracias por la clase, me ayudo mucho, explica muy claramente lo general y detalles igual.
Gracias a ti @SAM RODRIGUEZ
Saludos
¡Mil gracias! Me ha sido de muchísima utilidad ♥
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
Muy buen video, gracias por su aporte, saludos desde Nicaragua
Muy didáctico y bien explicado, gracias
Gracias a ti
Visto el vídeo, listo para crear GIFs. Gracias
Gracias +Cándido Correa Villar
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
soy el like 10.000 si señor...y aprendi mucho..mil gracias prof
Gracias a ti Miguel Teran
Saludos
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
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
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
Excelentes vídeos amigo!!! Muchas Gracias!!! Saludos desde México
Gracias a ti Rigel Nova 123.
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
Genialll maestro Pedro, muy bueno muy amable por su enceñanza y su tiempo Gracias
Gracias +Ezrael Ramos
Saludos
¡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 me ha sido de mucha utilidad.
Gracias +Zanneto
Saludos
Nunca en mi vida supe para que era objeto inteligente :v Y AHORA APRENDI.... te amo ♥
me ha gustado y muy bien explicado gracias
Gracias +Luis Alberto
Saludos
Fantástico! el mejor tutorial que vi de photoshop. Muchas gracias!
Gracias a ti
¡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
Excelente es una de las mejores explicaciones que he visto para crear Gif.
Gracias +Jana Jana
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
Gracias por compartir sus conocimientos ahora ya podré hacer mis GIFS sin problemas 👍
Gracias a ti +Guillermo Lopez
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
Excelente explicación .Enhorabuena
Gracias +Ernesto Salazar Rojas
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
Simplemente gracias! Me ha salvadoooo
Gracias a ti @Noelia Muñoz
Saludos
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....
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
excelente explicacion y con mucha paciencia
Buen video explicado detalladamente, una explicación muy bien trabajada, contenido de calidad, sin tantos rodeos, y totalmente gratis
Muchas gracias muy bien explicado
Gracias a ti @Angel Ramon Sanchez
Saludos
muchísimas gracias, me sirvió bastante.
Gracias a ti +Karen Camacho
Saludos
Gracias por el tutorial. Me vino perfecto para un trabajo.
Gracias a ti @SR Imatges
Saludos
muy bien explicado ! Gran tutorial
Gracias por comentar
Excelente explicación Tripiyon, como siempre
Gracias +Astharon
Saludos
EXCELENTE, GRACIAS UN ABRAZO
Gracias a ti
gracias por tan grandiosa explicacion
Gracias a ti
Gracias. Saludos desde Guadalajara, México.
Gracias a ti
Muy práctico, seguire mas tu canal
Gracias +felix cruz vazquez
Saludos
Excelente tu forma de enseñar , muchas gracias hermano....
Gracias +Guillermo Duran
Saludos
Ha sido de gran ayuda todo estos tutoriales, he aprendido gracias a usted!!
Gracias Don Pedro por compartir tanto talento, recibe un cordial y cálido abrazo...
Gracias +Txemi Rodriguez
Un abrazo
Gracias, muy bien explicado.
Gracias a ti
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
Mi enhorabuena por este tutorial tan bien explicado. Te seguiré tocayo.
Muchas gracias! 😊
Graciasssssss por finnnnnnnnnnnnn subes este video tenia rato queriendo ver un tutorial tuyo sobre este tipo de trabajos
Gracias a ti +Leon Graphic
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
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
Muchas gracias!!! He aprendido mucho! Saludos!!
Gracias a ti +Claudia Aravena
Saludos
Súper tutorial. Me ha servido mucho. ¡Gracias! Eres muy bueno explicando.
Gracias a ti @Juanita Alimaña
Saludos
Excelente, muchas gracias por este contenido
Gracias a ti
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
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
muy bueno y completo gracias
Gracias por comentar
Gracias paisano,brillante .
Gracias a ti +queroseno1961
Por cierto, ¿eres de Cuenca?
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
muchas gracias! muy util y muy didactico
Gracias a ti @Expresar Artes Graficas
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!!
Dos tutoriales de este hombre y los dos me han ayudado muchisimo, ya me suscribi :D
Gracias @camilito202
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
muy bueno, gracias maestro
Gracias a ti Ezequiel Gómez
Saludos
FABULOSO !!!, Gracias.
Gracias +Joaquin Martinez
Saludos
Me encantó. Justo lo que buscaba. Muchas Gracias!
Gracias a ti @Profe Blas
Saludos
Felicidades!!! que tengas un prospero año 2019
Gracias @Inteligencia Emocional
Igualmente