Criar Banner pelo FireWorks

ABRA O FIREWORKS
CrieUM NOVO DOCUMENTO , através do menu Arquivo(FILE), Novo, um novo arquivo com as seguintes configurações:
TAMANHO PADRÃO PARA BANNER DE PARCERIA
» Largura: 120 pixels.
» Altura: 60 pixels.
» Resolução: 72 dpi.
» Cor da tela: Branco.


WWW.DICASPARABLOGGER.BLOGSPOT.COM

A idéia de se criar um banner pelo Fireworks é o mesmo que a no Flash.

Vamos Trabalhar com quadros "ou frames" para a animação.

Criamos a area d0 primeiro quadro, o qual servirá como um modelo para os demais.

Ao criar o novo documento, terá sua área de trabalho da seguinte forma

WWW.DICASPARABLOGGER.BLOGSPOT.COM

Agora vamos fazer a Animação

Acesse o menu Janela (windows), Molduras (Flame) ou o atalho do teclado Shift+F2.



WWW.DICASPARABLOGGER.BLOGSPOT.COM

Surgirá a janela Molduras (flames)

Photobucket

Nesta janela visualizamos as molduras (ou flames) criadas e logo a direita temos um número, neste caso o 7.

Este número representa a velocidade na qual a animação será executada.

Portanto, mude este valor para 100 à 160 (fica ao seu criterio pois é a velocidade dos flames eu uso 110).

Para mudar tal valor, basta dar dois cliques sobre o numero 7.

Abrirá uma janela onde deve informar o novo valor desejado.



Photobucket

Agora vamos criar os outros quadros( OU FLAMES). A mais fácil é clicar sobre a Moldura 1 e arrastar até o botão Moldura nova / duplicada, aqui representado pelo sinal de MAIS.

CADA FLAME VAI RECEBER UMA IMAGEM DIFERENTE, PARA QUE A CADA MUDANÇA DE FLAME, O BANNER FIQUE ANIMADO,

ENTÃO SE O SEU BANNER TIVER 3 IMAGEM

Photobucket

VOCÊ DEVERA CRIAR 3 FLAMES

CADA FLAME VAI RECEBER UMA IMAGEM

Photobucket



WWW.DICASPARABLOGGER.BLOGSPOT.COM WWW.DICASPARABLOGGER.BLOGSPOT.COM

Para inserir a imagem do Flame, clique no 1 Flame (ou moldura), vai em Arquivo, Importar, então importe a primeira imagem.

DEPOIS DE TER COLOCADO TODAS AS IMAGENS NO SEUS DEVIDO FLAME

Nosso banner está pronto!

Só falta exportá-lo para conferir o resultado.

Acesse o menu Janela (WINDOWS), Otimizar ou o atalho do teclado F6.

WWW.DICASPARABLOGGER.BLOGSPOT.COM

Altera a propriedade Exportação de formato de arquivo para GIF animado.

Acesse o menu Arquivo, Exportar... ou o atalho do teclado Ctrl+Shift+R

WWW.DICASPARABLOGGER.BLOGSPOT.COM

Na janela Exportar será aberta.

Escolha o diretório que deseja salvar seu banner e no campo Nome do coloque banner.

Salve como SOMENTE IMAGEM

WWW.DICASPARABLOGGER.BLOGSPOT.COM

PRONTO O BANNER ESTA FEITO

ESSE BANNER FOI FEITO ASSIM

  1. gravatar

    # by Anônimo - 9 de maio de 2009 às 05:13

    Brigadao, cara!!
    explicação simples e eficaz...
    gostei mt

    agora eh soh aperfeiçoar


    abraz!