Cómo editar gifs en Photoshop

Pocos fenómenos de Internet han sobrevivido tanto tiempo como el GIF. Si bien técnicamente se puede usar como un formato de imagen fija, la característica que consagró al GIF en el salón de la fama de Internet es su capacidad para mostrar múltiples cuadros dentro de un solo archivo, lo que le permite convertirse en una forma rápida de compartir videoclips cortos.

Photoshop es una de las herramientas de edición de imágenes más poderosas jamás creadas, y durante un largo y extraño tiempo de desarrollo, Adobe agregó todas las características que se les ocurrieron, desde la pintura de modelos 3D hasta la edición de videos. 

Después de un tiempo, Photoshop se convirtió en un desastre y Adobe finalmente comenzó a eliminar algunas de estas funciones adicionales y las dividió en sus propias aplicaciones de edición dedicadas. 

Si bien los GIF se usan a menudo para mostrar videos, técnicamente siguen siendo un formato de imagen, no un formato de video, lo que significa que Photoshop todavía tiene la capacidad de editar GIF. 

Si tiene un GIF favorito que desea editar, Photoshop es una gran herramienta para crear ediciones perfectas (o completamente ridículas, si ese es su estilo). 

Nota: para este tutorial, supondré que desea editar un GIF animado. Editar un GIF que es solo una imagen fija funciona exactamente de la misma manera que editar cualquier otra imagen y no requiere instrucciones especiales.

El GIF usado en este tutorial es de Giphy.com por Luis Ricardo.

PASO 1: ABRIR UN GIF PARA EDITAR

¡Esta es definitivamente la parte fácil! Para abrir un GIF existente para editarlo, solo use el proceso estándar para abrir cualquier imagen en Photoshop: abra el menú Archivo , haga clic en Abrir y luego busque el archivo GIF que desea abrir. 

Haga clic en el botón Abrir y Photoshop cargará su archivo GIF. 

Notará que Photoshop divide cada cuadro del GIF animado en una capa separada en el panel Capas. 

Puede usar el panel Capas para seleccionar y editar fotogramas individuales, pero se verá constantemente activando y desactivando la visibilidad de las capas para poder ver un fotograma a la vez, y hay una manera mejor y más rápida de hacerlo: el panel Línea de tiempo. .

PASO 2: CONFIGURA TU ESPACIO DE TRABAJO

A menos que haya pasado por alto la introducción, recordará que Photoshop tiene algunas capacidades de edición de video, y eso es lo que necesitará usar para completar el proceso de edición. 

Abra el menú Ventana y seleccione Línea de tiempo . Photoshop abrirá un nuevo panel en la parte inferior de la ventana principal del documento. 

Si alguna vez ha usado una aplicación de edición de video, el concepto probablemente le resulte bastante familiar, pero para aquellos de ustedes que no son editores de video veteranos, sigue siendo una idea fácil de aprender. En esencia, la línea de tiempo es una pila de capas horizontal basada en el tiempo que se ejecuta de izquierda a derecha.

Piense en ello como la barra de progreso que ve cuando mira un video, excepto que en lugar de una simple línea de color que indica su posición en el video, ve una fila de miniaturas que muestran cada cuadro. 

Seleccionar un cuadro para editar dentro del panel Línea de tiempo le permite mostrarlo automáticamente en la ventana principal del documento sin tener que jugar con la visibilidad de la capa en el panel Capas. 

El panel Línea de tiempo también le permite realizar otros trabajos importantes, como controlar el tiempo que se muestra cada cuadro, cambiar rápidamente el orden de sus cuadros y obtener una vista previa animada de su archivo.

PASO 3: APLICAR SUS EDICIONES

La aplicación de conceptos de Photoshop a un video animado puede ser un poco difícil de entender al principio, pero lo dominará. Aquí hay una explicación rápida de algunas de las ediciones de Photoshop más comunes que puede aplicar a un GIF animado. 

Desafortunadamente, debido a la naturaleza de cómo se construye cada cuadro, no siempre es posible aplicar estas ediciones de manera no destructiva, pero a veces lo es. 

Adición De Capas De Ajuste

Si desea ajustar todo el GIF usando una capa de ajuste, simplemente puede crear una nueva capa de ajuste en la parte superior de la pila de capas en el panel Capas. 

Desplácese hacia arriba hasta la parte superior del panel Capas, seleccione su último cuadro (que se muestra en la parte superior de la pila de capas) y luego agregue su capa de ajuste. Esto aplicará el efecto a todos los cuadros/capas enumerados debajo.

También puede aplicar capas de ajuste a fotogramas individuales. Seleccione el cuadro que desea editar usando el panel Línea de tiempo y luego desplácese para encontrar el cuadro correspondiente en el panel Capas y haga clic para seleccionarlo allí también. 

Abra el menú Capa , seleccione el submenú Nueva capa de ajuste y luego seleccione el tipo de ajuste elegido. En el cuadro de diálogo Nueva capa de ajuste , asegúrese de marcar la casilla etiquetada Usar capa anterior para crear máscara de recorte.

También puede crear una capa de ajuste utilizando el panel Ajustes, pero no le ofrece la misma opción de casilla de verificación. 

En cambio, una vez que haya agregado su capa de ajuste en el lugar correcto, mantenga presionada la Optiontecla y coloque el cursor del mouse sobre la línea entre la capa de ajuste y su capa de destino en el panel Capas. 

Verá que el cursor cambia, lo que indica que puede convertir la máscara de capa en una máscara de recorte, lo que restringe efectivamente la capa de ajuste a la única capa debajo de ella. Como puede ver en la captura de pantalla anterior, solo la capa/fotograma 45 tiene su color modificado. 

Otras Ediciones

Cuando dije que puedes hacer cualquier edición de Photoshop que quieras en los marcos de tus imágenes, ¡lo decía en serio! Puede usar la herramienta de clonación, los filtros artísticos o cualquier otra cosa que pueda imaginar para darle vida a sus GIF. Solo recuerde: debido a que las capas se tratan como marcos, no podrá usar las técnicas de edición de imágenes no destructivas que son prácticas estándar para editar imágenes fijas. 

PASO 4: EXPORTAR TU GIF

Esta es probablemente la parte más complicada del proceso de edición de GIF en Photoshop, pero es bastante fácil de hacer una vez que sabes qué buscar. El único truco real es usar el método de exportación Guardar para Web (heredado) en lugar del método Exportar como más nuevo y optimizado . 

Primero, asegúrese de tener todos los cuadros de su animación seleccionados en el panel Línea de tiempo, o Photoshop solo exportará su cuadro único seleccionado actualmente y su animación se convertirá en una imagen estática. 

Puede seleccionar cada cuadro manualmente, pero hay un útil menú emergente oculto en la esquina superior derecha del panel Línea de tiempo (que se muestra arriba). Abra el menú y haga clic en Seleccionar todos los marcos .

A continuación, abra el menú Archivo , seleccione el submenú Exportar y haga clic en Guardar para web (heredado) . También puede usar el atajo de teclado difícil Command Option Shift S (use Ctrl Alt Shift S si está trabajando en una PC).

El cuadro de diálogo Guardar para web puede ser un poco abrumador a primera vista, pero solo hay algunas cosas que deberá confirmar antes de exportar su GIF recién editado. 

En primer lugar, asegúrese de que el cuadro de diálogo Guardar para Web esté configurado para usar el tipo de archivo GIF. Puede estar configurado allí de forma predeterminada porque sabe que está editando un archivo GIF, pero a veces los ajustes preestablecidos o el uso anterior pueden interferir con eso. 

La sección superior del cuadro de diálogo le permite personalizar todas las opciones de exportación de color para su animación GIF. Los GIF pueden admitir un máximo de 256 colores, por lo que probablemente querrá mantenerlo tan alto o perderá algo de calidad de imagen. 

Sin embargo, debido a que los GIF animados contienen múltiples cuadros, el tamaño de su archivo puede crecer mucho y nadie espera que una animación GIF tenga calidad cinematográfica. El tamaño actual de su archivo GIF se puede obtener una vista previa en la esquina inferior izquierda de la ventana de vista previa. 

Tendrá que experimentar un poco con la configuración para encontrar el equilibrio adecuado entre la calidad de la imagen y el tamaño del archivo.

Por último, pero no menos importante, asegúrese de personalizar la sección Animación para controlar el aspecto de bucle de su animación. La mayoría de los GIF que se distribuyen por la web se repiten continuamente, pero puede deshabilitarlo o configurarlo para que se reproduzca solo una cantidad específica de veces. 

Curiosamente, encuentro que los controles de vista previa de la animación no funcionan correctamente en mi PC: el botón Reproducir no hace nada, pero los botones de salto de fotogramas funcionan, por lo que aún puede obtener una vista previa de su animación final. 

Todo funciona perfectamente cuando uso Photoshop en mi Mac, pero tal vez su experiencia varíe un poco (aunque no debería).

Una vez que esté satisfecho con la configuración final, haga clic en el botón Guardar . Ingrese un nombre de archivo en el cuadro de diálogo Guardar, haga clic en Guardar por última vez y Photoshop exportará su GIF a la ubicación que especificó. 

UNA PALABRA FINAL

¡Felicidades, acabas de editar un GIF en Photoshop! Si te tomas en serio la edición regular de GIF, es posible que desees encontrar un programa que se dedique a editar GIF animados y otros tipos de video, pero para el proyecto de edición divertido ocasional, Photoshop es una excelente opción, especialmente si ya tienes se instaló

¡Feliz animación!

Leave a Comment