Cómo hacer un GIF en Adobe Photoshop

Los GIF están en todas partes. La imagen animada que alguna vez fue humilde es ahora el lenguaje no oficial de la web. Los GIF son la forma más rápida de expresar una emoción en Twitter y puedes perder horas viéndolos en Reddit y Facebook.

Hay muchos lugares para encontrar GIF, pero nada mejor que hacer los tuyos propios. Puede crear un GIF animado en Photoshop convirtiendo videos o usando una serie de imágenes estáticas. Echemos un vistazo a cómo hacer ambas cosas.

Hacer un GIF en Photoshop a partir de un video

Hay muchas formas de convertir un video a GIF , y también es muy fácil crear un GIF en Photoshop usando una de sus propias películas.

Comience por ir a Archivo> Importar> Fotogramas de video a capas . No es necesario que primero cree un archivo nuevo. Seleccione su video y haga clic en Abrir .

En el cuadro de diálogo que aparece a continuación, puede elegir si desea importar todo el video o solo una parte seleccionada. Si opta por lo último, arrastre los controles de recorte debajo de la ventana de vista previa hacia adentro para establecer nuevos puntos de inicio y finalización. Todo lo que se encuentre entre estos identificadores se importará; todo fuera descartado.

Tenga en cuenta que cuanto más video importe, más grande será el GIF resultante.

Si está importando un clip grande, seleccionar Limitar a cada 2 fotogramas (o más) es una forma sencilla de reducir el tamaño sin afectar demasiado la calidad. Sin embargo, no corte demasiados fotogramas o no obtendrá un GIF fluido.

Asegúrese de que la opción Crear animación de fotogramas esté marcada y luego haga clic en Aceptar . El video comenzará a importar. Es posible que tarde un poco en función de su tamaño. Cuando haya terminado, tendrá un nuevo archivo de imagen, donde cada fotograma del video se coloca en su propia capa.

En la parte inferior de la pantalla está la paleta Línea de tiempo . Esto muestra todos los fotogramas que compondrán tu GIF, y cada fotograma corresponde a una capa diferente en la imagen.

Puede agregar o eliminar marcos o editar cualquiera de las capas existentes tal como lo haría con una capa normal en cualquier otra imagen. Pero para una exportación directa de un video a un GIF, simplemente presione el botón Reproducir en la parte inferior para obtener una vista previa. Cuando esté feliz, estará listo para guardar el GIF.

Cómo exportar un GIF en Photoshop

Vaya a Archivo> Exportar> Guardar para Web (heredado) . En el cuadro que se abre, configure el formato en GIF, Colores en 256 y reduzca el Tamaño de la imagen a algo más pequeño como una forma de mantener bajo el tamaño general del archivo.

Puede ver el tamaño del archivo resultante en la parte inferior izquierda de la ventana Vista previa. Si es demasiado grande, arrastre el control deslizante Lossy hacia la derecha. Esto afectará la calidad, pero también reducirá significativamente el tamaño del archivo.

Finalmente, presione Guardar para exportar su GIF animado.

Crear un GIF en Photoshop usando imágenes fijas

Si no tiene un video para usar, puede crear un GIF manualmente a partir de una serie de imágenes estáticas. Hay aplicaciones para ayudarlo a animar fotos en su teléfono , y también puede hacerlo en Photoshop.

Usted crea su GIF a partir de un solo archivo de imagen que contiene varias capas, y las capas se utilizan para proporcionar el contenido de cada fotograma de su animación. Hay dos formas de empezar.

Si ya ha creado las imágenes para su animación, impórtelas yendo a Archivo> Scripts> Cargar archivos en la pila .

Haga clic en Examinar , seleccione todas las imágenes que necesita y presione Aceptar . Luego, cada imagen se colocará en su propia capa individual dentro del mismo archivo.

Alternativamente, si aún no ha creado las imágenes, hágalo ahora. Recuerde que cada parte de la animación debe ir en su propia capa.

Editar un GIF animado en Photoshop

Así es como funciona:

• Cuando crea manualmente un fotograma en la animación, todas las capas de su imagen que están configuradas como Visible se incluirán en ese fotograma.
• Las capas configuradas como Ocultas no se incluirán en el marco.

Usted crea su animación mostrando u ocultando diferentes capas dentro de la imagen para cada cuadro.

