Como criar gifs animados no fireworks

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.

Explore posts in the same categories: Uncategorized

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s


%d blogueiros gostam disto: