InicioHazlo Tu MismoCómo crear gifs animados a partir de video






[TUTORIAL]
Crear gifs a partir de video


¡Buenas Taringueros! En este post les voy a explicar mi método para crear gifs animados a partir de un video, paso a paso, de la mejor forma que me es posible.





Antes de empezar, quiero aclarar que hay muchísimos métodos diferentes para crear Gifs, y podés llegar con todos al mismo resultado. Sin embargo, a veces puede resultar algo engorroso, así que el método que les voy a presentar a continuación es el que, en mi opinión personal, resulta más rápido y fácil.




¿Qué software necesitamos?

KMPlayer - [Descargar aqui]
(lo utilizaremos para tomar los cuadros/frames del video)

Photoshop -
(cualquier versión de Photoshop, desde CS3 en adelante, sirve. Yo uso el CS6)



Paso 1
Capturando los cuadros del video

Abrimos KMPlayer y ponemos a reproducir el video del que queremos hacer un Gif.

Ya teniendo el video abierto, en la esquina inferior izquierda hay un botón como el siguiente:



Después vamos a la pestaña como muestra la imagen y hacemos click en "more":



Nota: Este proceso se puede realizar de forma más rápida presionando Ctrl + G



Algunos puntos a tener en cuenta:
El formato PNG es el que da mayor calidad, pero también es el más pesado.

En "cantidad a extraer", si ponemos "continuamente" hará que se extraiga cada uno de los cuadros del video hasta que lo detengas (recomendado).

Para que el Gif quede perfecto, te recomiendo que donde dice "cuadros a extraer" le pongas "todos los cuadros".

Podés elegir también donde guardar los cuadros que se van a extraer.





Finalmente le damos click a "Comenzar" y ahi va a empezar a tomar los cuadros de lo que se esté reproduciendo hasta que le demos click a "Detener" o pausemos el video.




Paso 2
Creación del Gif con Photoshop

Ya tenemos los cuadros del video, ahora los vamos a abrir con Photoshop a modo de capas. Para ello vamos a Archivo > Secuencias de comandos > Cargar archivos en pila...



Ahi se abre una ventana, le damos click a "Explorar" y seleccionamos todos los cuadros que quieramos usar. Luego click en OK y se comenzarán a cargar los cuadros como capas.

Ahora podemoss cambiar el tamaño del Gif a gusto. Para eso, vamos a Imagen > Tamaño de imagen si queremos redimencionarla, o Imagen > Tamaño de Lienzo si queremos recortarla.

Cargaremos las capas como cuadros. Para ello, nos aseguramos de tener abierta la ventana de animación. Si no es así, vamos a Ventana > Línea de Tiempo (en Photoshop CS6) o Ventana > Animación (en CS5 y anteriores).
Ahora si, en la ventana de animación, les damos click a "crear animación de fotogramas" (con versiones de Photoshop anteriores a CS6 no es necesario).

En la esquina superior derecha de la ventana de animación hay un botón como muestra en la siguiente imagen, clickeamos ahi y luego en "Crear cuadros a partir de capas".



Photoshop siempre muestra los cuadros en el orden invertido, asi que para devolverlos a la normalidad, vamos nuevamente a ese botón de la esquina superior derecha de la ventana de animación y luego a "invertir cuadros".

Lo que haremos a continuación es decidir qué tan rápido se va a reproducir nuestro GIF. Para eso, hacemos un click sobre el primer cuadro de la ventana de animación, y luego, mientras presionamos la tecla SHIFT, hacemos click en el último cuadro (asi se seleccionan todos los cuadros). Ahora hacemos click en la pequeña flechita que tienen los cuadros debajo (en cualquiera de ellas) y hacemos click en "Otro".



Alli escribimos la velocidad que quiéramos. Si extrajimos todos los cuadros del video, como decía al principio, entonces una buena velocidad es 0,07 o 0,08.

Finalmente nos aseguramos que el lapso de reproducción sea infinito. Para eso vamos a la parte inferior izquierda de la ventana de animación como muestra la imagen.



Ahora vamos a Archivo > Guardar para Web y se va a abrir una nueva ventana. Allí tenemos que asegurarnos que el formato a guardar sea GIF (arriba del todo, debajo de "Ajuste preestablecido" ).
Podemos cambiar el tamaño una vez más, o reproducir el GIF para ver que la velocidad sea adecuada. Cuando esté todo listo, le damos click a Guardar y elegimos un destino (pero todavía no cerramos la ventana de Photoshop con el GIF).

Así me quedó:





Paso 3 (opcional)
Añadiendo efectos

