Pessoal fique procurando algum tutorial ensinando a fazer um gif animado no FireWorks melhor, mais não achei! Então peguei o melhorzinho no youtube.
E para facilitar peguei um tutorial pronto no site para acompanhar o vídeo:
Tutorial escrito:
Abra o painel Optimize. Se ele não estivar aberto ou visível, tecle F6;
Clique no botão indicado pela seta na figura abaixo para abrir um menu suspenso.
É neste menu que você informa ao FW o tipo de arquivo gráfico a salvar.
Escolha Animated GIF
![\"\"](\"http://3.bp.blogspot.com/_N-JWeGTzR30/R54hiXtFZKI/AAAAAAAAAw0/EEBwvCICg_g/s1600-h/fazendo+gif+1.gif\")
::Escolhendo o número de vezes que sua GIF vai \”rodar\”::
Você pode definir o número de vezes que sua animação \”roda\” escolhendo quantos LOOPS ela vai cumprir, logo que a página for carregada.
O FW dá opções de 1 – 2 – 3 – 4 – 5 – 10 – 20 vezes ou para sempre, sem parar (Forever)
Abra o painel Frames. Se ele não estivar aberto ou visível, tecle Shift + F2;
Clique no triangulozinho indicado pela se
ta na figura abaixo para abrir um menu
suspenso.
É neste menu que você informa ao FW o número de loops da sua GIF animada.
Escolha Forever para sua GIF ficar funcionando o tempo todo.
![\"\"](\"http://2.bp.blogspot.com/_N-JWeGTzR30/R54hjHtFZLI/AAAAAAAAAw8/dhsP59t_-is/s1600-h/fazendo+gif+2.gif\")
::Definindo uma velocidade para sua GIF::
Você pode definir a velocidade da sua animação no painel Frames.
Clique em cima de Frame 1 (primeiro frame) para selecioná-lo.
Com a tecla Shift pressionada cliq
ue em cima do último frame (no caso da figura Frame 4)
Com isto você selecionará todos os frames e mudará a cor do fundo para a cor azul, como mostrado abaixo.
![\"\"](\"http://2.bp.blogspot.com/_N-JWeGTzR30/R54hkHtFZMI/AAAAAAAAAxE/IbcQOoSrRJM/s1600-h/fazendo+gif+3.gif\")
Com todos os frames selecionados clique sobre um dos números que aparecem a direita de cada frame (no caso da figura: número 7). Este número define o tempo de cada frame em centésimos de segundo.
Ao clicar sobre o número abrir-se-á um janela para você escolher um tempo a seu gosto.
Eu escolhi 10 na figura abaixo. Escolha 30, 80, 100, 2, 1 e teste a GIF para você perceber como acelera ou retarda a animação.
Não esqueça de deixar marcada a caixinha \”Include when exporting\”
![\"\"](\"http://1.bp.blogspot.com/_N-JWeGTzR30/R54hm3tFZNI/AAAAAAAAAxM/xeUQb6Jlp3c/s1600-h/fazendo+gif+4.gif\")
Nota: Mostrei como alterar o tempo de todos os frames da animação de uma só vez.
Você poderá alterar os tempos dos frames ou de grupos de frames individualmente obtendo por exemplo, um efeito de acelerar e em seguida desacelerar na GIF, ou de \”pulos\” na GIF.
::Testando a GIF::
Você não precisa visualizar no navegador (teclar F12) para testar a GIF animada.
O FW tem no rodapé de canvas um botão player para a GIF.
Veja abaixo:
![\"\"](\"http://4.bp.blogspot.com/_N-JWeGTzR30/R54hnntFZOI/AAAAAAAAAxU/JzKSEtTVQEM/s1600-h/fazendo+gif+5.gif\")
Créditos do tutorial escrito: http://www.maujor.com/