Aprenda a criar um banner publicitário!

Novo aqui no site? Talvez gostaria de assinar o
RSS feed do site?

Publicado em: 06/05/2007
Área: FireWorks
Visualizações: 8.217
Comentário(s): 3

imprimir envie por e-mail compartilhe
Olá Pessoal !!!! Desculpe a ausência...... agora, voltarei com tudo! rsrs...

Bom, nesta coluna iremos aprender a fazer o Famoso Banner Publicitário, usado para anunciar em outros sites na web e etc...

O Formato que iremos aprender será de 468x60 , más apartir das idéias aprendidas, poderão estar fazendo de todos os tamanhos precisos !

Vamos lá!

Primeiramente crie um novo documento 468x60 :




Agora, crie um rectângulo " 468x60 " com a ferramenta "Rectangle Tool":



Deixe o Fundo sem preenchimento, e a borda com a cor: "#669900" , a borda deve ter " 1 Px"  !




Posicione o Rectangulo da seguinte forma no palco:



Agora, crie um novo rectangulo , com o preenchimento : "99cc00" , sem borda, da seguinte maneira:



E deixa as configurações do mesmo, da seguinte forma:



Bom, o Design de nosso banner já esta pronto ! Agora, vamos a animação !

Primeiramente, abra o painel " Frames " ! ( Window > Frames ) ou ( Shift + f2 ) ! Mas para que isto? Bom, o painel " Frames " é o responsável pela animação "quadro a quadro" !

Agora, ative o painel " Optimize " (Wndow > Optimize ) ou ( F2 ) !

E Em vez de "GIF" Deixe como " Animate GIF " , e com as seguintes configurações :



Pronto, vamos a animação !!!

No Painel "Optimize" selecione o Frame " 1 " e escreva um texto qualquer:



Agora, selecione o frame 2 , escreva outro texto, e assim por diante ! Faça todos os textos ! Seu Painel de "Frames" deve estar mais ou menos assim:




Mas, se você der um "f12" (visualizar) , verá que irá ficar muito rápido a animação! Então, configure seu painel "Frames" , onde está "7" clique 2 vezes e deixe mais ou menos assim:



Ou seja, onde eu coloquei os números mais "elevados" quer dizer que eu quero que demore mais para passar para o outro frame !

Agora, se você fez tudo corretamente, obtera seu resultado perfeitamente como o esperado !

Veja meu resultado:

CLIQUE AQUI!

É isso ae pessoal ! Espero que vocês tenham gostado, e qualquer dúvida entre em contato:

danilo.explorer@superig.com.br, e por favor.. deixe seus comentários!! hehe

Forte Abraço !

Preencha o formulário para comentar:
Nome:*

E-mail:* (não será exibido)

Site: (http://)

Comentário:*

Deseja receber os comentários no e-mail?

Anti-spam: (nova imagem)





   - Publicado em: 07/05/2007 - 15:59

Olá, Amigo esse tutorial não é de seu, gostaria dos devidos créditos para o TutoriaisClube que fez tal tutorial e por favor mensione o altor.

 

   - Publicado em: 07/05/2007 - 19:14

Olá amigo... caso você não tenha prestado atenção, quem fez o tutorial na Tutoriais Clube foi eu.. hehe.. portando.. os direitos autorais são meus! ;) Abraços e mais atenção na próxima.

 

Henrique

   - Publicado em: 18/06/2007 - 20:36

boa cara parabens ae danilo pelo tuto, o cara tem q se preocupar com erros ortograficos infantis, autor com "L" HEHEHEHEHEHEH, ia na escola pegar a merenda rssss

 

Autor da matéria
Danilo Delmondes Bezerra
Técnico de Informática / Webdesigner ... Dando FreeLancer na WEB !

Todas as matérias de Danilo Delmondes Bezerra

Publicidade
Seguir o Oficina da Net
RSS

RSS

RSS
Top matérias do mês
Matérias relacionadas
Tags

© 2005 - 2009 - Oficina da Net - v 4.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.