veja como fazer um banner animado



Crítica escrita por:DouglasFreitas
1. Abra o Fireworks MX. Clique em Arquivo e depois em Novo.
2. Informe: Largura=120; Altura=60; Resolução=72. Cor da Tela: Em Personalizar, escolha a cor vermelha.
3. Clique em OK.
4. Com o lado direito do mouse, clique sobre o desenho. Localize Ampliação. Aumente o tamanho para 300%. Isto é só para facilitar a digitação. O banner continua 120x60.
5. Localize Molduras e Histórico, lado direito, rodapé. Clique no sinal + para criar molduras. Surgem: Moldura 1, Moldura 2, Moldura 3. Neste exemplo, vamos parar na Moldura 3.
6. Clique na Moldura 1. Em seguida, no lado esquerdo, letra A, ferramenta Texto. Na janela Propriedades, rodapé, altere o tamanho da fonte=30, cor da fonte=branca.
7. Clique, esquerdo do mouse, sobre o desenho, no canto superior esquerdo. Arraste o mouse até o canto inferior, lado direito e solte-o. Surge um contorno azul no desenho. Escreva: Aabaca.
8. Clique fora do desenho. Em seguida em Selecionar, seta preta. Clique sobre o texto. Centralize-o. Depois clique fora do desenho. Gostou? Se não gostou, altere tudo. Isto é, repita os passos de 6 até 8.
9. Clique na Moldura 2. Depois, clique na Ferramenta Texto e sobre o desenho. Escreva: Dicas para Blogs. Tamanho da fonte: 20. Selecione Blogs, lado direito do mouse, depois clique em Alinhamento centralizado, rodapé. Clique fora do desenho. Ficou bom?
10. Clique na Moldura 3, lado direito, rodapé. Em seguida, na ferramenta Texto A. Com Alinhamento central marcado, escreva: Visite!. Clique fora do desenho. Em seguida, na seta preta (Selecionar). Clique sobre o texto e arraste-o para o centro.
11. Em Otimizar, lado direito, no alto, selecione Gif animado.
12. Em Moldura 1 , rodapé, clique duas vezes sobre o número 7. Escreva: 100. Repita esse procedimento nas molduras 2 e 3, alterando de 7 para 100. Agora vamos visualizar no navegador. Tecle F12. Ficou bom?
13. Agora, vamos exportar o desenho. Em Arquivo, clique em Exportar. Na janela, escreva o título: aabaca.gif e clique em Salvar.
14. Abra o arquivo que você salvou. O banner tem de estar lá. Clique sobre ele, lado direito do mouse, e selecione Abrir com. Abra com um navegador da lista. Para ver dados sobre o banner, clique com o lado direito e selecione Propriedades.
15. Considerações finais: esse é um banner simples, porém objetivo. É leve, pesa 4 kb e fácil de abrir. Dúvidas? Escreva-as nos comentários.

Como criar banner animado Originalmente publicado no Shvoong: http://pt.shvoong.com/internet-and-technologies/blog/1981877-como-criar-banner-animado/

Comentários