• Dicas de ferramentas para blogs

    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


    0 comentários:

    Postar um comentário

    Opa! Você decidiu comentar? Parabéns! Muito obrigado!

    Envie ao Google+

     

    Diretórios de Blogs

    Obrigado por Votar no Aabaca Dicas

    Top Technology-Internet Sites Top Blogs
    Classifique o nosso site
    no novoBR.com

    #Compartilhe

    Agregadores de Blogs

    Agregador de links – Atualizado constantemente no decorrer do diaColmeia: O melhor dos blogs Aabaca Dicas - Link Irado divulga seu blogSeus links em um só lugar!