Vamos agora seguir um passo a passo bem calmos (eu e você), para aprendermos a criar um banner animado para nosso blog, da hora.
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:
Nenhum comentário:
Postar um comentário
Parabéns. Muito obrigado por comentar.