Cómo hacer un GIF en Adobe Photoshop

Cómo hacer un GIF en Adobe Photoshop

Los GIF están en todas partes. La alguna vez humilde imagen animada 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 un GIF , y también es muy fácil crear un GIF en Photoshop usando una de sus propias películas.





Empiece 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 Abierto .

En el cuadro de diálogo que aparece a continuación, puede elegir si desea importar el video completo 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, seleccione Límite a cada 2 fotogramas (o más) es una forma sencilla de reducir el tamaño sin afectar demasiado la calidad. Sin embargo, no cortes demasiados fotogramas o no obtendrás un GIF fluido.





Asegurarse Hacer animación de fotogramas está marcado, luego haga clic en OK . El video comenzará a importar. Puede que tarde un poco dependiendo de su tamaño. Cuando termine, 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á el Cronología paleta. Esto muestra todos los fotogramas que compondrán tu GIF, cada fotograma correspondiente 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 Jugar botón en la parte inferior para una vista previa. Cuando esté feliz, estará listo para guardar el GIF.

Cómo exportar un GIF en Photoshop

Ir a Archivo> Exportar> Guardar para Web (heredado) . En el cuadro que se abre, establezca el formato en GIF, Colores a 256 y reducir 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 Pérdida deslizador a la derecha. Esto afectará la calidad, pero también reducirá significativamente el tamaño del archivo.

Finalmente, golpea Ahorrar 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 ayudarte anima fotos en tu teléfono , y también puedes 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 .

como descargar fotos de facebook

Hacer clic Navegar , seleccione todas las imágenes que necesite y presione OK . 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, cada capa de su imagen que está configurada Visible se incluirá en ese marco.
  • Capas establecidas en Oculto no se incluirá 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 otras capas para Oculto . 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 comience.

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

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

Repita este proceso hasta que haya agregado todos los marcos que necesita en su GIF.

Establecer la velocidad de fotogramas y crear un GIF en bucle

Para terminar, configure el Retraso de fotogramas —Esto es, en efecto, la velocidad de fotogramas. Haga clic en el primer fotograma, luego Mayús-clic 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 el 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 Para siempre .

Ahora golpea el Jugar 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 Bote de basura icono para eliminarlos.

Cuando esté satisfecho, puede pasar a la sección Exportar un GIF. O sigue leyendo para perfeccionar 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 en Oculto , y otro con él configurado en Visible . Luego, haría una 'interpolación' entre esos dos fotogramas y Photoshop hace 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 Interpolación en la barra de herramientas en la parte inferior del panel Línea de tiempo.

En el cuadro de diálogo que se abre, configure Tween con para Siguiente fotograma , y Marcos para 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. Hacer clic OK para generar los nuevos marcos.

cómo borrar tu búsqueda de google

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

Golpea el Jugar 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.

Ir 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 Colores La opción está configurada en 256 (esto asegura la máxima calidad).

Otras configuraciones que puede querer cambiar incluyen la Tamaño de la imagen y Opciones de bucle si no hiciste eso antes.

La ventana de vista previa muestra el tamaño que tendrá el archivo cuando lo guarde. También puede hacer clic en el Avance para probar la animación en una ventana del navegador. Finalmente, haga clic en Ahorrar 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 la funcionalidad de creación de GIF.

Cuota Cuota Pío Correo electrónico Las 5 mejores aplicaciones de creación de GIF para su teléfono inteligente

A veces, el GIF adecuado para sus necesidades no está disponible en línea. Es por eso que necesita una de estas aplicaciones de creación de GIF.

Leer siguiente
Temas relacionados
  • Creativo
  • Adobe Photoshop
  • GIF
  • Tutorial de Photoshop
Sobre el Autor Andy Betts(221 Artículos publicados)

Andy es un ex periodista impreso y editor de revistas que ha estado escribiendo sobre tecnología durante 15 años. En ese tiempo ha contribuido a innumerables publicaciones y producido trabajos de redacción publicitaria para grandes empresas de tecnología. También ha proporcionado comentarios de expertos para los medios y ha organizado paneles en eventos de la industria.

Más de Andy Betts

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse