Como crear sencillas animaciones de texto con Gimp y GAP (Gimp Animation Package).


Vamos a utilizar Gimp y el paquete GAP para crear una imagen que nos sirva de publicidad para un sitio web ficticio. El sitio se llamará "Ekintza".

• Creamos el fondo y un marco para la imagen publicitaria: Abrimos el Gimp, en el menu archivo elegimos "Nuevo" y en el cuadro de diálogo creamos una nueva imagen de 320x240 píxeles (al menos a mi es el tamaño que me interesa) con el fondo blanco (esto lo elegimos en "Opciones avanzadas"). Una vez creada la nueva imagen, añadimos una nueva capa desde el menú "Capa". Elegimos misma altura y anchura que la capa inicial (320x240 en mi caso), y que sea transparente. Seleccionamos todo (menu "Seleccionar" --> "Todo") y lo rellenamos de color negro ("Ctrl + ,"). Vamos al menu "Seleccionar" y hacemos clic en "Encoger ['Shrink']". En el cuadro de diálogo elegimos la anchura en píxeles que deseamos para nuestro marco (yo he elegido 2 px). Por último aplanamos la imagen mezclando las capas: menú "Capa" --> "Combinar hacia abajo". Al finalizar este primer paso tendremos algo como esto.
• Insertamos nuestro logo: este segundo paso puede variar mucho entre lo que yo hago y vosotros podais hacer, y realmente no es muy significativo para el objetivo final. Yo tengo creada una imagen con Inkscape de 320x240 píxeles, con fondo transparente. De lo que se trata en este paso es de superponer nuestro logo a la imagen que hemos creado en el paso anterior. Abrimos la imagen del logo con Gimp, "Seleccionar" --> "Todo" y "Ctrl + C" para copiar. Nos vamos a nuestra imagen y "Ctrl + V" para pegar. Aparece una nueva capa flotante que vamos a aplanar. Menú "Capa" --> "Anclar la capa". Podeis aprovechar para añadir algún filtro. Tendremos algo parecido a esto.
• Insertamos el texto: En este paso vamos a crear el texto que necesitamos para nuestro anuncio publicitario y lo vamos a animar, dando la sensación de que va apareciendo gradualmente. Vamos creando el texto necesario en distintas capas superpuestas, y lo colocamos donde vayamos necesitando, de tal manera que tengamos una imagen como esta. Lo importante es que cada trozo de texto esta en una capa y mediante el nombre de la capa puedo determinar el tiempo que quiero que pase hasta que la siguiente capa aparezca con la sintaxis que aparece en la imagen: "NombreCapa(tiempo en milisegundos)". Una vez tenga el texto y los tiempos determinados, puedo hacer una previsualización desde el menú "Filtros" --> "Animación" --> "Reproducción"
• Por último: Optimizamos la imagen desde el menú "Filtros" --> "Animación" --> "Optimizar (para GIF)" y cambiamos el modo de la imagen a indexado: "Imagen" --> "Modo" --> "Indexado". Procuramos utilizar el menor número de colores posibles. Ya podemos guardar la imagen como GIF.

[] enlace permanente