Criando Gifs Animadas
Aula 12
(Graphic Interchange Format), formato para arquivos de imagem, 
amplamente utilizado e divulgado na Internet.
 
Animação na web. A maneira mais conhecida e mais antiga de se ter animação na web é pelo uso de gifs animadas.

Este é o único formato que permite uma sequencia de quadros, agrupados, sejam exibidos como animação, combinadas em um único arquivo.

Fazer gifs animadas é uma coisa bem simples, mas existem pequenos detalhes que devem ser observados para um melhor resultado.

Para criar uma BOA gif animada é preciso compreender alguns processos. 

Essa aula se dedica a explicar o BÁSICO da criação de gifs animadas. 

O exemplo abaixo foi feito usando o programa GIF Movie Gear. 
 

Como criar uma GIF Animada

O BÁSICO

O que é uma gif animada?

Uma animação GIF é formada pela sucessão de imagens estáticas (GIFs simples, estáticas) que são exibidas umas depois das outras. 

Cada imagem (gif) pertencente a essa animação é normalmente chamada de frame. 

O número de frames e o tempo de exibição de cada frame é ilimitado e pode ser controlado pelos programas de edição de gifs animadas. 

Veja o exemplo abaixo.

 
Os 3 frames separados
A animação gerada
Frame 01

Frame 02

Frame 03

Frame animado
Neste exemplo, cada frame é exibido durante 2,5 segundos

Em primeiro lugar, deve-se fazer um planejamento da animação, no papel, separando em quadros os passos da animação. 

Vamos começar com um exemplo: uma animação simples de um nascer do sol. 

No planejamento, decidimos que a seqüência de imagens será a seguinte:
 
Passo 1

Passo 1

Passo 2

Passo 2

Passo 3

Passo 3

Passo 4

Passo 4

Passo 5

Passo 5

Agora, você deve criar cada imagem separadamente e, de preferência com as mesmas dimensões, no editor gráfico de sua preferência (que suporte o formato .GIF). 

No nosso exemplo acima, aproveitamos a primeira imagem como fundo e colocamos um círculo amarelo em várias posições. 

Só no final é que foi feita uma "graça" pelo autor.

 

Juntando as imagens para fazer a animação

Depois de ter criado cada imagem da seqüência em separado, é hora de juntá-las para montar a animação. 

Isto é feito através de programas específicos para este fim (veja uma lista com vários destes programas AQUI)

Muitos destes programas possuem recursos sofisticados e já vêm com vários efeitos de animação prontos para usar. 

Pegue o programa de sua preferência, instale-o e mãos a obra.

Neste exemplo foi usado o GIG Movie Gear, mas QUALQUER software de animação faz GIFs animadas.

Se você pretende fazer banner publicitário, veja aqui o tamanho oficial internacional.

 

Exercício

Exemplos de GIFs animadas