Como Criar Banners Animados com o Firefox MX

Tutorial com dicas de como criar banners animados usando a poderosa ferramenta Fireworks MX



Vamos agora seguir um passo a passo bem calmos (eu e você), para aprendermos a criar um banner animado para nosso blog, da hora.


como criar banner animado



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, e escolha a cor vermelha (caso você queira seguir este exemplo).

3. Clique em OK.

4. Com o lado direito do mouse, clique sobre o desenho.

Localize Ampliação.

Aumente o tamanho para 300%. Esse procedimento é só para facilitar a digitação. Pois o banner deverá ser de 120x60 pixels.

5. Localize Molduras e Histórico, lado direito, rodapé.

Clique no sinal + para criar molduras.

Surgem as opções: Moldura 1, Moldura 2, Moldura 3.

Neste exemplo, em especial, vamos parar na Moldura 3.

6. Clique na Moldura 1.

Em seguida, lado esquerdo, na ferramenta Texto A.

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 do modelo que criamos? Se não gostou, altere tudo. Isto é, repita os passos de número 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 o número: 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 deverá 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: O banner que criamos é simples, porém

objetivo.

Devemos considerar também que é leve (pesa apenas 4 kb), e é fácil

de abrir.

Dúvidas? Escreva-as nos comentários.

Vaja abaixo o banner que acabamos de criar:





aabaca dicas



Leia Também

Como Criar Banners Animados com o Firefox MX Como Criar Banners Animados com o Firefox MX Reviewed by José Guimarães on 11:43:00 Rating: 5

Nenhum comentário:

Parabéns. Muito obrigado por comentar.

Envie ao Google+

Tecnologia do Blogger.