Skip to main content

Produzindo um GIF Animado com o GIMP

Tutorial Gimp - Vídeo aula 28 - GIFs animados com Gimp! (Junho 2026)

Tutorial Gimp - Vídeo aula 28 - GIFs animados com Gimp! (Junho 2026)
Anonim

O GIMP é um software incrivelmente 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, elas são muito simples de serem produzidas por qualquer pessoa com um conhecimento básico do GIMP.As etapas a seguir mostram uma animação simples em tamanho de banner da web usando alguns gráficos básicos, algum texto e um logotipo.

Abra um novo documento

Neste exemplo, vamos usar o GIMP para produzir um banner da Web GIF animado muito básico. Selecionamos o modelo predefinido de Banner da Web em comum 468 x 60. Para a sua animação, você pode selecionar um tamanho predefinido ou definir dimensões personalizadas, dependendo de como você estará usando sua animação final.Nossa animação será composta de sete quadros e cada quadro será representado por uma camada individual, o que significa que o nosso arquivo final do GIMP terá sete camadas, incluindo o plano de fundo.

Definir um quadro

Queremos que nossa animação comece com um espaço em branco, para que não façamos nenhuma alteração no real fundo camada que já é branca.No entanto, precisamos fazer uma alteração no nome da camada no Camadas paleta. Nós clicamos com o botão direito no fundo camada na paleta e selecione Editar atributos da camada. No Editar atributos da camada diálogo que se abre, nós adicionamos (250ms) até o final do nome da camada. Isso define a quantidade de tempo que esse quadro será exibido na animação. A ms representa milissegundos e cada milésimo de segundo é um milésimo de segundo. Este primeiro quadro será exibido por um quarto de segundo.

Conjunto de quadro dois

Queremos usar um gráfico de pegada para este quadro, então vamos para Arquivo> Abrir como Camadas e selecione nosso arquivo gráfico. Isso coloca a pegada em uma nova camada que podemos posicionar conforme necessário usando o Mover Ferramenta. Tal como acontece com a camada de fundo, precisamos renomear a camada para atribuir o tempo de exibição para o quadro. Neste caso, escolhemos 750 ms.Nota: no Camadas paleta, a nova camada de visualização parece mostrar um fundo preto ao redor do gráfico, mas na realidade essa área é transparente.

Definir 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 os mesmos gráficos e outro gráfico para o outro pé. Como antes, o tempo é definido como 750 ms para cada quadro.Cada uma das camadas de pegada precisa de um fundo branco para que apenas um quadro seja visível - atualmente, cada um tem um fundo transparente. Podemos fazer isso criando uma nova camada imediatamente abaixo de uma camada de pegada, preenchendo a nova camada com branco e, em seguida, clicando com o botão direito do mouse na camada de pegada e clicando em Mesclar para baixo.

Conjunto 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. Nós nomeamos essa camada como Intervalo e optamos por ter essa exibição por apenas 250 ms. Você não precisa nomear camadas, mas pode facilitar o trabalho com arquivos em camadas.

Conjunto de quadros sete

Este é o quadro final e exibe algum texto junto com o logotipo do About.com. O primeiro passo aqui é adicionar outra camada com um fundo branco.Em seguida, usamos o Ferramenta de texto para adicionar o texto. Isso é aplicado a uma nova camada, mas lidaremos com isso depois que adicionarmos o logotipo, o que podemos fazer da mesma forma que adicionamos os gráficos de pegada anteriormente. Quando tivermos estes organizados como desejado, podemos usar Mesclar para baixo para combinar as camadas de logotipo e texto e mesclar essa camada combinada com a camada branca que foi adicionada anteriormente. Isso produz uma única camada que formará o quadro final e escolhemos exibir isso para 4000 ms.

Visualizar a animação

Antes de salvar o GIF animado, o GIMP tem a opção de visualizá-lo em ação indo até Filtros> Animação> Reprodução. Isso abre um diálogo de visualização com botões auto-explicativos para reproduzir a animação.Se algo não parece certo, pode ser alterado neste momento. Caso contrário, pode ser salvo como um GIF animado.

Nota: A seqüência de animação é definida na ordem em que as camadas são empilhadas no Camadas paleta, a partir do fundo ou camada mais baixa e trabalhando para cima. Se a animação for executada fora de seqüência, você precisará ajustar a ordem das camadas, clicando em uma camada para selecionar e usando as setas para cima e para baixo na barra inferior do Camadas paleta para mudar sua posição.

Salvar 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 você deseja salvar seu arquivo. Antes de pressionar Salve selecioneSelecione o tipo de arquivo (por extensão) na parte inferior esquerda e, na lista que é aberta, selecione Imagem GIF. No Arquivo de Exportação diálogo que se abre, selecione o Salvar como animação botão de rádio e clique no Exportar botão. Se você receber um aviso sobre camadas que se estendem além das bordas reais da imagem, selecione Colheita botão.Isso agora levará ao Salvar como GIF diálogo com uma seção de Opções de GIF animado. Você pode deixar esses padrões, mas se quiser que a animação seja reproduzida apenas uma vez, desmarque a opção Loop para sempre.

Conclusão

Os passos mostrados aqui lhe darã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. Os GIFs animados provavelmente já passaram do auge, mas com um pouco de reflexão e planejamento cuidadoso, eles ainda podem ser usados ​​para produzir elementos animados eficazes rapidamente.