Efeito "grunge" - Simples

[Renato Ribeiro 87]

Créditos

Tutorial: PSDTuts.

Tradução e ajustes: Renato Ribeiro.

 

Como a maioria já sabe, eu uso fireworks, mas navegando pela net achei esse tutorial muito foda ótimo.

Simples, fácil e rápido, sem falar que dá até pra sair algo pelo fireworks utilizando alguns ferramentas iguais e/ou semelhantes.

 

Como o tutorial é em inglês, decidi passar tudo aqui traduzido.

Mas se preferir, o link do tutorial é esse aqui.

 

Neste tutorial, vou mostrar como criar um efeito parecido com "poster grunge". Vamos aprender como fazer alguns elementos parecer um pouco sujo, criar texturas e adicionar alguma profundidade usando shadowns (sombras) e blend (modo de mistura).

 

Parte 1

Crie um novo documento. Nele, adicione ao background uma cor marrom escura.

Parte 2

Defina a cor de fundo para preto e branco para cor de 'primeiro plano'. Selecione a layer do background (cammada do fundo) e vá para Filter> Texture> Texturizer. (Filtro> Textura> Texturizador)

 

Parte 3

Selecione a ferramenta Horizontal Type (tipo horizontal) (T) e type PSD. Selecione a Retangle Tool (ferramenta retângulo) (U) e crie algumas formas, como na imagem abaixo. Após isso, agrupe o texto e os retângulos. Renomeie o grupo de "linhas brancas".

 

Parte 4

Agora você vai rodar a imagem, igual á imagem.

 

 

Parte 5

Agora usando a Pen Tool (ferramenta caneta) (P), crie algumas formas para preencher as lacunas antes do P, S e D. Certifique-se que estas formas que serão criadas, estão abaixo do grupo das linhas brancas. Use amarelo para a primeira forma, vermelho, para o segundo, e azul para o terceiro. Após isto, agrupe as layers das cores e renomeio para "cores" obviamente.

 

Parte 6

Caso você use Photoshop CS3 converta as formas amarelo, vermelho e azul para Smart Filters (filtros inteligentes) e ir para Texture> Texturizer (textura> texturizador) novamente. Aplique o filtro para todas as três formas. Se você não usa a versão CS3, basta aplicar o filtro.

 

 

 

Parte 7

Nesta parte selecione as linhas brancas e usando os Layers Styles (estilos de camada), selecione Drop Shadow (sombra). Depois ponha a camada de texto PSD na frente das linhas.

 

 

Parte 8

Clique duas vezes sobre a camada de texto PSD e na caixa de Layer Style (estilo de camada), selecione Drop Shadow (sombra) mas desta vez vamos fazer uma sombra maior e mais forte. Depois disso, clique com o botão direito do mouse sobre a camada de texto e selecione Create Layer (criar camada). Esse comando criará uma camada apenas com a sombra. Em seguida, vá para Layer> Layer Mask> Reveal All (camada> mascara de camada> revelar tudo) e apague algumas partes da sombra que vão acima das linhas brancas. Faça o texto e as linhas serem o mesmo, ou seja, (agrupe?). "tentei traduzir mas não sei se está correto minha tradução da frase em itálico"

 

Parte 9

Crie uma nova camada com o nome "sujeira". Mude o Blend Mode (modo de mistura) para Color Burn (cor queimada). Selecione preto para a cor de fundo e branco para a cor principal. Vá em Filter> Render> Clouds Render (filtro> render> render nuvens).

 

Parte 10

Você está acabando, só faltam mais 5 partes.

Segure a tecla Command (comando) (Mac) ou Control (controle) (PC) e clique sobre as miniaturas das camadas, o que irá criar seleções a partir das camadas. Com todos os objetos brancos seleccionados, crie uma nova camada e preencha a seleção com branco. Depois disso vá para Texture> Texturizier (textura> texturizador)...

 

 

 

Parte 11

Hora de adcionar efeitos ao PSD. Selecione os objetos branco novamente e crie uma nova camada. Em seguida, vá em Filter> Render> Clouds Render (filtro> render> render nuvens). Depois disso, vá em Image> Adjust> Levels (imagem> ajuste> níveis) e adicione um pouco mais branco para as 'nuvens'.

 

 

Parte 12

Agora vá em Image> Adjust> Hue / Saturation (imagem> ajuste> tom/saturação). Selecione a opção colorize (colorir) e mude 'mover os controles deslizantes' até obter uma cor bege.

 

 

Parte 13

Selecione todas as camadas e agrupe-as. Com a pasta do grupo selecionado, vá para Layer> Add Layer Mask> Reveal All (adicionar camada> máscara> revelar tudo). Agora, selecione alguns "grunge" ou brushs (pincéis) sujos e comece a apagar algumas partes da imagem. Você pode procurar brushes aqui no xtibia, caso não ache, o PSDTuts deixa a sugestão: Brusheezy.

 

 

Parte 14

Usando a ferramenta Horizontal Text (texto horizontal) (T), criae a palavra TUTS. Gire para o mesmo ângulo que o outro texto, perpendicular às linhas. E você pode repetir o filtro Texturizer (texturizador) também.

 



 

Conclusão

Você pode usar esta técnica em vários projetos diferentes, como logotipos, cartazes e cabeçalhos de site da Web, por exemplo. A coisa mais importante, mais uma vez, é brincar com a ferramenta e alterar alguns valores para ver o que acontece, como com o Render Clouds Tool (ferramente de render em nuvens). Desta vez vamos usar esse filtro para criar manchas no nosso projeto, uma abordagem totalmente diferente do que usamos para criar efeitos de iluminação.

 

___

As cores só foram um exemplo, pode usar cores diferentes se preferir.

A tradução origem foi feita no google, porém, mudei várias frases para o melhor entendimento, compreensão e pelos verbos que na maioria saem errados (se perceber, ponha as partes em inglês no google, estára a maioria diferente).

 

Gostou?

+REP foi feito para ser usada! auheaue.

 

Aproveitem este recurso.

Renato Ribeiro,

Abraços!

Editado Maio 18, 2010 por Kyvorgury

[Dj Sky 50]

Muito bom isso cara.

Vai ser muito util.

 

Valew

[moskitinho 164]

O preview é muito bom, ta tudo bem explicado não tem erro. Valeu por trazer conteúdo Kyvo

[Renato Ribeiro 87]

Kyvo não !!

Renato!

AHUEHUEA

Eu já disse!

 

Sim, eu nem sou chegado em tutoriais, além do mais esse foi meu primeiro, só decidi trazer este conteúdo para cá pelo preview mesmo que eu achei interessante...

[gkaonicx72 20]

Gostei do resultado muito bom cara, continue assim.

Mais agora tem que fazer os seus neah? rsrs

Abraços e REP+.