Tutorial GIF animado de GIMP

GIMP es una pieza de software notablemente poderosa considerando que es gratis. Los diseñadores web, en particular, pueden estar agradecidos por su capacidad para producir GIF animados simples.

GIMP es una pieza de software notablemente poderosa considerando que es gratis. Los diseñadores web, en particular, pueden estar agradecidos por su capacidad para producir GIF animados simples.
Los GIF animados son animaciones simples que verá en muchas páginas web y, aunque son mucho menos sofisticadas que las animaciones Flash, son muy simple de producir por cualquier persona con un conocimiento básico de GIMP.
Los siguientes pasos muestran una animación simple del tamaño de un banner web usando un par de gráficos básicos, algo de texto y un logotipo.

  1. Abrir un nuevo documento . En este ejemplo, vamos a usar GIMP para producir un banner web GIF animado muy básico. Hemos seleccionado la plantilla preestablecida de Web banner common 468×60 .

    Para su animación, puede seleccionar un tamaño preestablecido o establecer dimensiones personalizadas dependiendo de cómo utilizará su animación final.
    Nuestra animación constará de siete cuadros y cada cuadro estará representado por una capa individual, lo que significa que nuestro El archivo GIMP final tendrá siete capas, incluido el fondo.

  2. Establecer cuadro uno . Queremos que nuestra animación comience con un espacio en blanco para que no realicemos ningún cambio en la capa Fondo real que ya es blanca.
    Sin embargo, necesitamos hacer un cambio en el nombre de la capa en la paleta Capas . Hacemos clic derecho en la capa Fondo en la paleta y seleccionamos Editar atributos de capa .

    En el cuadro de diálogo Editar atributos de capa que se abre, agregamos (250 ms) al final del nombre de la capa. Esto establece la cantidad de tiempo que este cuadro se mostrará en la animación. El ms significa milisegundos y cada milisegundo es una milésima de segundo. Este primer cuadro se mostrará durante un cuarto de segundo.

  3. Establecer marco dos . Queremos usar un gráfico de huella para este marco, así que vamos a Archivo> Abrir como capas y seleccionamos nuestro archivo de gráficos. Esto coloca la huella en una nueva capa que podemos posicionar según sea necesario usando la Herramienta Mover .

    Al igual que con la capa de fondo, debemos cambiar el nombre de la capa para asignar el tiempo de visualización del marco. En este caso, hemos elegido 750ms.

    En la paleta Capas , la nueva vista previa de la capa parece mostrar un fondo negro alrededor del gráfico, pero en realidad esta área es transparente.

  4. Establecer cuadros tres, cuatro y cinco . Los siguientes tres cuadros son más huellas que atravesarán la pancarta. Estos se insertan de la misma manera que el cuadro dos, usando los mismos gráficos y otro gráfico para el otro pie. Como antes, el tiempo se establece en 750 ms para cada fotograma.

    Cada una de las capas de huella necesita un fondo blanco para que solo un marco sea visible; actualmente, cada una tiene un fondo transparente. Podemos hacer esto creando una nueva capa inmediatamente debajo de una capa de huella, llenando la nueva capa con blanco y luego haciendo clic derecho en la capa de huella y haciendo clic en Combinar hacia abajo .

  5. Establecer marco seis . Este marco es solo un marco en blanco lleno de blanco que dará la apariencia de que la huella final desaparecerá antes de que aparezca el marco final. Hemos llamado a este intervalo de capa y hemos elegido tener esta pantalla por solo 250 ms. No necesita nombrar capas, pero puede facilitar el trabajo de los archivos en capas.

  6. Establecer marco siete . Este es el cuadro final y muestra texto junto con el logotipo de Lifewire.com. El primer paso aquí es agregar otra capa con un fondo blanco.

    A continuación, usamos la Herramienta de texto para agregar el texto. Esto se aplica a una nueva capa, pero trataremos con eso una vez que hayamos agregado el logotipo, lo que podemos hacer de la misma manera que agregamos los gráficos de la huella anteriormente.

    Cuando los organizamos según lo deseado, podemos usar Combinar hacia abajo para combinar el logotipo y las capas de texto y luego combinar esa capa combinada con la capa blanca que se agregó anteriormente. Esto produce una sola capa que formará el cuadro final y elegimos mostrar esto durante 4000ms.

  7. Vista previa de la animación . Antes de guardar el GIF animado, GIMP tiene la opción de previsualizarlo en acción yendo a Filtros > Animación > Reproducción . Esto abre un cuadro de diálogo de vista previa con botones que se explican por sí mismos para reproducir la animación.
    Si algo no parece correcto, puede modificarse en este punto. De lo contrario, se puede guardar como un GIF animado.

    La secuencia de animación se establece en el orden en que las capas se apilan en la paleta Capas , comenzando desde el fondo o la capa más baja y hacia arriba.Si su animación se reproduce fuera de secuencia, deberá ajustar el orden de sus capas, haciendo clic en una capa para seleccionar y utilizando las flechas hacia arriba y hacia abajo en la barra inferior de la paleta Capas para cambiar su posición.

  8. Guardar el GIF animado . Guardar un GIF animado es un ejercicio bastante sencillo. Primero, vaya a Archivo > Guardar una copia y asigne a su archivo un nombre relevante y seleccione dónde desea guardarlo. Antes de presionar Guardar , seleccione Seleccionar tipo de archivo (por extensión) hacia la parte inferior izquierda y, de la lista que se abre, seleccione imagen GIF . En el cuadro de diálogo Exportar archivo que se abre, seleccione el botón de opción Guardar como animación y haga clic en el botón Exportar . Si recibe una advertencia sobre las capas que se extienden más allá de los bordes reales de la imagen, seleccione el botón Recortar .

    Esto ahora llevará al cuadro de diálogo Guardar como GIF con una sección de Opciones de GIF animado . Puede dejar estos valores predeterminados, aunque si solo desea que la animación se reproduzca una vez, debe desmarcar Bucle para siempre .

  9. Ahora puedes compartir tu GIF animado.

Conclusión

Los pasos que se muestran aquí le proporcionarán las herramientas básicas para producir sus propias animaciones simples, utilizando diferentes gráficos y tamaños de documentos. Si bien el resultado final es bastante básico en términos de animación, es un proceso muy fácil que cualquier persona con un conocimiento básico de GIMP puede lograr.

Rate article
labsfabs.com
Add a comment