Haciendo GIFs | Programar Plus

Estas son las formas en que hago GIF. A veces para publicaciones de blog. A veces por tuits. A veces para la documentación. A veces por diversión. Los GIF pueden ser tremendamente útiles y comunicarse mejor que una imagen fija o incluso un video en algunas circunstancias.

Uso una Mac, por lo que en su mayoría son cosas de Mac.

CAPTURA GIPHY

Disponible en la tienda de aplicaciones, GIPHY CAPTURE tiene una interfaz extremadamente fácil. Póngalo donde desea grabar, presione grabar, presione detener.

Cada vez que abres la aplicación es como una sesión. Los GIF que grabes irán a la barra inferior. Después de grabar uno, haga clic en el icono del mismo para abrir esta pantalla:

Puede cargarlo en GIPHY, lo cual es útil si necesita almacenamiento en línea para él, pero también puede guardarlo localmente. También puede editarlo antes de cargarlo o guardarlo, y puede:

  • Recortar el inicio/final
  • Elige cómo se repite
  • Cambie el tamaño a un ancho de 640 px, 480 px o 320 px (las únicas opciones)
  • Añadir subtítulo

Ejemplo de GIF grabado en GIPHY CAPTURE

Aparentemente, esta aplicación es una evolución de GifGrabber, y las personas que adoraban eso odian esto, pero ese es Internet para ti.

Esta es mi aplicación de creación de GIF más utilizada en estos días, pero las opciones limitadas, como no poder hacer mucho para controlar el tamaño del archivo, a veces me empujan a otras aplicaciones.

LICEcap

LICEcap tiene solo una interfaz de usuario mínima. Es una ventana transparente que coloca sobre lo que le gustaría grabar, presione Grabar, presione Detener. Puede arrastrar la ventana para cambiar el tamaño o establecer valores exactos.

Me gusta cómo puedes hacerlos del tamaño que quieras. Si necesita más pequeño o más grande, generalmente puede acercar o alejar el navegador antes de grabar para adaptarse a eso. Sin embargo, la mejor parte es que puede configurar el FPS (Frames Per Second), que tiene un enorme impacto en el tamaño del archivo. Si está mostrando algo que requiere una animación bastante fluida, puede mejorarlo. Si está mostrando algo que cambia instantáneamente de estado, puede reducirlo. Es bastante satisfactorio crear GIF que hagan el trabajo con un tamaño de archivo pequeño, cuando puedes.

Buen consejo: puede arrastrar la ventana incluso mientras graba.

photoshop

Photoshop puede ser útil en los GIF existentes, ya que puede abrirlos y luego Guardar para Web donde puede cambiar su tamaño y cambiar cosas como la información de color, que afectan el tamaño del archivo.

Pero Photoshop también puede crear GIF. Lo busco cuando tengo un GIF que quiero hacer donde controlo cada cuadro de manera muy específica. Por ejemplo, podría tomar un montón de capturas de pantalla de ventanas de exactamente el mismo tamaño que explican paso a paso cómo hacer algo. Entonces yo:

  1. Póngalos en un solo archivo de Photoshop como capas
  2. Abra la franja de la línea de tiempo y cree una animación de fotogramas clave
  3. Cree un fotograma clave para cada capa, en el que esa sea la única capa activada
  4. Ajustar el tiempo y la configuración
  5. Guardar para Web

Este ejemplo produjo esto:

Un GIF de 800 × 582 de 16 segundos a solo 137 K no está mal.

Optimizar

No importa de qué manera cree el GIF, siempre lo envío a través de ImageOptim.