Pages

Ads 468x60px

quarta-feira

Criando Banners no Fireworks

Como vai galera?!
Andei meio sumido ocupado como sempre, mas esta semana estou de volta, trazendo a vocês mais um artigo simples, porém eficaz.
Aprenderemos a fazer banners, utilizando o Fireworks MX 2004, mas pode ser feito também no 8, ok?
Vamos deixar de papo né? vamos trabalhar!!!
Primeiramente vou colocar aqui as medidas oficiais de banners, que são utilizadas na internet (padrão), é importante ficar por dentro....
Medidas de banners (padrão web):
Visitem o Link a seguir para ficar sabendo.
Padrões das Medidas de Banners
Sabendo disso, vamos utilizar um dos mais usados hoje pelos sites na web, FULL BANNER, > Medidas: Horizontal: 468 x 60 ok?
1 - Crie um novo arquivo com as medidas acima 468x60, fundo transparente

2- Agora vamos importar uma imagem de sua preferencia para o arquivo que criamos, se não sabe importar, basta ir ao menu File e clicar na opção Import ou utilizar as teclas de atalho CTRL+R.
veja aqui minha prévia.

3- Feito isso, poderemos começar o trabalho de tipografia, tenha em mente que, quanto mais simples for sua tipografia melhor será o trabalho final apresentado, a pessoas que enfeitam muito nessa parte e acabam pondo a perder um bom banner, pela quantidade de efeitos aplicados...
Eu utilizei aqui, a fonte BASE 2, escrevi a palavra banner com tamanho 26px, adicionei um contorno a fonte preto de 1px, depois dupliquei, apliquei um Modify>Transform>Flip to Vertical e tabém Modify>Transform>Distort, deixando a opacidade desta camada em 20%, vejam como está ficando.

Reparem que, com pouca coisa feita em tipografia já deu um aspecto muito bom ao banner, continuando...
4- Vamos adicionar uma borda, para isso com a ferramenta Retangle , faça um retangulo do tamanho do banner e aplique um contorno de 4px de largura, Pixel-soft, cor Branco, depois duplique este retangulo e agora coloque 2px de largura, pixel-soft cor Preto, pronto você acaba de construir uma borda dupla...

O simples pode ser muito bonito
5- Agora vamos dar um incrementada no lado direito deste banners, só para fins estéticos, escrevi mais algumas coisas do lado direito, isso fica a seu critério...
image
para fazer o efeito de iluminação do lado direito da imagem, basta criar um Elipse com Eliptical Tool , utilizar o filtro Filters>Blur>Gaussian Blur com raio de 10 colocar a opacidade da camada em 30% e o mode em Lighten...

Enchendo Linguiça.                                                                                                                                                                                                                                                                                                                        O importante neste tipo de trabalho é o fim ao qual se destina, você pode utilizar de sua criatividade, aliada a este artigo e mais algumas imagens para fazer coisas bem interessantes, estarei postando aqui outras maneiras de construir banners, inclusive animados

0 comentários: