Você está na página 1de 3

Criando Gifs Animados

Quem pensa que fazer gifs animados é um bicho de sete cabeças esta enganado,é
muito fácil,principalmente se você usar o fireworks...
Com ele você trabalha usando "Frames",e em cada frame você põe uma imagem ou
texto,então quando você rodar seu gif o fireworks vai ler essas "Frames" uma por uma
e vai exibir o texto ou a imagem contida nela na velocidade que você definir.Bom vamos
começar.Inicie com um novo documento. Para aparecer o painel frames,vá em
"windows" e marque a opção "layer" na barra de menus ou precione "Shift + F2"

Neste tutorial vamos fazer um gif de texto,então eu quero que apareça a seguinte
mensagem "Visite sempre o Fwonline",mas eu quero que ele apareça primeiro
"Visite sempre" e depois "o Fwonline”,veja como vai ficar abaixo.

1º passo: Você devera criar duas "Frames" uma para o primeiro texto e outra para o
segundo,por padrão do fireworks,quando você cria um novo documento ele já vem uma
uma Frame,então como queremos duas,crie apenas mais uma.

2º passo: Clique no "Frame1" e com a ferramenta "Text" escreva no palco com


qualquer tamanho "Visite sempre".

4º passo: Seu gif já esta praticamente criado,mas para que ele não fique muito rápido
e nem muito lento,você poderá definir o tempo dele,para fazer isso clique duas vezes no
numero que tem ao lado do frame e altere para um numero que você deseje,quanto
maior for o tempo mais lenta vai ser sua gif.no caso deste exemplo eu usei "50".Obs:
Defina o tempo em todas as "Frames" do seu gif.
5º passo: Pronto agora basta você clicar no botão play que fica abaixo do palco para
visualizar como ficou sua gif,e exportar para .gif para você por ela no seu site.Obs: Para
que sua gif funcione com animação,clique em "File">"Export Preview" ou
"Ctrl+Shift+X" e exporte ela como "Animated Gif".

Ferramenta para rodar sua Gif

Exportando para Gif Animado

Para que sua gif fique certinha,recomendo que você alinhe os dois textos em um lugar
só,e também apare a tela para que seu gif fique do tamanho correto,para aparar a tela
aperta "Ctrl + Alt + F" e para alinhar vá na barra de menus "Windows" > "Align"
veja baixo o painel:
Clique no Botão "To Canvas" para poder alinhar qualquer coisa dentro do palco,em
align você tera varias opções de alinhamento,basta você escolher uma desejada,escolhe
o mesmo tipo de alinhamento para os dois textos das duas "Frames",recomendo que
você alinhe com os dois tipos que estão marcados com a bolinha vermelha,na imagem
acima.

Se você quiser fazer uma gif com figuras é simples,basta substituir os textos pelas
imagens,e se precisar criar mais Frame para deixar mais completa sua interatividade
crie a vontade.

Você também pode gostar