Cómo crear una animación con varias imágenes en Photoshop
Вставка
- Опубліковано 5 лют 2025
- En este tutorial os muestro cómo crear una animación a partir de varias imágenes muy fácilmente. Consiguiendo con ello una animación muy realista.
♦︎ 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
♦︎ ENLACE DE DESCARGA DE PSD: goo.gl/2GdV8k
♦︎ TUTORIALES RELACIONADOS
Cómo crear el efecto Parallax con Photoshop: • Cómo crear el efecto P...
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.
En primer lugar hago una breve introducción sobre el efecto de animación que voy a conseguir. Dónde muestro los orígenes de este tipo de animación y su explicación. Al tiempo que muestro las cuatro imágenes de las que se compondrá la animación.
Una vez terminada la introducción paso a comenzar con la creación de la animación. Empezando por el plano o capa superior que se corresponde con el primer plano en la imagen global.
Una vez animado ese primer plano doy paso a animar los otros dos planos. Consiguiendo con esto una animación con mayor profundidad al controlar en todo momento los distintos planos de la imagen.
♦︎ 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 animación con varias imágenes en Photoshop
♦︎ Únete a la comunidad de Miembros del canal y disfruta de las ventajas: ua-cam.com/users/Tripiyonjoin
♦︎ Aquí el tutorial en el que realizo la imagen necesaria para la animación: ua-cam.com/video/WKrr_x6AC1Q/v-deo.html
♦︎ En el siguiente enlace te dejo una lista con todos los vídeos para crear efectos y fotomontajes en Photoshop: ua-cam.com/play/PLmG-58IywvQ6QfrsJkGSM1aX5mrWFmVPz.html
Ojalá que nunca deje de compartir sus conocimientos. Se lo agradezco.
Gracias a ti Yositengofeis Peronoteloenseño
Saludos
Otro tutorial realmente didáctico y muy bien explicado (que es lo que realmente demandamos y valoramos los usuarios): Gracias! Ahora pasaré a visionar el proceso de diseño de la ilustración de basa para esta animación. Un saludo desde Almería.
Gracias +Fermin Morales
Saludos
Gracias Pedro.... me facilitaste mucho el trabajo te mando un grán abrazo desde Bolivia y envio buena onda por mucho éxito para ti y tu gente....
Gracias a ti @Pablo Canedo
Un abrazo
Muy buen tutorial, muy detallado y sencillo! Estoy recientemente incursionando en animaciones sencillas en Photoshop, quisiera poder lograr mejores, espero que siga una linea de animaciones, muchas gracias, ya me suscribí a su canal!
Gracias a ti @Willmar Sandoval
Saludos
Excelente trabajo, Dios le siga usando y sea de edificación para todos los interesados. Ya que su forma de enseñar, es plena. Felicidades.
Gracias @Jesus es el camino
Saludos
Muy muy buen video, gracias por la explicación tan detallada. Es bueno enseñando, gracias por compartir su conocimiento. Un saludo desde Venezuela.
Gracias +Diana Alejandra Yanes
Saludos
Tremendo! Que excelente video.
Que gusto haber llegado acá.
Gracias Abel Garcia
Saludos
Magnifico tutorial, nunca he empleado el photoshop para vídeo y menos para animación, ya me diste ideas de como hacerlo, muchas gracias por compartir tus conocimientos.
Gracias +Edgar Caballero
Saludos
Notable explicación. Lo que parece difícil lo muestras fácil, cosa que es una virtud . Muchas gracias. Saludos .-
Gracias +Eduardo Techera
Saludos
Gracias Pedro. Perfecta explicación. Genial. Un saludo.
Gracias +Joan Estany
Saludos
tienes que empezar con After effects Pedro. Se te daría genial :)
+Ildefonso Segura Tutoriales (Photoshop - Ae - C4d)
Ufff me da pereza solo de pensar que tendría que ponerme a aprender a usarlo, aunque no deja de ser una de mis asignaturas pendientes. Seguro que algún día me pongo, gracias por los ánimos :)
Abrazos
Muchas gracias.................como siempre excelente tutorial...............uno mas a la coleccion
Gracias Totales
Gracias +Javier Castro
Saludos
Un super video. La manera para explicar super bien. Espero pueda ver el tutorial donde explica la creación de las imagenes. Saludos.
Gracias Orage Bear
Aquí tienes el tutorial en el que muestro cómo crear las imágenes ua-cam.com/video/WKrr_x6AC1Q/v-deo.html
Saludos
Este especialmente, tenía ya muchas ganas. En cuanto lo ponga en práctica muestro mis resultado. Muchas gracias :)
Gracias +leo Carrión
Saludos
la espera ha merecido la pena
Gran tutorial. Estaría muy bien que el próximo sea el que dices, así sabríamos hacer nuestras propias escenas. Gracias!
Gracias +Xarlier - Tv de Hyrule -
Para la semana que viene me pongo con él.
Saludos
Pedro cada vez que veo un tutoria que subes, aprendo algo más de este magnífico programa, no dejes de hacerlo. Saludos desde Bolivia
Gracias +Robert Colina
Saludos
Qué buenísimo Pedro!! Es truquillo me lo apunto. Muchas gracias y un saludo!!
Muchas gracias +Oscargrafias
Saludos
Genial como siempre, fantástica animación con efecto. Seria genial que hicieras el tutorial de crear los fondos, para hacer nuestros fondos. Muchas gracias. Saludos
Gracias +Alejandro Murillo
Me pondré con él :)
Saludos
Estupendo es genial Pedro, ya sería el remate del tutorial.
Aunque parece que no es fácil, en comparación con una simple animación, pero esta técnica que muestras es mucho mejor y bastante lograda y con tus consejos y enseñanza es cuestión de practicar, y las cosas bien hechas merece un esfuerzo pero el resultado es gratificante.
Saludos y excelente fin de semana.
Ha sido muy ilustrativo. Le felicito por su excelente habilidad pedagógica. Saludos
Gracias Oscar Novoa
Saludos
Muy buena explicación, muchas gracias!
Gracias a ti!
Su contenido es muy bueno y bien explicado, calidad antes que cantidad
Gracias @José Israel Burbano
Saludos
¡Muchas gracias Pedro por este tutorial! Gracias por tu ayuda, que me permite seguir aprendiendo.
Gracias a ti +Aquiles García de Andina
Saludos
Excelente Pedro, bonito trabajo con vectores.
Un saludo.
Mariano
Gracias +pepeyo45
Saludos
Increíble tutorial Pedro. Es increíble la cantidad de cosas que se puede hacer en Photoshop
Gracias +MaxPolygon
Saludos
Excelente como siempre, muy importante los aportes y lo que podemos aprender, gracias por compartir
Gracias a ti Eduardo Isidoro
Saludos
Otra vez me convenzo que con tus tutoriales todo se hace facil.
Muchas gracias por tus vídeos, siempre me salvan cuando no entiendo algo en photoshop jaja
Gracias a ti Ani Celeste
Saludos
"Yo tengo Photoshop con licencia, comprado a Adobe, y nunca he tenido problemas con los códecs".
Amén! Grande Peter! Se puede decir más alto pero no más claro. Es que bastante malo es que nos usen de servicio técnico de Adobe, como para encima hacer de servicio técnico de los crackers. Que cada cual haga lo que quiera, claro, pero que luego asuman las consecuencias.
Aparte, muy llamativo cómo el gato aparece en torno al minuto 8 e intenta, en vano, robarte protagonismo, hasta que se rinde y se retira.
Sobre el tutorial, que al fin y al cabo de eso se trata, sobra comentario, ¡nivel Tripiyon! Y con archivo incluido, cosa que siempre agradece la gente. Bueno pues nada, like al canto, saludos y pongo rumbo a twitter.
Jajajaja, me salió del alma Carlos xDD
Respecto a los gatos, ufff, están que se suben por las paredes con este calor que tenemos, y apenas se dejan ver.Gracias +Photoshopeando
Saludos
Muy buen tutorial , me ha encantado, a mi me gustaría que hicieras el vídeo sobre hacer nuestras propios fondos.
Gracias Pedro
Gracias +BEGO IZQUIERDO
Tomo nota.
Saludos
Usted me cae muy bien, muchas gracias por la ayuda
Gracias a ti
Muy bueno Pedro y muy explícito, como siempre Muchas gracias!!!
Gracias +Talacho Morada
Saludos
Muy bueno en lo que haces pedro, excelente, no pares de subir tutoriales...
Gracias +Raymie Quintero Tovar
Saludos
Gracias , eres un excelente Profesor en el tema saludos desde México.
Gracias a ti @cesar yerena
Saludos
Que buen tutorial, me ha encantado y he aprendido algunos tips importantes, gracias por compartirlo :)
Gracias a ti @YukinoKary
Saludos
Muy útil que bueno encontrar su canal 🤗
Gracias
Muchas gracias por tus enseñanzas
Gracias a ti +Eva Molló
Saludos
Gracias Maestro, un saludo desde México.
Gracias a ti +Gilberto Chávez
Saludos
¡Millones de gracias! He aprendido muchísimo con tus videos
Gracias a ti!
Gracias por el nuevo tuto. Un saludo.
Gracias +P Junior
Saludos
Qué magnífico tutorial. Acabo de descubrir tus videos y creo que me quedaré un buen tiempo =)
Gracias +Raul Jeri Lara
Saludos
Viendo como lo haces todo parece sencillo , pero... Muchas gracias Pedro
Gracias +mar jabalquinto
Saludos
muy bueno el vídeo ningún dislike saludos y éxitos
desde que me he suscrito he estado agradecido con lo vídeos ..
aveces se necesita escuchar más por que la práctica es tulla
es como si estudiaras allí no hacen tanta práctica agradezcan que explica y no lo hace por hacer ..
Gracias +Beliar MC
Saludos
Gracias maestro Pedro por su tiempo, exelente tutorial, muy bueno Geniallll
Gracias +Ezrael Ramos
Saludos
Hola Pedro, aún no he visto el video por falta de tiempo, pero lo veré, parece muy interesante y conociendo tus trabajos seguro que lo es, mientras tanto lo comparto y tienes mi like!!
Muchas gracias +Txemi Rodriguez
Abrazos
Como todo lo que realizas Pedro el tutorial está excelente (y), gracias por compartir. Si haces el tutorial cómo crear la imagen sería genial. GRACIAS.
Gracias +SERGIO ABARCA HERNANDEZ
Cuenta con ello.
Saludos
Buen tutorial Pedro bien explicado y sencillo perfecto, gracias
Gracias +Daniel Vader
Saludos
Genial, no sabía cómo se hacían las animaciones, gracias por el tutorial
Gracias +Belen Lopez
Saludos
Excelente Pedro, muchas gracias por compartir
Gracias a ti +SERGIO ABARCA HERNANDEZ
Saludos
Buenas noches, acabo de ver su video y se ven los graficos espectaculares. Por casualidad hizo el video donde realoza la imagen completa? O tiene un tutorial que enseñe photoshop desde cero? Gracias
Gracias.
Aquí tienes el tutorial en el que hago la imagen ua-cam.com/video/WKrr_x6AC1Q/v-deo.html
me gusta mucho su forma de explicar ! Muchas gracias !
Gracias +Gladys M. Teherán V.
Saludos
Excelente video, explicas muy bien.
Toma tu like buen hombre!! Y un nuevo suscriptor!
Gracias @EDM Colombia
Saludos
excelente tuto saludos desde Colombia
Gracias @Legendario Estudio Productores Group
Saludos
Gracias motivaste, sirve para iniciar ahora se que si puedo XD exitos, es bueno para quien quiere aprender animacion y tiene miedo de hacerlo
Gracias a ti @Rafa Muñoz
Saludos
Excelente vídeo, te felicito. Tengo algunas dudas que espero puedas aclarar, se puede crear una animación de 20 minutos? Como puedo hacerlo con sonido? Espero respuesta, gracias
Gracias a ti @nicolas azocar arros
Puedes crear la animación con la duración que tú quieras, tan solo tienes que arrastrar la línea de tiempo hacia la derecha hasta dejarla con el tiempo que tú quieras.
También puedes añadir pistas de sonido. Si te fijas en la línea de tiempo, en su parte inferior te permite añadir pistas de audio.
Saludos
EL MEJOR TUTORIAL DEL MUNDO
Buen tutorial. Muy claro y bien explicado, que es lo importante!. Gracias
Gracias a ti @Juan Albaladejo
Saludos
Muchas gracias profe 👌
Que buena explicacion y muy dedicada con los detalles para explicar como hacer la animacion +1 suscriptor
Gracias Call Me Dylan
Saludos
Muy buenos tutoriales,gracias,me ayudaste con un encargo,es difícil encontrar a veces explicaciones claras....a suscribirme! Imagino que para guardar una animación sin acabar,la guardo como psd y me conserva el proyecto....no? Si no tendré que volver a empezar pero así practicaré.....jejeje
Gracias a ti @jorgito abuin
Sí, siempre que guardes en PSD, se guarda el proyecto por donde lo hayas dejado.
Saludos
estan excelentes sus cursos...
Gracias +Juan Antonio Torres Bravo
Saludos
eres lo mejor, tus vídeos son muy buenos "felicidades"
Gracias +salado 777
Saludos
Muchas Gracias por este tutorial. Como se lo dije la vez pasada cada día aprendo mas. Le agradecería que haga el tutorial de como hacer la imagen, yo no tengo mucho conocimiento en esa área. Una pregunta. ¿Se puede utilizar partes de fotografías para hacer la imagen? Le repito, muchas gracias por su tiempo y dedicación excelentes tutoriales.
Gracias +Jorge Guzman
Sí que se puede hacer con una fotografía. Deberías seleccionar los diferentes planos que vayas a usar de la fotografía y sacarlos en una capa por encima por medio de Capa Vía Cortar (Ctrl+Shit+J). Si te ocurre cuando vayas a hacer la animación, que queda alguna zona vacía en uno de esos planos, tendrás que clonar para rellenarla.
No se si me he explicado bien, cualquier cosa me dices.
Saludos
Hola Pedro, hace años sigo tus tutoriales, y los repito aún cuando están muy bien explicados.
Pregunta; una vez guardado, es suficiente para poder mandarlo por e-mail y que se vea correctamente?
gracias.
+Mburucuya lópez
Una vez lo tengas guardado, si lo ves bien, no tiene por qué influir que lo envíes por correo, puesto que lo que envías es el fichero.
Saludos
Bien explicado, sería muy bueno que hicieras el tutorial sobre cómo hacer nuestros propios fondos. Gracias
Gracias +Manuel Orozco
Tomo nota.
Saludos
Muy bueno, muchas gracias Pedro, Tripiyon!
Gracias a ti +Jose Diaz H
Saludos
GRACIAS PEDRO. eres un CRACK
Gracias +Juan Cruceira
Saludos
gracias por el tutorial
Gracias a ti +Angel Cortés
Saludos
Gracias por tomarte el tiempo para hacer estos tutoriales son magníficos. Pedro, quiero hacer una animación como esta, pero que cambie la tonalidad del cielo como si amaneciera, me ayudas?
+Ricardo Alberto Baltasar de la Peña
Tendrías que crear otra capa con los tonos que quieras de amanecer en el cielo y hacer la transición entre los dos cielos en la animación.
Saludos
Hola Pedro sería genial que pudieras hacer el tutorial de como hacer ese escenario, me sería de gran ayuda. Saludos y gracias por compartir tus conocimientos con todos nosotros. Saludos desde El Salvador.
Gracias +José Manuel García
Tomo nota.
Saludos
Muchas gracias Pedro
Gracias a ti +Marthi Alv
Saludos
Hola, me gustó mucho el tutorial hace un año hice una invitación con el tutorial y de un tiempo para acá ya están de moda aunque no le se al 100 al programa me gustaría darle más efectos de animación por fa si hace un vídeo especial lo agradecería 😉
No descarto hacer más tutoriales de animación más adelante.
Gracias Rossana Darlet Azamar Huerta
Saludos
Fantástica animación! gracias Pedrito
Gracias a ti +Luisa Marilis
Saludos
Valio la espera esperar
Gracias +Nguyen Trujillo
Saludos
Eres muy bueno en este campo de Photoshop te felicito por tu canal
Gracias
Sos un genio y explicas muy muy bien... No pares dd hacer videos
Gracias Diefer Quiceno
Saludos
muy bueno, mil y un gracias maestro!!
Gracias a ti @MARIA DE LA LUZ HERNANDEZ
Saludos
Gracias!!!! Explica excelentemente bien! Ahora mismo me suscribo!
Gracias +1Paco cualquiera
Saludos
Gracias por compartir y me gustaría que hicieras el vídeo sobre como construir nuestros propios fondos.
Gracias +Juan Luis Caballero
Tomo nota.
Saludos
Quiero preguntar si se puede hacer con una imagen de una pintura hecha a mano
Sí que se puede. Mira mi otra respuesta que ahí muestro cómo hacerlo.
Pedro excelente tuto, se pueden hacer gif con photoshop??
Gracias +Juan Carlos Diez de Medina
Claro que se puede. En la línea de tiempo, abajo a la izquierda verás unos cuadritos, si haces clic izq sobre ellos te cambia a animación por cuadros. Ahí puedes crear un GIF, haré un tutorial más adelante sobre este tema.
Otra opción sería cuando tengas hecha la animación tal como explico en el tutorial, ir a Archivo>Exportar>Guardar para web y ahí decirle formato GIF. Pero esto tiene el inconveniente de que te puede generar un fichero muy grande, sería ir jugando con el tamaño del GIF, colores, duración del GIF, etc.
Saludos
Gracias por el vídeo, estaría muy bien el tutorial para hacer la imagen. Saludos
Gracias +José Ramón Gutiérrez Zamora
Tomo nota.
Saludos
muy buenisimo maestro muchas gracias
Muchas gracias +emma lissette alvarado vasquez
Saludos
Muy agradecido por tu estupendo tutorial.
Gracias a ti @Joaquín Aizpurua
Saludos
Gracias por la clase
Gracias a ti +Francisco Rojo
Saludos
]Muchas gracias. Muy buen video.
Gracias a ti!
Gracias Pedro. me gustaría aprender como hiciste los dibujos.
Gracias +Jose Miguel Pastor Calvo
Tomo nota.
Saludos
sos un capo amigo
Gracias +Roszt
Saludos
Hola, muy buen tutorial, claro, preciso y practico!!!
Gracias @Marcelo Drago
Saludos
que grande maestro !!!
Gracias +Geka Music
Saludos
Hola Pedro, me sería de gran ayuda que hicieras el tutorial de como crear esta imagen;SIGUE ASÍ!! Saludos.
Gracias +Víctor Sebax
Seguramente para la semana que viene suba el tutorial :)
Saludos
Muy bien Pedro. Es mas rápido hacer la animación acá que en el After Effects. Te felicito! 👏🏼👏🏼
Hicistes el tutorial de como hacer las imágenes?
Gracias 😀
Aquí tienes el tutorial en el que hago las imágenes ua-cam.com/video/WKrr_x6AC1Q/v-deo.html
hola, el layer de estilo (dentro de las lineas de tiempo de cada objeto) ¿para qué efectos sirve? ¿dónde modifico esos valores?
@ignacio alcocer cordero
Con esa propiedad puedes modificar los modos de fusión de una capa en concreto y que vaya cambiando según la información del keyframe que hayas creado.
Saludos
SI HAGA UN VÍDEO DE COMO HIZO ESAS IMÁGENES...SIGO TODOS SUS TRABAJOS...EXCELENTE COMO SIEMPRE.
Gracias Abel Acuña Caceres
Aquí tienes el vídeo en el que realizo las imágenes ua-cam.com/video/WKrr_x6AC1Q/v-deo.html
Saludos
MAESTRO CUANDO HACE UN VÍDEO DE CANALES.
¿A qué te refieres?
los canales de photoshop que esta al costado de capas.
Lo tendré en cuenta.
Gracias mi querido profesor me ha encantado te quiero
Gracias a ti zegri zegri
Saludos
Excelente Video de animación.Saludos!Gerald Castro.
Gracias Proyecto Innovación
Saludos
Genial! muchas gracias!
Gracias a ti Alice
Muchas gracias amigo, este tuto era el que necesitaba :DD
Gracias a ti Dsz
Saludos
Hola , deseo saber cuantos fotogramas gif acepta la linea de tiempo de Photoshop ya que intento hacer un CD girando con 270 fotogramas y no lo edita ni lo guarda se queda pegado, será la memoria interna mia insuficiente? luego lo baje a 170 y tampoco, la idea mía es hacer durar lo más posible la animación para convertirla en avi pero la linea de tiempo no me deja, con esas cantidades, y la otra pregunta , cual es el mejor programa para convertir de vídeo gif a avi sin distorsiones ya que me dí cuenta que con muchos fotogramas también el fondo negro o canal alfa parpadea se pone blanco y arruina todo, gracias.
Que yo sepa, no tiene límite de fotogramas, y si lo tiene, lo desconozco. Lógicamente cuantos más fotogramas añadas, más recursos demandará.
El único programa que conozco para lo que dices es Photoshop, aunque imagino que habrá algún programa específico para ello.