El GIF está listo, si, es una imagen con movimiento. Sin embargo, parece un extracto directo del video, y podría ser aún más... artístico, por decirlo de alguna manera, asi que vamos a agregarle algunos efectos.

Lo primero es agrupar las capas para trabajar de forma más ordenada. Para eso hacemos click en la primera capa, y mientras presionamos SHIFT hacemos click en la última. Luego presionamos Ctrl + G. Asi se creará un grupo que contiene las capas.


Atención:
Lo que debemos agrupar son las capas, en la ventana de capas, no los cuadros de la ventana de animación.


Ahora, para añadir efectos, podemos jugar con las capas de relleno o ajuste. Para ello hacemos click en el botón que muestra la imagen:



Ahi vamos agregando diferentes capas y modificamos los ajustes a nuestro gusto. Las capas que más uso yo son las de Brillo/Contraste, la de Intensidad y la de Tono/Saturación.

Por ejemplo, luego de aplicar algunos efectos, a mi me quedó asi:



Comparemos el GIF anterior (sin efectos, izquierda), con el GIF final (con efectos, derecha)



Hay infinidad de efectos que se pueden hacer, y también hay muchos que se pueden descargar de diferentes sitios y aplicarlos a nuestros GIFs. Si bajamos uno, va a estar en formato PSD. Al abrirlo vamos a tener un grupo de capas. Para aplicarlo a nuestro GIF, simplemente arrastramos ese grupo de capas de la ventana del PSD a la ventana donde tenemos el GIF y listo.



Ejemplos

Podés ver muchos ejemplos de GIFs hechos por mi siguiendo el método explicado
en este tutorial entrando al hashtag















Datos archivados del Taringa! original
706puntos
2,266visitas
50comentarios
Actividad nueva en Posteamelo
0puntos
0visitas
0comentarios
Dar puntos:

Posts Relacionados

Dejá tu comentario

