[Tutorial] Banner nível fácil

Banner são imagens que podem ser utilizadas como anúncios detre várias outras finalidades, elas variam em seu estilo de acordo com o fórum de cada um e pode ser criada a partir de um aspecto comum, divulgação!

Noções Básicas

1º - Definindo a finalidade de um banner:
Banners são imagens que tem por finalidade divulgação, publicidade dentre vários outros tipos.

2º - Definindo o estilo de cada banner:
Existem vários estilos, vou explicar o mais fácil de se fazer.

Elaborar Banner

1º - Abra seu Adobe Photoshop:
Recomendo que seja CS5 ou superior.

2º - Criar "Novo Documento" (Ctrl + N):
Vá em Arquivo > Novo (ou File > New)


3º - Fazendo Backgraund (Plano de Fundo):
Agora é um clique duplo na camada do arquivo que você acabou de criar, para desbloquear a camada.

Areá da Camada: pode se observar que ela está bloqueada

Ao clicar irá aparecer a seguinte janela;


Só clicar em ''OK'' e pronto, a camada já está desbloqueada e pronta para ser utilizada livremente, ela ficará sem o desenho do cadeado.


Neste banner irei usar a cor #CC66CC, e para selecionar a cor dê um duplo clique na ferramenta de cor, que se encontrar no lado esquerdo do menu de ferramentas.

Onde a cor vermelha é a cor do primeiro plano e a cor cinza é a cor de segundo plano.

É o cursor que irá definir a tonalidade da cor

É o cursor que ira definir a cor, observe que ele está na horizontal.

Representa o codigo da cor que você formou, e a cor que irei usar é a que a ilustração acima mostra.

Apos selecionar a cor desejada, selecione a ferramenta Pincel (b) que se encontrar no canto esquerdo do menu de ferramentas, e em seguida pinte a imagem:


4º - Adicionando borda na Camada:
Dê um clique dublo na camada na qual você pintou de vermelho:


Apos clicar, abrirá a seguinte janela:



Essa é a janela responsável por todos os efeitos ou estilo que a camada sofrerá, em seguida faça as seguintes alterações:

Traçado: é o efeito que ira definir as bordas da imagem.

Tamanho: Irá definir a espessura da borda.

Posição: irá definir o modo no qual ela será empregada, existem três tipos; Interna, Externa e Central.

Modo de Mesclagem: é o efeito que será aplicado na borda, e nele contém várias opções, opte normal.

Opacidade: Defini a porcentagem da transparência da borda.

Pronto, já temos um banner com borda.

5º - Adicionando Efeito na camada.
Agora vamos adicionar um efeito bem simples na camada, como segue na ilustração abaixo:

Sobreposição de Degradê: É o efeito responsável por deixar a camada em degradê.

Modo de Mesclagem: Selecione Normal.

Opacidade: Selecione 35% para dar um efeito legal na camada.

Angulo: Deixe o angulo em 90º.

Pronto, já temos um efeito legal no banner:

6º - Adicionando texto ao Banner.
Agora é a parte mais fácil do trabalho, para isso basta selecionar a ferramenta de texto horizontal e adicionar o texto na camada.

No meu caso irei escrever ''[Tutorial] Banner Nível Fácil'' com a fonte Orator Std
O banner ficará neste resultado:

7º - Adicionando efeito no Texto.
Para finalizarmos, vamos dar um acabamento ao texto que inserimos no passo anterior (6º - Adicionando texto ao Banner).
Para isso basta dar um dublo clique na camada do texto em que você inseriu, que no caso é ''[Tutorial] Banner Nível Fácil''


E então abrirá a seguinte janela:
Quando a Janela abrir selecione a opção Sobra Interna, como ilustra a imagem abaixo.

Sombra Interna: É o tipo de efeito que iremos adicionar a camada.

Modo de Mesclagem: Selecione Multiplicação.

Opacidade: Selecione 70%

Ângulo: Selecione 120%

Apos adicionar esse efeito ao texto o seu banner ficará assim:

8º - Salvando trabalho:
Para salvar o seu trabalho, vá em Arquivo Salvar como (ou File Save as).
Escolha um nome para o trabalho e deixe ficar o Formato como "Photoshop (*.PSD, *.PDD)".

Para hospedar na internet abrar o arquivo e salve-o em um formato diferente, lembrando que PNG é quando e tem partes transparentes e JPG é quando não se tem partes transparentes.

• Onde posso hospedar meu banner?
  Existem vários servidores de hospedagem de imagens disponíveis na internet.
  Sugerimos alguns como servimg, imgur e imageshack

• Qual Photoshop foi utilizado neste tutorial?
  Adobe Photoshop CS5.