[Tutorial] Banner nível fácil

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

avatar
Admin
Administrador
Tempo Online : 176d 8h 9m 37s
Mensagens : 693
Reputação : 3
Ver perfil do usuário http://bestweb.forumais.com

MensagemAdmin em Qua Out 05, 2016 4:26 pm

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!

--> Tutorias gráficos <--
Banner - nível fácil

Noções Básicas

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

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

Elaborar Banner

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

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


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


Arrow 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:


- 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.

- 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:

- 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:

- 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:

- 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.


--> FAQ do Tutorial <--
Banner - Nível Fácil

  • 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.

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum