Cómo crear un GIF animado en Photoshop (2 métodos)
Вставка
- Опубліковано 25 лип 2017
- 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: ua-cam.com/users/Tripiyonjoin
UA-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
genial
Gracias Ilde +Ildefonso Segura Tutoriales (Photoshop - Ae - C4d)
Un abrazo
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
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
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
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
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
Excelente, muy bien explicado, muchas gracias!!!
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 😀
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
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
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
Muchísimas gracias, ¡el tutorial fue bastante útil!
Ha sido de gran ayuda todo estos tutoriales, he aprendido gracias a usted!!
Me ha venido de perlas, ya que lo he necesitado recientemente. Muchas gracias Pedro por compartir. Un saludo
Gracias a ti @Philip Killarney
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
Que buenos tutoriales . Lo que estoy aprendiendo gracias a ti la verdad no tiene precio . Nunca deje de hacer esto Maestro !!!
Gracias +Gotico2077
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
Buen video explicado detalladamente, una explicación muy bien trabajada, contenido de calidad, sin tantos rodeos, y totalmente gratis
¡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
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
Muchas gracias por el vídeo Pedro, muy bien explicado. Es perfecto... a por más tutoriales tuyos !!
Gracias +Paco Bujias
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
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
Gracias Don Pedro por compartir tanto talento, recibe un cordial y cálido abrazo...
Gracias +Txemi Rodriguez
Un abrazo
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....
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
eres un capo, siempre que me sale una duda busco en tu canal y encuentro solucion, muchas gracias
Gracias a ti Noc Turno
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
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.
ERES LA MERA HOSTIA SALUDOS DESDE MEXICO
Ya he visto 2 tutoriales tuyos y son de lo mejorcito de Internet. Gracias.
Gracias a ti @JuaeMF
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
Me encantan sus tutoriales, muchas gracias por compartir con todos nosotros , saludos desde México
Gracias cintya flores
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
Un vídeo brutal amigo, super bien explicado, ameno y muy didáctico. ¡Gracias!
Gracias a ti @Posonty
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
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
Dos tutoriales de este hombre y los dos me han ayudado muchisimo, ya me suscribi :D
Gracias @camilito202
Saludos
Muy buena explicación, gracias por los conocimientos compartidos...
Gracias a ti @Danilo Gonzalez
Saludos
Muchas gracias 😍 por cierto me encanto como lo explicabas con esa tranquilidad seguid así 🙌🏼
Gracias a ti @Exo Desing
Saludos
Perfecto como siempre Pedro, sencillo y claro igual a fácil.
Gracias +Severino Martínez Fernández
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
excelente vídeo mi abuelito gracias desde aquí saludos desde México me sirvió de mucho, mil gracias
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
Excelente toda la explicación. Muchas gracias!!!
Gracias a ti Ana Salas
Saludos
Súper tutorial. Me ha servido mucho. ¡Gracias! Eres muy bueno explicando.
Gracias a ti @Juanita Alimaña
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
Excelente contenido y mágica explicación, saludos desde Cuernavaca, Morelos, México.
Gracias +Más Beat Cuernavaca
Saludos
Muy buen tutorial, claro e instructivo. Gracias por tus enseñanzas
Gracias Maria Martín Ruiz
Saludos
Nunca en mi vida supe para que era objeto inteligente :v Y AHORA APRENDI.... te amo ♥
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
Buen tutorial, como siempre te luces con la explicación.
Gracias +Edgar Caballero
Saludos
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
Excelente es una de las mejores explicaciones que he visto para crear Gif.
Gracias +Jana Jana
Saludos
Muchas gracias por compartir la información, excelente tutorial ..gracias chevere ...☺
Gracias jorge riveros
Saludos
Me encantó. Justo lo que buscaba. Muchas Gracias!
Gracias a ti @Profe Blas
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
Excelente video, creo que lo he consultados tres veces, saludos!!!
Gracias @EOLO BIGURRA
Saludos
me gusta como explicas cada paso .. mis respetos . gracias a vos , mi logo ahora tiene movimiento ;) saludos
Gracias @Marcos El Conde
Saludos
Muchas gracias, excelente explicación.
Gracias a ti @Gerardo C.
Saludos
Excelente explicación siga así por favor!!! ÉXITOS.
Gracias DANTEzero
Saludos
excelente explicación....gracias por compartir!!!!
Gracias jimenez arsolutions
Saludos
Excelente vídeo y super bien explicado, muchas gracias!
Gracias +RedSinCrisis
Saludos
Excelente tutorial, muchas gracias por compartir su conocimiento, y además muy bien explicado :)
Gracias a ti @Jessica Gallardo
Saludos
Muy buen tutorial. Claro y sencillo
EXCELENTE TUTORIAL MUCHAS FELICIDADES!
Gracias @Antonio GSánchez
Saludos
USTED ES GRANDE SEÑOR!!!
Muchas gracias, me fue de gran ayuda. Saludos!
Gracias a ti Nolosé12345
Saludos
MARAVILLOSA EXPLICACIÓN.... EVIDENTEMENTE INTELIGIBLE... MUCHAS GRACIAS
Gracias a ti +Gabhriel Toro
Saludos
Genial, gracias por este aporte, cada dia aprendemos algo nuevo
Gracias a ti @Juan Jose Martinez
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
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
Me ha sido de mucha utilidad. Gracias por el vídeo.
Gracias a ti Javier Sanchidrian
Saludos
Muchísimas gracias! Excelente explicación. Saludos! 😊
Gracias a ti!
muy bien explicado !!! felicidades y gracias !!!
Gracias +DISGRAF CREATODS Agencia de Publicidad
Saludos
Excelente amigo, muchas gracias por tus enseñansas :D saludos desde México
Gracias a ti @Jussak García.
Saludos
Muchas gracias CABALLERO, excelente explicación.
Saludos amigo.
Gracias +josé luis Gallego
Saludos
Gracias Pedro!!! Si puedes, haz más tutoriales sobre gif ☺
Gracias +Jackson Love
Lo tendré en cuenta :)
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
Genial Pedro, ya ha quedado completa las animaciones, estilo saga jeje es que claro aunque se haga un tutorial de un tema, siempre queda más cosas que hacer y lo mejor son varios tutoriales, son estupendos, siempre aprendiendo más contigo. Saludos
Gracias por tu comentario +Alejandro Murillo
Saludos
eres excelente me encantó sigue así ayudándonos a ser mejores, saludos desde Panamá
Gracias +Moises Castillo
Saludos
Que buen video. ¡Gracias Pedro!
Gracias a ti +Manuel Orozco
Saludos
Felicidades!!! que tengas un prospero año 2019
Gracias @Inteligencia Emocional
Igualmente
Bien explicado, bien currado... Enhorabuena
Gracias @Davlim Davlim005
Saludos
buen totorial, acabo de realizarlo con mi logo.
muchas gracias, saludos desde BOLIVIA
Gracias a ti @pablo mendez
Saludos
Super bien explicado ! Gracias !!!
Gracias a ti Marcelo Daniel Rod
Saludos
Todo un pro.
Gracias por el video.
Saludos!!!!!!!
Gracias a ti JHAR
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 !
en verdad gracias por la clase, me ayudo mucho, explica muy claramente lo general y detalles igual.
Gracias a ti @SAM RODRIGUEZ
Saludos
Excelente explicación Tripiyon, como siempre
Gracias +Astharon
Saludos
Genialll maestro Pedro, muy bueno muy amable por su enceñanza y su tiempo Gracias
Gracias +Ezrael Ramos
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
tu tutorial me ha sido de mucha ayuda hermano muchas gracias que dio te bendiga hermano
Muchas gracias, una manera ya la sabía pero la otra no!! Ha sido muy útil! ^^
Gracias +Corintia13x Art
Saludos
Tomando nota...Gracias Pedro... Saludos
Gracias a ti +Félix García
Saludos