22 agosto 2009

Criando animação para banner Fireworks


Bom Gente neste tutorial vou ensinar como criar animação para banners no fireworks ,
Eu estou usando o Fireworks CS3 mais serve para todas as versões do Fireworks .
Bom e legal você aprender fazer banners para ter um banner do seu blog/site e alem de tudo e muito fácil !
Vamos La então .
Crie um novo Documento apertando CTRL + N , ou então va em File > New .
Escolha as extensões/Tamanho que deseja que o seu banner tenha , paraa banners de divulgação de blog Eu recomendo 120 X 60 .
Para escolher a cor do fundo clique em CUSTOM e escolha a cor que deseja para o fundo do seu banner .
Após feito isso você terá varias coisas para colocar em seu banner , mais e a animação . como Faço ?
E muito simples a duas formas de se Animar um banner , você pode simplesmente criar uma nova Frame .
Bom eu não vejo vantagem em criar uma nova frame porque quando se cria uma nova frame ela aparece toda vazia , a forma que eu costumo usar e diferente mais acho mais interressante !
E fácil va na aba das Frames e clique no ícone no canto da tela , ira aparecer um menu , clique em duplcate Frame
, e escolha quantas vezes deseja duplicar a frame .
Bom e mais ou menos isso Depois você muda a animação de cada frame da forma que achar melhor , assim você terá um banner animado .
Bom mais para seu banner continuar animado quando salvar va em.
File>Save as
, após isso abrira uma nova tela , escolha o nome que deseja para o seu banner , e save as type , escolha a opção Animated Gif
, pronto seu banner estará salvo e pronto para ser usado , Qualquer duvida deixe um comentário .
Pedidos de tutoriais , entre em contato conosco pela área de Contato .
Assista o vídeo abaixo e veja o banner que eu fiz para o meu meadd.com.

9 Comentarios:

Dessa disse...

Como fazer a fto ficaar do formato do circuloo ?
elee passa muito rapidoo e eu nãao concegui acompanhaar "/

Rebolati2on disse...

@dessa fiz uma video aula explicando este assunto , logo logo eu posto ela aqui o blog .
mais se tiver com muita pressa pode acompanhar no iutubi .

http://www.youtube.com/watch?v=u_zgfLHuWvw

gustavo disse...

o rebolation come que faz pra recortar as imagens

pra fica so ela e to aprendendo a fazer banner tudo que eu aprendi foi graça a seus videos valeu

e adiciona mais ums videos de como criar um banner

so que adiciona uns daora fl ...

gustavo disse...

todos seus banners que voce cria voce cria no adobe fireworks cs 3 ?

Rebolati2on disse...

@Gustavo , eu tbm crio no Photoshop Cs2 , Cs3 , Cs4 , mais não gosto muito , muito trabalho , mais os banners são de alta quaidade .
no segundo video eu mostro como recortar foto .

dehh disse...

o rebolation queria saber como vc faiz aquele negocio com a foto eee tbm com esses seus videos q estou consequindo pela 1 vez fazer um banner descente

»♥« £¡ñð»♥« disse...

Cara eu keria saber se tem como vc postar um video mais lento e com audio!esse ai tbm é muito bom mais nao da pra acompanhar!vlws aew

Anônimo disse...

estou construindo um site em firewors mx, mas não consigo colocar animação neste site! Fiz a animação separada e salvei como animação.gif...ai eu entro na pagina onde essa animação vai ficar, ai eu importo mas não funciona como animação.... o que eu estou fazendo de errado?

D13G1NN disse...

Muito boa a matéria. Parabéns.
Estou cursando o fireworks no CursoADV, e tenho procurado sempre alguma coisinha a mais para melhorar, adorei o site. parabéns

Postar um comentário

Leia as Regras
Seu comentário precisa ter relação com o assunto do post.
- Em hipótese alguma faça propaganda de outros blogs ou sites.
- Desligue o CAPS look.
- Caso queira fazer uma pergunta que não tenha a ver com o conteudo , usa a area de Formulario
- Depois de ler isso tudo ? comente comente a vontade .

 

Rebolati2on - Dicas de Web 2.0 Design by Insight © 2009