Você está usando Internet Explorer 6, um navegador antigo e com falhas de segurança. Por favor atualize seu navegador.
 
 
content top

Criando Background [BrasilCowboy]

Bom, hoje irei ensinar a vocês a criar um banner semelhante ao do Brasil Cowboy, onde a

intenção do cliente era ter um banner claro, que não forçasse muito a vista de quem está

vendo, e mostrarei o resultado aqui:

1

BACKGROUND

Primeiramente você precisa definir seu palco, no caso trabalharei com 900×300 px.

Depois de ter definido seu palco, crie um quadrado e coloca a cor dele como “#E5E5E5″
3
Abra a imagem a seguir redimencione e coloque no seu palco:

[PEGUE A IMAGEM]

Escolha a posição que melhor desejar e em seguida coloque os efeitos Multiply com o Alpha ou

(Opacidade) com 40%
4
E pronto você tem um Background está pronto!

MENU DE TRANSIÇÃO

Primeiramente você terá que criar dois, um para o número “1″ e outro para o número “2″ onde

o 1 sera uma base Reta e o 2 com um cortado no meio.

Crie um retangulo do tamanho  29×43 px, no “1″ você usará a ferramente “PEN TOOL” para editalo.
Mas antes clique na ponta do quadrado com a ferramenta ”Subselection Tool – Atalho (A)” que vai dexar seu retangulo editaval, logo após clique “pen tool – Atalho (P)” e crie um ponto, na parte supeior do retangululo, e usando a ferramenta Subselection, defina de sua maneira.
6
Depois de pronto os retangulos, coloque um Linear horizontalmente, e reto e coloque as cores iguais as da imagem

7

adicione os efeitos

8

9

Ficara assim

10

Pronto, seu menu de navegação no banner está criado!

11

OVER
Mesma coisa do menu, você precisará cria um diferente, para os número “1″ e “2″, Mas como os

efeitos e o retangulos são os mesmo é só copiar e colar, para deixa-lo diferenciado, puxe um ponto com a ferramenta “Pen tool” para a esqueda uns 5 ou 7 px para dar impressão que está apontando para o produto.
Para ele você usará um linear verticalmente, usando as seguintes cores:

12
E Pronto, depois é só criar os outros colocar no flash, e seu banner estará pronto, com os overs e menus de navegação funcionando!

EFEITO NA FONTE
O efeito que usamos na fonte é simples de fazer também, usamos a fonte CityDMed.
O Linear do texto será colocado da seguinte maneira:

13

Os demais efeitos e informações:
* Tamanho 36
* Smooth Anti-Alias
* Photoshop live effects
    -Drop Shadow
_Color “#232B30″
_Opacity 100%
_Size 5
_Distance 2
_Spread 0
_Angle 120
_Noise 0
   – Bevel and Emboss
_Style: Inner Bebel
_Depth: 100
_Technique: Smooth
_Size: 0
_Direction: Up
_Soften: 0
_Angle: 120
_Highlight: Screen “#A7B5BF” Opacidade 100
_Shadow: Multiply “#000000″ Opacidade 0
ENFEITE e TENTE NOVAS IDÉIAS

Lembrando, você sempre pode tentar fazer algo de diferente em cada banner, trocar efeitos, cores para que nunca seje repetitivo o banner.

Nenhum Comentário »

Nenhum comentário ainda.

RSS feed para os comentários desse post. URL de TrackBack

Deixar um comentário