Criando um Banner

[GuilhermeLeobas 0]

Olá a todos, hoje vou ensinar a criar um banner.

 

Criando um Banner

• Dificuldade = Intermediario
• Software = Adobe Fireworks
• Preview =

   

  1. - Crie um documento de 446 x 103 → Com a ferramenta Rectangle Tool ( U ) , faça um retangulo com as dimensões de 446 x 101 → Aplique um efeito Gradiente_Linear com as cores #CDE476 & #5E9B0D → Pegue a ferramenta Gradiente Tool ( G ) e utilize ela da esquerda para a direita no Retangulo.

  

   

  2. - Faça o download das 2 Imagens abaixo, uma vetorizada e a outra normal, lembrando que a vetorizada está em .psd, e so abrir a imagem no Fireworks e jogar no seu banner.

  http://www.easy-share.com/1903571012/Imagens - banner.rar

   

  3. - Pegue agora a Pen tool e faça uma forma geometrica como mostra a imagem abaixo → Com a forma geometrica feita, adicione uma cor Branca nela e deixe a opacidade em 15

  

   

  4. - Pronto, agora e so você escrever uma frase com a fonte que você quiser ( eu usei as fontes Times New Roman & Agency FB no tamanho 40 & 15

Simples não, ate a proxima.

 

 

Editado

 

Correção, a imagem faça 15º graus para a esquerda so que e para a Direita

[AcquaBlue 0]

Muito bom killer!

 

Você poderia ensinar como fez a Bolinha de dentro do Button!

 

Abrçs!

;D

[GuilhermeLeobas 0]

Existem 2.

 

Uma o google me deu uma ajudinha.

A outra foi uma "vetorização"

[AcquaBlue 0]

Tai a dica pro proximo tutorial!

 

;P

Abrçs!

[GuilhermeLeobas 0]

Proximo tutorial, eu pensei em algo para vetorização ou a montagem de um layout.

 

1° pergunta

Cade a parte de Css do fw?

[AcquaBlue 0]

Como assim?

[GuilhermeLeobas 0]

Em um topico aqui da Imasters, falaram que poderia usar Css no Fw.

 

Quero saber aonde eu posso usar Css.

[AcquaBlue 0]

Basta exporta-los como HTML & CSS! ;)

[GuilhermeLeobas 0]

Vlw, ainda não testei, estou sem tempo :D