Tutorial Photoshop – Banner para site

Antes de tudo, crie um novo documento no Photoshop com um tamanho pequeno, de 400×400 pixels. Depois de criar um novo documento, preencha o fundo com uma cor cinza escuro, ou um gradiente escuro. As cores utilizadas neste tutorial foram #222222 e #131416. Agora aplique os seguintes filtros: Filter>Noise>Add Noise, Filter>Brush Strokes>Spatter e Filter>Render>Lighting Effects.

Vamos criar a forma da bandeira? Crie uma nova camada de em Layer>New>Layer e faça uma seleção usando a ferramenta Rectangular Marquee Tool. Você pode usar o tamanho que quiser, mas utilizamos um tamanho pequeno de 220×110 pixels.

Agora preencha sua seleção com um gradiente vermelho com as cores #d02223 e #650b0b.

Agora vamos adicionar um destaque. Crie uma nova camada, em seguida, pegue a ferramenta Pen Toll e desenhe um caminho na sua tela semelhante mostrado abaixo. Com a ferramenta Pen ainda ativa, clique com no seu caminho e vá em “Make Selection”, use as configurações padrão. Agora você terá uma seleção ao invés de um caminho.

Usando um pincel grande e macio, com uma escova (Brush) faça algo como isto:

Na imagem acima, foram apagadas as partes de fora das bordas depois, utilizando um pincel grande e macio, apagadas as bordas um pouco., Para misturar sua camada de escovação com o gradiente de fundo, mude o modo da camada de escovação para Soft Light ou Overlay, e diminua a opacidade se necessário.

Usando os mesmos métodos acima, crie um efeito como este:

Agora vamos ao texto. Com a ferramenta Horizontal Type Tool, clique na tela e escreva o texto. No nosso exemplo, utilizamos a fonte South Park:

Para concluir o texto, aplique o estilo de camada Drop Shadow, com as seguintes configurações:

Drop Shadow

Agora adicione alguns textos menores, abaixo do texto principal, e aplique o mesmo estilo de camada aplicado anteriormente, com as mesmas configurações:

Para finalizar, você poderá adicionar alguns efeitos simples como Scanlines e grunge, para ter um resultado como este:

Faça o primeiro comentário a "Tutorial Photoshop – Banner para site"

Comentar

O seu endereço de email não será publicado.


*