0/2000
50 Comentarios archivados
Del Taringa! original
A@Anónimo3/25/2013+1-0
@ Pasa que era un portable el que baje lo voy a bajar de la pagina oficial y despues lo hago
A@Anónimo3/25/2013+0-0
ni idea de donde lo bajé, hace muchisimo que lo tengo como para acordarme xDigual eso de que te tira error no creo que tenga nada que ver con tu photoshop, si no con algo que está funcionando mal en tu pc o en tu configuración.
A@Anónimo3/25/2013+1-0
De donde bajaste el CS6 porque me tira error ami al poner Cargar archivos en pila...
A@Anónimo3/8/2013+0-0
gracias!
A@Anónimo3/7/2013+1-0
muy bueno loco ahora me pongo a hacerlo por ahora fav reco y te sigo cuando recargue puntos regreso
A@Anónimo2/14/2013+0-0
@ ahi va! buenisimo! si querés podes fijate en mi posts de "efectos para tus gifs" a…
l@leandruskis2/14/2013+1-0
@leandruskis Ahí hice un poco de todo y quedo jaja:
A@Anónimo2/14/2013+0-0
Otra cosa que podes hacer, al momento de guardar el gif, fijate en la ventana que te aparece despues de clickear en "guardar para web y dispositivos", en las opciones de arriba a la derecha hay una que dice "colores", cuanto menor sea ese numero, menor va a pesar el gif, pero tambien va a perder calidad.Por último podes hacer que pese menos cambiando el tamaño del gif, yendo a imagen >> tamaño de imagen (o presionando alt + ctrl + q).
A@Anónimo2/14/2013+1-0
Como cuantos segundos o peso tiene que tener como máximo? Porque hice uno pero creo que quedo muy largo y pesado jaja
A@Anónimo12/27/2012+0-0
Gracias a vos, por pasar y comentar
A@Anónimo12/27/2012+1-0
'ta muy bueno en especial la parte del efecto, gracias por compartir tus conocimientos
A@Anónimo12/27/2012+0-0
¡Que bueno! Ojalá te haya servido
A@Anónimo12/27/2012+1-0
No sabes lo que busque un tutorial para hacer gifs con Photoshop!!!!!!
A@Anónimo11/17/2012+1-0
Capooooo!!!
A@Anónimo11/16/2012+0-0
Listo, ahi lo arreglé! Gracias por avisar
A@Anónimo11/16/2012+1-0
Borraron el post para bajar el Photoshop Lean!!!
A@Anónimo11/4/2012+2-0
@ gracias, ya lo encontré (:
A@Anónimo11/4/2012+1-0
Primero, tenés que tener la ventana de animación abierta, o "linea de tiempo" si usas Photoshop CS6.Para desplegar ese menu, tenés que hacer click en el botoncito de ahi abajo, este que está en el recuadro rojo:
A@Anónimo11/4/2012+1-0
No encuentro esta parte
A@Anónimo10/17/2012+1-0
Esta no la tenia Por el KMPlayer
A@Anónimo9/15/2012+2-0
Hace dias lo habia guardado en favs, y recien ahora me puse a probar a ver que ondaMuy bueno!! Me sirvio mucho ya que no tenia ni idea de como hacerlo+10 y reco!!
A@Anónimo9/11/2012+1-0
BRUNO!!! JAJAJAJAJAJAJAJA
dijo:

Hablando en serio.29 dias después de haberte dado puntos hice el primero y siendo sincero, aprendí un montón de cosas que no s…
A@Anónimo9/7/2012+1-0
buen aporte+10 reco a fev y sig
A@Anónimo9/7/2012+1-0
Graciaaaas
A@Anónimo9/7/2012+1-0
MUCHAS, muchas gracias! +10
A@Anónimo9/6/2012+1-0
buenisimo!!al fin podre hacer un gif!!gracias esta re claro explicado!!!
A@Anónimo7/17/2012+1-0
Excelente post, muy bien explicado, ya me lo sabia pero me gusto como explicaste todo.. +10 y reco
A@Anónimo7/16/2012+1-0
Geniaaaal, voy a tratar de hacer alguno +10 & Reco.
A@Anónimo7/15/2012+2-0
Da, venía a dejar 10 y me tira un "No es posible votar un mismo post más de una vez"Ya te dejé 10
A@Anónimo7/14/2012+3-0
JAJAJAJA! Pero si te quedó genial!
A@Anónimo7/14/2012+0-0
Buen dato! Gracias July
A@Anónimo7/13/2012+9-0
Buenísimo Lean!! Explicado fácil y simple Primer intento, salió algo así:
A@Anónimo7/13/2012+9-0
Buenísimo Lean!! Explicado fácil y simple Primer intento, salió algo así:
A@Anónimo7/13/2012+1-0
Muchas Gracias! +10
A@Anónimo7/13/2012+1-0
Yo hago los gifs de la misma manera XD pero en el KMplayer directamente pongo Ctrl+G y me aparece la ventana de extracción de imagenes+10
A@Anónimo7/13/2012+3-0
Sos un genio Greyjoy!!. Lo necesitaba!. Mañana te doy puntos.
A@Anónimo7/13/2012+1-0
Amigo te dejo puntos y reco me re sirvió intente hacer uno y me salio!!!!!!!!!!!!!!!!!!!!!
A@Anónimo7/13/2012+1-0
Que genio, Lean! Ahora voy a empezar a hacer mis propios gifs Puntos, reco, favoritos. Te doy todo lo que tengo (?
A@Anónimo7/13/2012+1-0
GENIAL! +10
A@Anónimo7/12/2012+1-0
Muy bueno! Me va a servir mucho, después voy a intentar hacer alguno. +10
A@Anónimo7/12/2012+1-0
Excelente, lo intentare!!
A@Anónimo7/12/2012+1-0
A favoritos, nunca hice un gif
A@Anónimo7/12/2012+1-0
Siempre quise saber como se hacen los gifs.. gracias +10, fav y rec
A@Anónimo7/12/2012+2-0
Excelente Lean! por ahora a favs y reco, a la noche +10Un detalle que queda muy lindo tambien es ponerle un marco al gif, es super simpleDuplicar la capa y llevarla arriba de todo (para que quede en primer lugar) -> Bajarle el relleno a 0 (abajo de Opacidad) -> Click derecho en la capa -> Opciones de Fusión-> Trazo -> Ponemos InteriorY ahi podemos jugar con el tamaño que queremos el marco, el color, el modo de fusión de la capa y hasta la opacidad del trazo.Me tomaría el lab…
A@Anónimo7/12/2012+0-0
graaacias Lean +10 & reco
A@Anónimo7/12/2012+1-0
Te dejo +5 Porque son los que me quedan !Te quedo muy bien !
A@Anónimo7/12/2012+1-0
Justo andaba buscando esto! muchass graciass ..reco y a la noche te dejo los puntitos
A@Anónimo7/12/2012+2-0
buenisimo! ahora mismo lo hago! +10
A@Anónimo7/12/2012+3-0
Y bueno... como te lo habia prometido:+10 - Reco - A Favoritos Gracias por el post Lean!
A@Anónimo7/12/2012+7-0
Muy bueno lean, y bien explicado!Plus 10

Autor del Post

l
leandruskis🇦🇷
Usuario
Puntos0
Posts37
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.