Buscar:
 » 3D
 » Corel Draw
 » CSS / Estilos
 » Fireworks
 » Flash
 » Gimp
 » HTML / XHTML
 » Illustrator
 » Paint Shop Pro
 » Photopaint
 » Photoshop
 » Tableless
 » Teoria
 » Web Design
 » Ajax
 » Algoritmos
 » ASP
 » ASP.NET
 » C/C++
 » CGi / Perl
 » Delphi
 » Java
 » Javascript
 » JSP
 » PHP
 » Python
 » Ruby
 » Wap
 » XML
 » Access
 » MySQL
 » Oracle
 » PostgreSQL
 » SQL Server
 » Dreamweaver
 » Front Page
 » GoLive
 » Hardware
 » Internet
 » Linux
 » Redes
 » Servidores Web
 » Windows
» Tutoriais Clube » Colunas » Photoshop
Patrick - DeLyToO -, colunista do Tutoriais Clube.
...
» Banner de Divulgação
Por Patrick - DeLyToO -, em 26/02/2007.
1 - Vamos abrir um novo documento 468x60
( padrão de banner, existem outros padrões é claro este é só um
deles. ). Aplica-se ao fundo um gradient para isso vá no
blend opitions e selecione GRADIENT OVERLAY, adicione um gradient
da cor que você quiser, com as configurações originais e com Angle 180°.
Vai ficar parecido com isso.



2 - Agora crie uma nova layer ( Ctrl + Shift + N )
e coloque qualquer preenchimento nela ( Shift + f5, pode escolher
qualquer cor ), após feito isso com a ferramenta Eliptcal marque toll
faça uma seleção parecida com a seleção da imagem abaixo e de Delete.



3 - Na parte da seleção que sobrou adicione
Drop Shadow e Inner Shadow ( as configurações
estão na imagem abaixo ) e adicione tambem um gradient da cor que
quiser com angle de 90 °.

Link da Imagem

Adicionando esses Blend Opitions seu banner deve estar com esta aparencia:



- Caso tenha seguido os passoas acima você
já terá uma base do que é o banner, o que vem ai agora é iluminação
e tipografia que vai do gosto de cada um. A iluminação pode ser feita
utilizando a pentoll porém essa ferramenta é para aqueles que já tem
um pouco de conhecimento em photoshop pois ela não é tão facil
de se manuzear, vou mostrar uma forma facil de se fazer a iluminação.
Crie uma nova layer, faça com a pentoll o formato de uma ?onda?
simples e coloque essa layer com opacity baixa, entre 30 e 10%,
adicione tambem um stroke de 2 px com uma cor pouco mais
escura que o BG para destacar..
O resultado é esse:



Mostrei a vocês o "esqueleto" do banner, pois ainda há algumas
coisas a serem adicionadas nele. Não lhes mostrei a animação,
tipografia pois depende de site para site, cada um tem um logotipo,
um tipo de letra e fica sendo muito pessoal o resto, fiz um exemplo
de como pode ficar o banner de divulgação.



Bom pessoal esse foi meu primeiro artigo aqui na Tutoriais Clube,
espero que tenham gostado do tutorial, qualquer dúvida enviem
para meu E-mail, ou
visitem meu Site.

Adicionar tutorial ao favoritos Enviar o tutorial por e-mail
» Todos os artigos de Patrick - DeLyToO -
 1. Banner de Divulgação (26/02/2007)
Efetue o login:
Cadastre-se...
 » Página inicial
 » Fórum
 » Notícias
 » Newsletter
 » RSS Feed
 » Publicidade
 » Expediente
 » Contato
 » Envie seu tutorial
 » Corel
 » Fireworks
 » Hardware
 » Internet
 » Illustrator
 » Javascript
 » MySQL
 » Photopaint
 » Photoshop
 » PHP
 » Ruby
 » Web Standards
 Amigos WebMasters
 Casa dos Webmasters
 Crie seu Web site
 Dicas e Tutoriais
 Dicas Web
 Oficina da Net
 OnMasters
 PontoXP
 TagsPage
 W4Brasil