Tutorial de GIF animado do GIMP

O GIMP é um software extremamente poderoso, considerando que é gratuito. Web designers, em particular, podem ser gratos por sua capacidade de produzir GIFs animados simples.

GIFs animados são animações simples que você verá em muitas páginas da web e, embora sejam muito menos sofisticadas do que as animações em Flash, são muito simples de produzir por qualquer pessoa com um conhecimento básico do GIMP.

Como fazer um GIF animado no GIMP

As etapas a seguir mostram uma animação simples do tamanho de um banner da Web usando alguns gráficos básicos, algum texto e um logotipo. As instruções neste artigo se aplicam ao GIMP versão 2.10.12.

1. Abra um novo documento. Neste exemplo, selecionamos o modelo predefinido de Banner da web grande para celular 320×100. Para sua animação, você pode selecionar um tamanho predefinido ou definir dimensões personalizadas, dependendo de como você usará a animação final.

   Para este tutorial, a animação consistirá em sete quadros e cada quadro será representado por uma camada individual, o que significa que o arquivo GIMP final terá sete camadas, incluindo o fundo.

2. Definir o quadro um. A animação começará com um espaço em branco, então nenhuma mudança no real Fundo camada é necessária, pois já é branco liso.

   No entanto, uma mudança no nome da camada no Camadas paleta é necessária. Clique com o botão direito no Fundo camada na paleta e selecione Editar Atributos da Camada.

3. No Editar Atributos da Camada caixa de diálogo que abre, adicione (250ms) ao final do nome da camada. Isso define a quantidade de tempo que esse quadro será exibido na animação. O ms significa milissegundos e cada milissegundo é um milésimo de segundo. Este primeiro quadro será exibido por um quarto de segundo.

   

4. Definir o quadro dois. Para o tutorial, um gráfico de pegada é usado para este quadro. Vamos para Arquivo > Abrir como camadas e selecione o arquivo gráfico. Isso coloca a pegada em uma nova camada que pode ser posicionada conforme necessário usando o Ferramenta Mover.

   

5. Tal como acontece com a camada de fundo, esta nova camada precisa ser renomeada para atribuir o tempo de exibição para o quadro. Nesse caso, 750ms. No Camadas paleta, a visualização da nova camada parece mostrar um fundo preto ao redor do gráfico, mas na realidade essa área é transparente.

   

6. Defina os Quadros Três, Quatro e Cinco. Os próximos três quadros são mais pegadas que percorrerão o banner. Estes são inseridos da mesma forma que o quadro dois, usando o mesmo gráfico e outro gráfico para o outro pé. Como antes, o tempo é definido como 750ms para cada quadro. Cada uma das camadas do footprint precisa de um fundo branco para que apenas um quadro fique visível – atualmente, cada uma tem um fundo transparente. Podemos fazer isso criando uma nova camada imediatamente abaixo de uma camada da pegada, preenchendo a nova camada com branco e clicando com o botão direito na camada da pegada e clicando Merge Down.

7. Definir Quadro Seis. Este quadro é apenas um quadro em branco preenchido com branco que dará a aparência da pegada final, desaparecendo antes que o quadro final apareça. Chamamos essa camada de intervalo e optamos por ter essa exibição por apenas 250 ms. Você não precisa nomear camadas, mas pode tornar mais fácil trabalhar com arquivos em camadas.

   

8. Definir Quadro Sete. Este é o quadro final e exibe algum texto junto com o logotipo da Lifewire.com. A primeira etapa aqui é adicionar outra camada com um fundo branco.

   

9. Em seguida, use o Ferramenta de Texto para adicionar o texto. Isso é aplicado a uma nova camada, mas lidaremos com isso depois que você adicionar o logotipo ou a nova imagem, o que pode ser feito da mesma forma que o gráfico do footprint foi adicionado anteriormente.

   

10. Quando tivermos tudo organizado conforme desejado, podemos usar Merge Down para combinar o logotipo e as camadas de texto e, em seguida, mesclar essa camada combinada com a camada branca que foi adicionada anteriormente. Isso produz uma única camada que formará o quadro final e escolhemos exibi-la por 4.000 ms.

    

11. Visualize a animação. Antes de salvar o GIF animado, o GIMP tem a opção de visualizá-lo em ação acessando Filtros > Animação > Reprodução. Isso abre uma caixa de diálogo de visualização com botões autoexplicativos para reproduzir a animação. Se algo não parecer certo, pode ser corrigido neste ponto. Caso contrário, ele pode ser salvo como um GIF animado. A sequência de animação é definida na ordem em que as camadas são empilhadas no Camadas paleta, começando do fundo ou camada mais baixa e trabalhando para cima. Se sua animação for reproduzida fora da sequência, você precisará ajustar a ordem de suas camadas, clicando em uma camada para selecioná-la e usando as setas para cima e para baixo na barra inferior do Camadas paleta para mudar sua posição.

    

12. Salve o GIF animado. Salvar um GIF animado é um exercício bastante simples. Primeiro, vá para Arquivo > Salvar uma cópia e dê ao seu arquivo um nome relevante e selecione onde deseja salvá-lo.

    

13. Em seguida, vá para Arquivo > Exportar como para salvá-lo como um GIF animado.

    

14. No Exportar imagem caixa de diálogo que se abre, selecione Selecione o tipo de arquivo e vá até a imagem GIF e selecione-a, depois selecione Exportar. Se você receber um aviso sobre camadas que se estendem além das bordas reais da imagem, selecione o Cortar botão.

    

15. Isso agora levará ao Salvar como GIF diálogo com uma seção de Opções de GIF animado. Você pode deixar estes em seus padrões, embora se você quiser que a animação seja reproduzida apenas uma vez, você deve desmarcar Loop para sempre.

    

16. Agora você pode compartilhar seu GIF animado.

Conclusão

As etapas mostradas aqui fornecerão as ferramentas básicas para produzir suas próprias animações simples, usando gráficos e tamanhos de documentos diferentes. Embora o resultado final seja bastante básico em termos de animação, é um processo muito fácil que qualquer pessoa com um conhecimento básico do GIMP pode alcançar.