na Escola Autor: Professor Will Stopinski MULTIMEIOS / DITEC

Animando com o GIMP

Animação
ANIMACAO
Neste tutorial você vai aprender a fazer uma animação simples usando o GIMP

INTRODUÇÃO
A definição da palavra “Animação” vem do latim (anima,
que significa alma). Animação seria um processo para “dar
vida” a um desenho ou objeto. É um recurso de ilusão de ótica
que faz uma determinada forma se movimentar, que pode ser
uma imagem fotográfica, desenho, objetos ou outros.
A partir de várias imagens, como desenhos retratando uma
pessoa andando, é possível obter uma animação, movimen-
tando esses desenhos em pelo menos 16 quadros por segundo
(velocidade), resultando em uma ilusão de movimento.
No exemplo a seguir, a ilusão de movimento (imagem do
personagem saltando) foi elaborada seguindo a técnica de
animação a partir de imagens estáticas (quadro a quadro).

COMO FAZER UM GIF ANIMADO USANDO O GIMP.

Neste tutorial você vai aprender a fazer uma animação sim-
ples usando o GIMP, como exemplo, é apresentado um GIF
animado com o bonequinho pulando. (imagem 1)
Acompanhe o passo a passo a seguir:
Abra o GIMP e crie um novo documento, (Arquivo / Nova...)
você pode escolher o tamanho da imagem, neste caso, a ima-
gem foi feita em 640x400 pixels.

Secretaria de Estado da Educação do Paraná - SEED

Diretoria de Tecnologia Educacional do Paraná - DITEC - CETEPAR
Coordenação Multimeios
http://diaadia.pr.gov.br/multimeios Secretaria de Estado da Educação do Paraná
 na Escola Autor: Professor Will Stopinski MULTIMEIOS / DITEC

Animação
ANIMACAO
Desenhe a primeira imagem, que é a posição inicial da anima-
ção. Neste caso o desenho foi feito com a ferramenta “pincel”

(imagem 2)

Depois de fazer o primeiro desenho, crie uma nova cama-

da. É importante que a nova camada seja criada com o fundo
branco. Ela vai aparecer acima da camada anterior.

(imagens 3 e 4)

Secretaria de Estado da Educação do Paraná - SEED

Diretoria de Tecnologia Educacional do Paraná - DITEC - CETEPAR
Coordenação Multimeios
http://diaadia.pr.gov.br/multimeios Secretaria de Estado da Educação do Paraná
 na Escola Autor: Professor Will Stopinski MULTIMEIOS / DITEC

Animação
ANIMACAO
Deixe esse fundo branco um pouco transparente. Isso é fei- Agora você pode desenhar nesta nova camada enquan-
to para você poder visualizar o desenho feito anteriormente. to vê o desenho que está embaixo, este segundo desenho
Com a nova camada selecionada deixe o campo “opacida- mostra o segundo quadro, faça o desenho alterando o que
de” em mais ou menos 80, isso vai funcionar como uma mesa deseja movimentar.
de luz, deixando o desenho que está em baixo aparecendo.

(imagem 6)

(imagem 5)

Secretaria de Estado da Educação do Paraná - SEED

Diretoria de Tecnologia Educacional do Paraná - DITEC - CETEPAR
Coordenação Multimeios
http://diaadia.pr.gov.br/multimeios Secretaria de Estado da Educação do Paraná
 na Escola
Depois que já tiver desenhado, não esqueça de deixar a ca-
mada com a opacidade no 100, para que não fique mais trans-
parente.
(imagem 7)
Secretaria de Estado da Educação do Paraná - SEED
Diretoria de Tecnologia Educacional do Paraná - DITEC - CETEPAR
Coordenação Multimeios
http://diaadia.pr.gov.br/multimeios
Autor: Professor Will Stopinski MULTIMEIOS / DITEC
Animação
ANIMACAO
Agora é só repetir estes passos, criando sempre cama-
das novas acima das já desenhadas, e trabalhando com a
opacidade para desenhar por cima da base do desenho an-
terior.
Crie quantas camadas e desenhos forem necessárias para
completar o movimento desejado, no caso desta animação
foram criadas 12 camadas.
(imagem 8)
Secretaria de Estado da Educação do Paraná
 na Escola Autor: Professor Will Stopinski MULTIMEIOS / DITEC

Animação
ANIMACAO
Note que a primeira e a última camada mostram o Boneco Para finalizar, salve o desenho no Formato GIF. Este é o
na mesma posição. Isso faz com que a repetição do movimen- formato da animação, que vai mostrar todos os desenhos
to funcione infinitamente, você nem percebe quando a ani- em sequência.
mação acaba ou recomeça. Veja nas imagens como salvar seu GIF animado.
Depois que terminar todos os desenhos, salve o arquivo no Em “Salvar como”, no campo “nome”, coloque a exten-
formato do Gimp (XCF). Neste formato sua imagem vai ficar são “.gif”, como por exemplo “pulo.gif” e clique em “sal-
salva do jeito que está, separado em camadas, para que futu- var”.
ramente você possa usá-lo novamente podendo fazer alguma
alteração.

(imagem 10)

(imagem 9)

Secretaria de Estado da Educação do Paraná - SEED

Diretoria de Tecnologia Educacional do Paraná - DITEC - CETEPAR
Coordenação Multimeios
http://diaadia.pr.gov.br/multimeios Secretaria de Estado da Educação do Paraná
 na Escola
O programa vai pedir para você exportar o arquivo. É muito
importante que você selecione a opção “salvar como anima-
ção” para que a imagem fique realmente animada.
(imagem 11)
Secretaria de Estado da Educação do Paraná - SEED
Diretoria de Tecnologia Educacional do Paraná - DITEC - CETEPAR
Coordenação Multimeios
http://diaadia.pr.gov.br/multimeios
Autor: Professor Will Stopinski MULTIMEIOS / DITEC
Animação
ANIMACAO
Se você quiser que a sua animação fique repetindo au-
tomaticamente selecione esta opção na tela a seguir, e em
“atraso entre os quadros” você pode escolher a velocidade
da sua animação. Neste caso a velocidade não foi alterada,
o padrão é de 100 milissegundos.
(imagem 12)
Secretaria de Estado da Educação do Paraná
 na Escola Autor: Professor Will Stopinski MULTIMEIOS / DITEC

Animação
ANIMACAO
Pronto! A animação está salva. Usando os mesmo princípios você pode fazer outras ani-
Para visualizar a animação é só você abrí-la em algum nave- mações, como uma bola rolando ou sendo chutada, um
gador de Internet. rosto mexendo olhos e boca, ou qualquer outro movimen-
to que você quiser criar! Divirta-se!

(imagem 13 – Gif)

Secretaria de Estado da Educação do Paraná - SEED

Diretoria de Tecnologia Educacional do Paraná - DITEC - CETEPAR
Coordenação Multimeios
http://diaadia.pr.gov.br/multimeios Secretaria de Estado da Educação do Paraná