[Tutorial] Banner nível fácil
Página 1 de 1 • Compartilhe
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
Banner - nível fácil
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. |
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. |
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º. |
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% |
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.
--> FAQ do Tutorial <--
Banner - Nível Fácil
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.
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|