Por lo tanto, para el primer fotograma, es posible que desee establecer la capa de fondo en Visible y todas las demás capas en Ocultas . Luego, en el segundo cuadro, es posible que desee hacer visible la segunda capa, y luego la tercera capa en el tercer cuadro, y así sucesivamente. Se aclarará una vez que empiece.

Primero, vaya a Ventana> Línea de tiempo . En el centro del panel que se abre, haga clic en Crear animación de fotograma . Esto crea el primer fotograma de su animación. En la paleta Capas , oculte las capas que no desea que formen parte de este marco desmarcando los iconos de Ojo .

Ahora haga clic en el botón Nuevo marco , que duplicará el marco anterior. Una vez más, oculta las capas que no quieras incluir en este nuevo marco y haz visibles las que sí.

Repite este proceso hasta que hayas agregado todos los marcos que necesitas en tu GIF.

Establecer la velocidad de fotogramas y hacer un GIF en bucle

Para terminar, establezca Frame Delay , esto es, en efecto, la velocidad de fotogramas. Haga clic en el primer fotograma, luego presione Mayús y haga clic en el último fotograma.

Ahora, haga clic en la flecha desplegable debajo de uno de los marcos y seleccione un retraso. Sin demora significa que la animación se ejecutará rápidamente, mientras que un número específico de segundos significa que cada cuadro permanecerá en la pantalla durante ese período de tiempo.

Finalmente, configure las Opciones de bucle , que encontrará en la parte inferior del panel Línea de tiempo. Establece cuántas veces se reproducirá el GIF. En la mayoría de los casos, querrá configurarlo en Forever .

Ahora presione el botón Reproducir en la parte inferior de la pantalla para obtener una vista previa de su GIF. Ahora debería ver su GIF animado en acción.

Puede editar marcos simplemente seleccionándolos y ajustando qué capas son visibles (también puede ajustar la opacidad o hacer otros ajustes más avanzados). Agregue más capas si las necesita, o presione el ícono de la Papelera para eliminarlas.

Cuando esté satisfecho, puede pasar a la sección Exportar un GIF. O sigue leyendo para refinar la animación y crear un GIF fluido.

Animaciones avanzadas con interpolación

Photoshop admite una potente función de animación llamada interpolación. Esto le permite crear animaciones GIF fluidas al generar automáticamente cuadros de transición entre dos cuadros existentes.

Por ejemplo, supongamos que desea que una capa se desvanezca. Debería crear un fotograma con esa capa configurada como Oculto y otro con el valor Visible . Luego, "interpolará" entre esos dos fotogramas y Photoshop hará el resto.

En nuestro ejemplo, vamos a interpolar entre todos los fotogramas para darle a nuestro cielo estrellado un efecto más centelleante.

Primero, seleccione el primer fotograma y haga clic en el botón Interpolación de la barra de herramientas en la parte inferior del panel Línea de tiempo.

En el cuadro de diálogo que se abre, configure Interpolación con en Siguiente fotograma y Fotogramas en Agregar al número de fotogramas de transición que desee. Un número más alto significa un efecto más suave pero más lento. Haga clic en Aceptar para generar los nuevos marcos.

Ahora repita el proceso para los otros marcos originales que creó. Cuando obtenga el último, es posible que desee configurar Interpolación con en Primer fotograma . Esto ayuda a crear una transición suave al inicio de un GIF en bucle.

Presione el botón Reproducir para obtener una vista previa del efecto.

Exportar un GIF en Photoshop

Cuando haya terminado, primero debe guardar su archivo en formato PSD. Esto guardará toda la información de la capa y la animación para que pueda volver y editarla más adelante si es necesario. Después de eso, puede exportarlo como GIF.

Vaya a Archivo> Exportar> Guardar para Web (heredado) . En el cuadro de diálogo que se abre, asegúrese de que el formato esté configurado en GIF y la opción Colores esté configurada en 256 (esto garantiza la máxima calidad).

Otras configuraciones que puede querer cambiar incluyen el Tamaño de imagen y las Opciones de bucle si no lo hizo antes.

La ventana de vista previa muestra el tamaño que tendrá el archivo cuando lo guarde. También puede hacer clic en el botón Vista previa para probar la animación en una ventana del navegador. Finalmente, haga clic en Guardar para guardar y exportar su GIF.

Crea y edita GIF en Photoshop

Es bastante fácil hacer un GIF en Photoshop, y vale la pena hacerlo porque te da un control total sobre el resultado.

Y si no tiene Photoshop, no se preocupe. Hay muchos editores menos costosos que también tienen funcionalidad de creación de GIF.