Estava senhora Ivi podrinha com dor de garganta e corpo molengo pensando “como eu queria fazer um gif animado, mas aprendi isso há um ano e já não lembro” ok, oráculo google me deu um super help e relembrei como faz. Estou me sentindo a madre Teresa de Caucutá por repassar-lhes esse conhecimento tão babaca mas que aflige muitos “quase-web-designer” como eu.

Então, se você quer saber como fazer um gif animado, vai a receitinha aí:

Primeiro de tudo, você precisa ter instalado aí no seu computador o programa FIREWORKS (colher de chá, no site da Adobe tem disponibilizada a versão trial do Fireworks para 30 dias).

Abra o programa, clique em FILE, NEW. Aparecerá a seguinte tela:

newdoc

Width: Largura do documento, deixe pixels mesmo
Height: Altura do documento, deixe pixels mesmo
Resolution: 72 é a resolução para web, não mexa.

Ajuste de acordo com o que você quer fazer, para um banner por exemplo 120 de widht e 60 de height.

Certifique-se de que a janela FRAMES está aberta (shift + F2).

frame

Como exemplo farei um banner para o Gerador de Improbabilidade Infinita.

No Frame 1 faço um retângulo preto escrito Gerador

gerador

Crio um novo Frame em:

newframe

Isso funciona como um filme, cada frame é um quadro e juntando tudo faz o “filme”.

No Frame 2 (selecionado) deixo tudo preto. Crio o Frame 3, pinto de preto e escrevo “de”. Crio o Frame 4 e pinto de preto. Crio o Frame 5, pinto de preto e escrevo “improbabilidade”. Crio o Frame 6 e pinto de preto. Crio o Frame 7, pinto de preto e escrevo “infinita”. Crio o Frame 8 e pinto de preto. Crio o Frame 9, pinto de preto e colo a imagem. Por último crio o Frame 10 e pinto de preto.

Esses números ao lado de cada Frame é o tempo em milisegundo que vai demorar para ir para o outro Frame, quanto menor o valor mais rápido será, quanto maior o valor mais lerdo será.

tempo

Agora está quase pronto. Vamos exportar a imagem para que funcione corretamente. FILE, IMAGE PREVIEW (ctrl + shift + x). Em Format selecione a opção Animated GIF, em seguida clique em ok.

expor

Agora basta salvar. FILE, SAVE. Depois FILE, SAVE AS. Digite o nome que quer que seja salvo, em SAVE AS TYPE escolha a opção Animated GIF e clique em ok.

Tempo de 50 ms

Tempo de 10 ms

Espero que tenham gostado da Ivi professorinha :)

“Este post participa da 1ª promoção do blog Saiba Tudo, que vai sortear um pendrive Kingston de 4GB”.

E agora você já sabe como fazer um gif. :)

Assine nosso feed. É rápido, fácil, grátis e divertido.

Livros


Pesquise preços no Buscapé:

  • Download de cursos de informática
  • Monitores
  • Handheld/Palmtop