GIMP é um software notavelmente poderoso, considerando que é gratuito. Web designers, em particular, podem ser gratos por sua capacidade de produzir GIFs animados simples.
Os GIFs animados são animações simples que você verá em muitas páginas da web e, embora sejam muito menos sofisticados 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-g.webp" />
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.
-
Abra um novo documento. Neste exemplo, selecionamos o modelo predefinido de Web banner grande para celular 320x100.
Para sua animação, você pode selecionar um tamanho predefinido ou definir dimensões personalizadas, dependendo de como você usará sua 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 plano de fundo.
-
Defina o Quadro Um. A animação começará com um espaço em branco, portanto, nenhuma alteração na camada Background real é necessária, pois já está em branco.
No entanto, é necessária uma alteração no nome da camada na paleta Camadas. Clique com o botão direito do mouse na camada Background na paleta e selecione Edit Layer Attributes.
Image -
Na caixa de diálogo Edit Layer Attributes que se 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.
Image -
Defina o Quadro Dois. Para o tutorial, um gráfico de footprint é usado para este quadro. Vá para File > Open as Layers e selecione o arquivo gráfico. Isso coloca o footprint em uma nova camada que pode ser posicionada conforme necessário usando a Move Tool.
Image -
Assim como a camada de fundo, esta nova camada precisa ser renomeada para atribuir o tempo de exibição do quadro. Neste caso, 750ms.
Na paleta Camadas, a nova visualização da camada parece mostrar um fundo preto ao redor do gráfico, mas na realidade essa área é transparente.
Image -
Defina os Quadros Três, Quatro e Cinco. Os próximos três quadros são mais pegadas que passarão pelo banner. Estes são inseridos da mesma forma que o quadro dois, usando esse 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 de footprint precisa de um fundo branco para que apenas um quadro fique visível – atualmente, cada um tem um fundo transparente. Podemos fazer isso criando uma nova camada imediatamente abaixo de uma camada footprint, preenchendo a nova camada com branco e clicando com o botão direito do mouse na camada footprint e clicando em Merge Down
-
Set Frame Six. 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 as camadas, mas pode facilitar o trabalho com os arquivos em camadas.
Image -
Set Frame Seven. Este é o quadro final e exibe algum texto junto com o logotipo Lifewire.com. O primeiro passo aqui é adicionar outra camada com fundo branco.
Image -
Em seguida, use a Ferramenta de Texto para adicionar o texto. Isso é aplicado a uma nova camada, mas lidaremos com isso assim que você adicionar o logotipo ou a nova imagem, o que pode ser feito da mesma forma que os gráficos da área de cobertura foram adicionados anteriormente.
Image -
Quando tivermos tudo organizado como desejado, podemos usar Merge Down para combinar as camadas de logotipo e 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 optamos por exibi-la por 4.000 ms.
Image -
Visualizar a Animação Antes de salvar o-g.webp" />Filters >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 parece certo, pode ser corrigido neste momento. Caso contrário, ele pode ser salvo como um-g.webp" />.
A sequência de animação é definida na ordem em que as camadas são empilhadas na paleta Camadas, começando do plano de fundo ou da camada mais baixa e subindo. Se sua animação for executada fora de sequência, você precisará ajustar a ordem de suas camadas, clicando em uma camada para selecionar e usando as setas para cima e para baixo na barra inferior da paleta Camadas para alterar sua posição.
Image -
Salve o-g.webp" />. Salvar um-g.webp" />File > Salve uma cópia e dê um nome relevante ao seu arquivo e selecione onde deseja salvá-lo.
Image -
Em seguida, vá para File > Export As para salvá-lo como um-g.webp" />.
Image -
Na caixa de diálogo Export Image que se abre, selecione Select File Type e role até a imagem-g.webp" />. Se você receber um aviso sobre camadas que se estendem além das bordas reais da imagem, selecione o botão Cortar.
Image -
Isso agora levará à caixa de diálogo Salvar como GIF com uma seção de Opções de-g.webp" />. Você pode deixá-los em seus padrões, mas se você quiser que a animação seja reproduzida apenas uma vez, você deve desmarcar Loop para sempre.
Image - Agora você pode compartilhar seu-g.webp
Conclusão
As etapas mostradas aqui lhe darão as ferramentas básicas para produzir suas próprias animações simples, usando diferentes gráficos e tamanhos de documentos. Embora o resultado final seja bastante básico em termos de animação, é um processo muito fácil que qualquer pessoa com conhecimento básico do GIMP pode alcançar.
