Hace Días me Llego un ask

Ains…. No Puedo Decir que No Me Senti Enormemente Alagado!; Estos Anon saben hacer que les conteste; Y Gracias a mi Inutilidad a la Hora de Editar, ese ask no puede ser editado fácilmente! (léase, Insertar Imágenes)

Asi Que, Para Ti Sr Anon!

“TUTORIAL PARA CONSEGUIR HACER UNOS GIFS TAN MOLONES COMO LOS DE SAURO” ó “Como Hacer un Gif Para Tumblr”

Para Realizar Tan Loable Tarea Vamos a Necesitar Varias Cosas:

•  Una Idea sobre QUE quieres Hacer el Gif
• Algun Programa Para Grabar
• Algun Programa Para Transformar a Gif
•  Algun Programa Para Editar El Gif
•  Paciencia

Hace Falta Notar, Que Los Programas Que Yo mencionare Durante este Post No son realmente necesarios para cumplir la meta, incluso yo diría que Ni recomendables, pero es que yo soy asi de Hardcore

1)      Una Idea Sobre QUE Quieres Hacer el Gif

Quizás la Parte mas Difícil y la mas Facil para algunos, una Idea! Piensa que gracias a las limitaciones del Formato de Tumblr, Tu GIF no puede exceder los 500kb, eso es muy poco espacio para trabajar, pero para eso esta la imaginación

Tomas de 2 seg, Tomas de 1 seg, Varias Tomas seguidas en minigifs, etc etc! El Limite! Solo esta en Tumblr! XD

Para Este Ejemplo, Vamos a Usar un Gif de Skyrim Call of Duty 4, el cual vamos a hacer pasar por el MW3, será de mmmmm…. Un disparo!.. a una Pared! Si! Eso suena bien!

2)      Algun Programa Para Grabar

Como En Este Caso, hablamos de un VideoJuego, Usare FRAPS para grabar lo que pasa en la pantalla, nota que si quieres Hacer un gif de un video en youtube, puedes omitir este paso, descargar el video y saltar al siguiente! (Aunque si leíste esto Ultimo, No te omitiste el paso! Picaron)

No Hay Mucho Que Decir Sobre Grabar, Recomendación? Grabalo Varias veces, una quedara mejor, o si no, te quedara para Crear Varios Gifs! En Nuestro Caso, El Gif de Dispararle a la Pared, Paso a ser un gif de dispararle a un tipo!

 3)      Algun Programa Para Transformar a Gif

Ya con el Video! Sin importar de donde venga, Necesitas Editarlo y Transformarlo a gif, Personalmente Uso el Corel PHOTO-PAINT X5 Para esto (Aca es cuando el internet se rie de mi), pero puedes usar CUALQUIER programa que permita abrir un AVI, y Escupir un GIF

Pero OJO, NO vas a transformar el Video TAL cual a Gif!, Eso Seria Horrible! En especial si eres como yo, que graba videos a 1920x1080!, si lo vas a usar en Tumblr, Reduce al Tamaño a Por lo menos 500px de Ancho, para empezar, y manten la animación de 2 a 5 seg 

No Estoy seguro como hacen los demás, Pero en mi caso, cuando transformo a gif, lo realizo a 256 colores y sin Ninguna clase de Dithering, De eso nos encargaremos después (o tal vez no)

En Nuestro Ejemplo Tenemos Una Animación de COD4, que dura 4seg y contiene 241 frames, la Cual pesa 22mb.

4)      Algun Programa Para Editar el Gif

Ok! Tenemos Nuestro Video en un Pesado Gif!, Vamos a Optimizarlo Para Tumblr/Internet, Aca Uso un Programa Llamado GIF Movie Gear, Que es la mar de sencillo y ayuda bastante a optimizar, Obviamente, también podremos usar Photoshop para eso, pero ya eso es cuestión de cada quien (Aunque en Photoshop Puedes Optimizarlo AUN mas, aunque eso si, Manualmente)

Bien! Estamos en la Parte mas difícil!, Comprimir Ese Gif a Algo que consideremos Aceptable

