Revista Cultura y Ocio

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

Publicado el 03 octubre 2014 por Begoña Bravo @AngryBego
BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)Hola.
¿Os acordáis de que os dije que estaba preparando dos cosillas? Una de ellas era una nueva sección para el blog y, ¡ya está lista!. A continuación os explicaré en qué consiste.
Bego's Workshop (o El taller de Bego) es un proyecto como sección que ya había planteado realizar. Simplemente, esta sección constará de tutoriales consistentes en recursos de Photoshop para que podáis hacer cosas como la cabecera de vuestros blogs, editar fotos y otras cosas relacionadas. ¿Por qué lo hago? Porque me siento agradecida con aquellas personas que comparten sus recursos con los demás y, gracias a ellos y, aplicando algunos de mis propios conocimientos, mi diseño del blog actual tiene una calidad visual más decente que cuando empecé en serio en este mundillo. Así que estos tutoriales irán enfocados a mejorar la imagen de vuestros blogs (aunque pueden usarse para otras varias cosas). Así que Photoshop y Diseño de blogs están estrechamente relacionados. Y, aquellos que sean unos "negadillos" para estas cosas, por fin tendrán donde aprender.
Y, como "celebración", hoy voy a inaugurar el primer tutorial. Pero primero voy a explicar qué es un gif animado. 
Un gif animado es una imagen en movimiento creada a partir de un corte de vídeo. Es lo que muchos "robamos" de páginas como Tumblr y las compartmos en Twitter. Ask, entradas de blogs... Y los gifs no aparecen por generación espontánea. Se hacen. ¿Y cómo se hacen?

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

Esto es un gif animado. No, no lo he hecho yo.


Eso es lo que hoy os voy a enseñar. Llevo 6 años toqueteando el Photoshop y una de las cosas que aprendí a hacer son los gifs animados. Aviso que es un proceso que requiere mucha paciencia y mucho perfeccionismo, pero esta vez sólo voy a enseñar cómo hacer un gif básico. Así que... let's go!

 RECURSOSPara hacer un gif (con Photoshop) necesitáis 3 programas:1. Un descargador de vídeos (como aTube Carcher)2. Un editor que corte vídeos (como Video Pad, incluso Movie Maker) Se recomienda guardar los videos en mp4 o avi.3. Photoshop para hacerlo en modo .gif (hay varios programas, pero os voy a enseñar a hacerlos con Photoshop). Este tutorial es válido con todos los modelos de Photoshop a partir de CS3. Y con versiones de mesa, con versiones Portables no suele funcionar. También se aconseja tener instalado Quick Time Player (para poder importar los vídeos). PASOS
 1. Una vez hecho el corte de vídeo, abrimos Photoshop y vamos a Archivo - Importar - Cuadros de Vídeos a capas y seleccionamos el corte deseado. Aparecerá un cuadro para adaptar cuadros. Pero no tocamos nada y damos a OK,
(Dar a cada imagen para verla mejor)
BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

2. Una vez abierto el vídeo (teniendo previamente abierto Ventana - Línea de Tiempo/Animación -en anteriores versiones-) y normalmente suele aparecer esa cosa negra. Vamos a Herramienta Recortar.Vamos arrastrando hacia los lados hasta "eliminar" lo negro y, una vez acabado, damos a click derecho y damos a "recortar". Lo que sí podemos hacer es minimizar la imagen. Para ello nos vamos a Imagen - Tamaño de Imagen y ponemos las medidas deseadas. Podemos verlo en las siguientes capturas:
BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

Esto puede editarse como se quiera. Pero sólo a partir de la anchura.


3. Ahora, vamos a editar la velocidad del .gif. Para ello le damos al botón superior derecho y seleccionamos todos los cuadros, para hacerlo más rápido.
BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

4. Ahora, le damos a la velocidad deseada, dando al número y seleccionando "otro". Se recomienda entre 0,02 y 0,03, pero no debe ser ni demasiado lento ni demasiado rápido. Una velocidad relativamente normal. Puede experimentarse con ésta. 
BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

5. Y el gif básico ya está. Ahora, vamos a Archivo - Guardar para web y dispositivo. Y seleccionamos GIF. Reproducir la animación por si hay que modificar el paso 4. Y en opciones de repetición, marcar INFINITO. SIEMPRE. IMPRESCINDIBLE. Damos a guardar y ¡listo!. Ya tenemos nuestro gif animado básico.
BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)
BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

Y aquí está el resultado del gif que he hecho antes. 

BEGO'S WORKSHOP: ¿Cómo hacer Gifs animados? (¡NUEVA SECCIÓN!)

Un poco rápido me ha salido. Por eso es importante seguir editando
el paso 4.


NOTA SUPER IMPORTANTE: Para perfeccionar los gifs y que sean más vistosos (como el simpático gif de Katie McGrath que he puesto de ejemplo) lleva capas de color y ajustes varios. Cosas que os enseñaré en otros tutoriales, ya que también sirven para las imágenes normales y pueden aplicarse alos gifs. Lo cual añadirá MÁS paciencia a la hora de hacerlos.
Un saludo y espero que os haya servido.

Volver a la Portada de Logo Paperblog