Buscar
 
 

Resultados por:
 

 


Rechercher Busca avançada

Palavras chave

Últimos assuntos
» Título do tópico
Sex Jan 13, 2017 7:59 pm por Admin

» Novo tópico II - Table dos tutoriais e FAQs
Sab Jan 07, 2017 12:27 am por Admin

» Novo Tópico
Ter Dez 20, 2016 2:20 pm por Admin

» Staff Fórum dos Fóruns
Ter Abr 05, 2016 1:56 pm por Admin

» Teste voto
Seg Set 28, 2015 4:04 pm por VitorC.

» TESTE TUTORIAL
Dom Set 27, 2015 7:54 pm por VitorC.

» Meu segundo tópico
Dom Set 27, 2015 7:36 pm por Holkis

» Teste - análise
Qui Set 24, 2015 9:35 pm por VitorC.

» Botão resolvido
Qui Set 24, 2015 5:50 pm por Sovereign

Dezembro 2017
SegTerQuaQuiSexSabDom
    123
45678910
11121314151617
18192021222324
25262728293031

Calendário Calendário


TESTE TUTORIAL

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

TESTE TUTORIAL

Mensagem por Holkis em Dom Set 27, 2015 7:44 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.





© Fórum dos Fóruns & Unleashed


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Banner - Nível Fácil
avatar

Holkis
Meriteiro
Meriteiro

Mensagens : 3
Pontos : 5
Reputação : 0
Data de inscrição : 27/09/2015

Ver perfil do usuário

Re: TESTE TUTORIAL

Mensagem por VitorC. em Dom Set 27, 2015 7:47 pm

acho que tinha que criar outro formulario de postagens para tutos

pois esse tá meio feio.. nao?

VitorC.
Artmeiro
Artmeiro

Mensagens : 6
Pontos : 10
Reputação : 2
Data de inscrição : 22/09/2015

Ver perfil do usuário

Re: TESTE TUTORIAL

Mensagem por Holkis em Dom Set 27, 2015 7:49 pm

Para este tema, ficou feio mesmo o padrão.
avatar

Holkis
Meriteiro
Meriteiro

Mensagens : 3
Pontos : 5
Reputação : 0
Data de inscrição : 27/09/2015

Ver perfil do usuário

Re: TESTE TUTORIAL

Mensagem por VitorC. em Dom Set 27, 2015 7:54 pm

irei fazer uma base para tutoriais, ele irá se associar ao nosso guia

VitorC.
Artmeiro
Artmeiro

Mensagens : 6
Pontos : 10
Reputação : 2
Data de inscrição : 22/09/2015

Ver perfil do usuário

Re: TESTE TUTORIAL

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


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

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5