GIF animados con The Gimp

Un GIF animado es un archivo GIF (extensión .gif) que en vez de contener una imagen estática contiene una animación, es decir, varias imágenes o frames que serán mostrados sucesivamente cada cierto intervalo de tiempo. Los GIF animados son muy utilizados en Internet, ya que es muy habitual que las páginas web los incluyan con fines publicitarios, por ejemplo en banners, ya que permiten mostrar animaciones sin recurrir a incrustar vídeos.

GIF animados con The Gimp

Cómo crear gráficos GIF animados con The Gimp

Para crear un GIF animado con The GIMP (GNU Image Manipulation Program), el editor de bitmaps del GNU, haremos lo siguiente:

  • Poner cada fotograma en una capa.
  • Podemos establecer el tiempo que se visualiza una capa añadiendo en el nombre de la capa el tiempo en milisegundos entre paréntesis, por ejemplo para 2 segundos sería (2000ms).
  • Guardarlo con formato .gif, opción Guardar como animación.

Cómo crear gráficos GIF animados con transiciones suaves con The Gimp

Básicamente, un GIF animado es una animación que consiste en una secuencia de imágenes estáticas, en la que cada una se muestra un tiempo concreto. Si las transiciones entre imágenes son suaves, obtendremos una sensación de fluidez y movimiento que harán el banner más atractivo.

The GIMP dispone de varias herramientas que permiten construir fácilmente un GIF animado con transiciones suaves. El proceso a seguir será el siguiente:

  • Ponemos cada fotograma en una capa.

    GIF animados con transiciones suaves fotogramas

  • El último fotograma debe ser igual al primero, para evitar que el cambio sea brusco.

    GIF animados con transiciones suaves ultimo fotograma

  • Iremos a la opción Filtros / Animación / Fundir, donde seleccionaremos el número de fotogramas intermedios deseado.

    GIF animados con transiciones suaves fundir

  • The Gimp creará una nueva imagen que incluye los fotogramas originales junto con los fotogramas adicionales intercalados.

    GIF animados con transiciones suaves fotogramas intermedios

  • Podemos visualizar la animación desde la opción Filtros / Animación / Reproducción.

    GIF animados con transiciones suaves reproducir

  • Si el resultado es satisfactorio, optimizaremos la imagen para que ocupe el mínimo tamaño desde la opción Filtros / Animación / Optimizar para GIF.
  • The Gimp creará una nueva imagen optimizada, estableciendo el tiempo de visualización de cada fotograma por defecto en 100 milisegundos. Podemos establecer el tiempo que se visualiza cada capa modificando el nombre de la capa, por ejemplo para 2 segundos pondremos (2000ms).

    GIF animados con transiciones suaves imagen optimizada

  • Esta última imagen es la que guardaremos con formato .gif, opción Guardar como animación.

Formato de archivo

Respecto al formato del archivo, para conservar todos los componentes de la imagen (capas, etc.) debemos utilizar el formato nativo de The GIMP, XCF (extensión .xcf), ya que PNG no soporta capas y GIF sólo las soporta como animación.

Artículos en la categoría "Diseño web"

  1. Contenido web
  2. Ghostwriter (escritor fantasma)
  3. Sobrecarga de información (infoxicación)
  4. Copyleft
  5. Cross-browser
  6. CSS
  7. Desarrollo web con Firefox
  8. Diseño web adaptativo (Responsive Web Design)
  9. Editor de páginas web
  10. Enlace roto
  11. Estándares web
  12. Favicon
  13. GIF animados con The Gimp
  14. Hacer una página web
  15. Hiperenlace (hyperlink)
  16. Hipertexto
  17. HTML (HyperText Markup Language)
  18. Linkware
  19. Modelo de color HTML
  20. Navegador móvil
  21. Navegador web
  22. Nube de tags
  23. Páginas web estándar
  24. FAQ (Frequently Asked Questions)
  25. Páginas web gratuitas
  26. Páginas web para móviles
  27. Psicología del color
  28. Web 2.0
  29. Web 3.0
  30. Sitio web (website)
  31. Blog
  32. Blogosfera
  33. Comunidad virtual
  34. Internet superficial, Internet profunda e Internet oscura
  35. Podcast (podcasting)
  36. Web semántica
  37. Mashup
  38. Fotoblog
  39. Wiki
  40. Microblogging
  41. Página web
  42. Portal
  43. Redes sociales
  44. Videoblog
  45. WordPress
  46. WWW (World Wide Web)

Los comentarios están cerrados