[TUTORIAL] Banner Personalizado

Item: [TUTORIAL] Banner Personalizado
Rating: 1

por Fou-Lu 01.04.18 2:34

Crie seu próprio banner personalizado

Neste tutorial você ira aprender o processo de criação de um banner para uso pessoal.

Aprenda a criar um banner para seu fórum
com PhotoShop

TUTORIAIS, DICAS E ASTÚCIAS

Passo

Abra o seu photoshop e crie um novo documento, usarei as dimensões 800x280.

(carregue na imagem para aumentar)
TUTORIAL - [TUTORIAL] Banner Personalizado EOyluBA

Passo

Com o novo documento criado, duplique a layer 0 9 vezes. Selecione a sua tabela de cores e preencha cada camada com uma cor diferente, adicione a máscara de camada em todas as layers para finalizar este passo.

(carregue na imagem para aumentar)
TUTORIAL - [TUTORIAL] Banner Personalizado U51PUGn

Passo

Chegou a hora de criar alguns objetos no projeto. Na layer 2, selecione a mascara de corte e com a pen tool começa a desenhar o que você quiser. Eu irei desenhar uma linha. Na layer 3 desenhei um triângulo. Em cada layer desenhei uma forma diferente que demarcará alguns pontos do banner que vou dividir por cores. Esse passo depende muito da criatividade.

(carregue na imagem para aumentar)
TUTORIAL - [TUTORIAL] Banner Personalizado E7scLZZ

Passo

Neste passo vamos trabalhar em cima do esqueleto do projeto. Vou usar um tema relacionado a mangás, você pode trabalhar com o tema do seu fórum, com as imagens prontas vamos adiciona-las ao projeto. Adicione a primeira imagem acima dalayer 1 e posicione de uma forma que encaixe certinho no banner, faça o mesmo procedimento acima da layer 8.

Com as imagens adicionadas ao projeto, selecione ambas e altere o modo de mesclagem para overlay e opacidade para 50%.

(carregue na imagem para aumentar)
TUTORIAL - [TUTORIAL] Banner Personalizado 4qaDiYj

Passo

Crie uma nova layer acima da layer 9 e crie uma nova forma em modo overlay e use a cor que preferir. Adicione uma textura de papel rasgado adicione uma tipografia.

(carregue na imagem para aumentar)
TUTORIAL - [TUTORIAL] Banner Personalizado C6QixWO

Passo

Este passo e opcional, nosso banner esta praticamente concluído e agora vamos aplicar alguns efeitos para da uma aparência mais legal. Selecione a imagem acima da layer 1 e vá em Layer ->New Fill Layer -> Patthern e escolha uma pattern legal, no modo de mesclagem ponha color Dodger. Não esqueça de ir em Layer -> Create Clipping Mask e faça o mesmo procedimento com a imagem posicionada acima da layer 8.

Crie um pattern diferente seguindo os mesmo passos anteriores, eu escolhi um pattern que simulasse grades e combinou com o tema, esses patterns personalizados estão disponíveis em sites como Deviant Art e Google.

(carregue na imagem para aumentar)
TUTORIAL - [TUTORIAL] Banner Personalizado HMZK2hQ

Resultado: