Cómo Hacer Gifs en Photoshop Fácilmente

Necesitarás:

- Un video.

Si quieres hacer gifs de videos de YouTube, te recomiendo descargarlos en SaveFrom o KeepVid. Personalmente prefiero el primero.

Si deseas hacer gifs de películas o series, te recomiendo que descargues torrents. Para ello primero necesitas descargar uTorrent o BitTorrent.

Luego debes buscar lo que quieras hacer gif en sitios como torrentz.eu o kickass.to y descargarlo.

- Photoshop.

En este caso usaré Photoshop CS5, pero cualquiera servirá y el proceso será básicamente el mismo.

- Un reproductor de videos que tome capturas de pantalla

Yo uso la versión 3.7 (si mal no recuerdo) de KMPlayer, pero también puedes usar VLCPlayer. Alternativamente puedes utilizar QuickTimePlayer, pero el proceso es distinto.*

¡Empecemos!

Paso #1: Capturas.

Lo primero que vamos a hacer es abrir nuestro video con KMPlayer.

Una vez abierto, nos aseguramos de que esté en el tamaño original con ctrl + 2. A continuación, buscaremos en el video la escena que queremos hacer un gif y pararemos el video. Es mejor dejarlo unos segundos antes de lo que realmente queremos capturar, para que no nos falten cuadros. Apretamos ctrl + g. Nos saldrá la siguiente ventana:

Donde dice Extract to, o Extraer en lo cambiaremos a una carpeta que hayan creado ustedes. El resto de los valores deben ser los que ven para capturar todas las imágenes.

Formato: JPEG. 

Método: Solo imágenes de video.

Números a extraer: Continuamente. 

Tamaño a extraer: Tamaño original. 

Cuadros a extraer: Todos los cuadros.

Le damos a Start o Comenzar y luego le damos play al video y esperamos que termine la escena que queremos hacer gif. Volvemos a la ventana que hemos abierto recientemente (si ha desaparecido, volvemos a dar ctrl + g) y detenemos la captura. 

Ya podemos cerrar el video e ir a Photoshop.

Paso #2: Abrir las capturas.

Iremos a Archivo>Secuencia de Comandos>Cargar Archivos en Pila (o File>Scripts>Load Files into Stacks). Les saldrá esta ventana:

Buscan la carpeta que crearon previamente y seleccionan todas las imágenes que necesitan para su gif. Si siguieron mi recomendación y empezaron a tomar las capturas unos segundos antes, tendrán un excedente. No es necesario que seleccionen esas. Le dan Ok y esperan que se carguen las imágenes, esto tomará un par de segundos dependiendo de su computador y cuántas capturas tengan.

Paso #3: Animación

Una vez esté listo tenemos que abrir Animación. Si no la tienen, deben ir a Ventana>Animación. En Photoshop CS5 y posteriores aparece esto:

Apretamos el rectángulo gris con cuadrados blancos en la parte inferior derecha para que nos queden cuadros:

Solo nos aparecerá uno, así que iremos al pequeño ícono marcado en la imagen y seleccionamos Crear Cuadros A Partir de Capas. En mi caso se crearon en orden inverso, por lo que, desde el mismo ícono, apretaré Invertir Cuadros. Esto no necesariamente les sucederá a ustedes.

Ahora que ya tenemos los cuadros creados, vamos a ajustar el tiempo y las repeticiones, para ello seleccionaremos todos los cuadros posisionándonos en el primero, apretando shift y luego seleccionando el último. Haremos click donde dice los segundos en cualquier cuadro y elegimos Otro.

Les recomiendo usar valores entre 0,06 a 0,08, a lo mucho 0,1.

También cambiamos las repeticiones haciendo click en Una Vez y cambiándolo a Siempre.

 Para este punto tendremos algo así:

Paso #4: Detalles y Guardar

¡Ya tenemos listo el gif! Ahora lo único que queda es recortarlo y agregar ajustes de capa para que los colores sean mas vibrantes, se vea más claro, etc.

Yo lo dejaré en 245px por 140px y agregaré un PSD Coloring que he creado. Ustedes pueden dejarlo en el tamaño que quieran, y usar sus propios Colorings o descargarlos en sitios como DeviantArt o Tumblr.

Tip: Si tienen CS5 u otra versión reciente y quieren agregar un filtro, por ejemplo Enfoque Suavizado, deben convertir los cuadros en Línea de Tiempo apretando el mismo ícono que en el paso #2, luego agrupar todas las capas de imágenes e ir a Filtro>Convertir Para Filtro Inteligente. Esto hará que todo su gif sea solo una capa y puedan agregar el filtro que deseen sin problemas.

Para guardarlo vamos a Archivo>Guardar Para Web y Dispositivos y nos sale esta ventana:

 

Lo más importante a la hora de guardar es asegurarse de que los colores sean 256, es decir, el máximo, para que el gif no pierda calidad, y que las repeticiones sean Siempre. 

El resto de los valores depende de ustedes, pueden experimentar o copiar los míos.

¡Y listo! Este es el resultado final:

Si tienen alguna duda o quieren algún otro tutorial, pueden dejarlo en los comentarios.

Espero que les haya sido útil y que mis explicaciones no sean muy enredadas.

Nos leemos.

Paz.

goodreads | tumblr | tumblr