Street art e graffitti fazem parte da cultura do Abduzeedo e são também meios importantes onde artistas expressam suas ideias. Com isso em mente nós vamos mostrar para vocês como criar um efeito simples de spray usando Pixelmator.

Neste tutorial vamos mostrar como criar um efeito stencil bacana com o logo Squarespace usando brushes e filtros simples. É uma técnica super util e mesmo parecendo fácil, os detalhes são importantes e podem levar um tempo para ficarem prontos.

Passo 1

Abra o Pixelmator e crie um novo documento. Estou usando o tamanho 2560x1440 pixels. Depois disso coloque o logo ou símbolo no centro. Estou usando o logo Squarespace do Dribbble. http://dribbble.com/shots/653082-Official-Squarespace-6-Rebound-Playoff.

O próximo passo é importar alguns brushes. Estou usando T9 Dirty Brushes que voc6e encontra aqui http://psd.tutsplus.com/freebies/brushes/t9-dirty-brushes/ Depois de baixar os brushes apenas abra o arquivo .abr no Pixelmator. Os brushes serão importados automaticamente para o brushes panel.

Graffiti Stencil Effect in Pixelmator

Passo 2

Adicione um novo documento acima das outras layers e com a Paint Bucket Tool (N) preencha a layer com branco. Depois disso vá até Filter>Stylize>Noise. Use 100% em Amount.

Graffiti Stencil Effect in Pixelmator

Passo 3

Vá até Image>Desaturate.

Graffiti Stencil Effect in Pixelmator

Passo 4

Vá até Edit>Free Transform. Redimensione a layer como na imagem abaixo.

Graffiti Stencil Effect in Pixelmator

Passo 6

Crie uma marquee selection do logo que adicionamos no passo 1 clicando na thumbnail da layer pressionando Command. Depois disso crie uma mask na layer com o Noise filter selecionando a layer e indo até Layer>Add Layer Mask.

Graffiti Stencil Effect in Pixelmator

Passo 7

Com a Smudge Tool comece a deformar a mask da layer para criar uns pingos de tinta. Vá ate Layer>Blur>Gaussain Blur. Use 4 pixels em Radius.

Graffiti Stencil Effect in Pixelmator

Passo 8

Agora deixe a layer do logo visível acima da noise layer.

Graffiti Stencil Effect in Pixelmator

Passo 9

Com a layer do logo selecionada vá até Layer>Add Layer Mask. Usando novamente os spray brushes comece a pintar na mask para esconder algumas partes da layer. A ideia aqui e deixar o preto menos uniforme.

Graffiti Stencil Effect in Pixelmator

Passo 10

Adicione uma layer acima do logo e pinte novamente uns respingos de spray usando os brushes que importamos no primeiro passo.

Graffiti Stencil Effect in Pixelmator

Passo 11

Adicione uma layer acima e crie pingos de tinta com o brush que importamos. Você provavelmente vai precisar girar a layer para que cada pingo fique em uma layer diferente. Agrupe as layers usadas para criar o logo. Duplique e esconda uma cópia. Depois disso faça merge de um dos grupos e troque o Blending para Hard Light com 95% Opacity.

Graffiti Stencil Effect in Pixelmator

Passo 12

Vá até o Google Imagens e procure por imagens de paredes com graffiti. Importe uma que tenha um bom espaço para colocar seu logo, como o que fiz na imagem abaixo.

Graffiti Stencil Effect in Pixelmator

Passo 13

Duplique a layer da textura e a mova para o topo, acima de todas as outras. Depois disso troque o Blending da layer da parede para Hard Light com 100% Opacity.

Graffiti Stencil Effect in Pixelmator

Passo 14

Duplique a layer com o efeito de spray com logo e troque a ordem das layers. Lembre de deixar a cópia acima das outras layers. Troque Opacity para 80%

Graffiti Stencil Effect in Pixelmator

Conclusão

Aqui está o efeito spray. Super fácil e tenho certeza que a técnica será util para outros projetos. Na nossa opinião aqui no Abduzeedo um designer pode entender e criar todos os tipos de efeitos para criar trabalhos versáteis e diferentes.

Graffiti Stencil Effect in Pixelmator

Download do Arquivo Pixelmator

Faça o Download do arquivo Pixelmator usado no tutorial.

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.