Es Importante Ponerse una Meta, ¿Qué Tamaño Quieres que tenga tu gif? ¿Qué Fluidez? , Mientras mas pequeño sea el gif, Mas cuadros de animación Puedes tener ¿Es Realmente Necesario toda la animacion?

En Tumblr, Disponemos de 3 “Tamaños Optimos” para los gifs, 500px (1 Gif Grande) 245px (2 Gifs Juntos) ó 160px (3 Gifs Juntos) de ancho, Esto lo comento, Por que puedes hacer Una “historia” Algo larga usando 3 o 4 Gifs, en vez de usar uno grande (Lo Anterior Basandonos en los modos de Galeria Que Tiene Ahora tumblr)

Empezemos a Optimizar Ese Chico Malo!

Meta Nº1: El Gif con 500px de Ancho

La Que Menos Animacion Tendra, El Primer Paso es Eliminar “segundos” Inecesarios, me enfoco en la parte que quiero que se vea!, aca solo dejo 100 Frames, de la acción, Aun Asi, el Gif pesa 7.9Mb, Continuemos

Eliminar 1 Imagen, cada 2, Esta es la mejor, de 100 Frames, vamos a dejar solo 50! Quitando Solo los pares (O impares!), El programa que uso, tiene una Funcion Llamada Thin Que hace eso automáticamente!, Con 50 Frames, Nuestra Animacion aun pesa 4.0Mb y aun se ve fluida!

Y Despues de Eliminar Frames, Reducir Colores, Eliminar Mas Frames, Volver a Reducir Colores, Quedamos con, Una Animacion de 500px de ancho, 14 Frames, y 32 Colores, La Animacion se ve, no se ve tan espectacular, pero tenemos la Idea, y la tenemos en grande!, Podemos Decir, que Llegamos a la Meta!

Meta Nº2: Gif de 240px de Ancho

Quizas el Mejor Equilibrio Entre “Definicion”, Colores y Animacion

Antes de Empezar, Reducimos El tamaño de la imagen (A 240px de Ancho), Solo eso nos bajara el tamaño del archivo a 6.0Mb, con los 240 frames… recortamos nuevamente, a dejar los 100 frames de la acción, y Queda a 2.1mb!!, Ven por que les decía Que Este Era mejor?

Volvemos a Reducir Los Frames, Dejandolo en 50, Pesando 1mb el gif, A apartir de aca, Vamos a Optimizar

Bajamos los Colores a 128, y el archivo nos pesa ahora 770Kb, Muy Cerca de nuestra meta!, Reducimos los Colores a 64, y Optimizamos, 571Kb!, Eliminamos unos frames

Quedamos con 42 Frames, 64 Colores, y 499kb!,  una muy fluida animacion

Meta Nº3: El Gif con 160px de Ancho

Super Pequeño, Pero también será de los mas fluidos o Largos que podemos hacer

Al Transformar el Gif a un ancho de 160Px, nos queda de 3.0mb! seamos Hardcore, Tratemos de Usar el Clip Completo

Reducir Colores, blam blam, Optimizar, Blam blam, Quitar algunos frames, Zas Zas And Presto!

100 Frames, 32 Colores, y 484kb

Aunque, A 160px de Ancho, Tambien Podemos Obtener Resultados SuperGuays Como el de Abajo, 86 Frames, 128 Colores, y Animacion Super Fluida! =D

5) Paciencia

Despues de Leer Todo Esto, Seguro Has Adquirido Paciencia, Pero lo importante, Es tener la paciencia para comprimir cada Gif, Ver que Frames Puedes Eliminar, y cuales no y experimentar entre reducir colores, o frames… quizas agregar algo de dithering.. borrar fondos, etc etc

Tambien Tengo que mencionar, Que esta no es la Unica forma de hacer un gif!; estoy seguro que existen las 1001 maneras para lograr esos gifs tan “cools” que se ven en internet, Es Todo Cuestion de Experimentar, Probar, y Usar Tu IMAGINACION