Com o fireworks 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
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
0 comentários:
Postar um comentário