Efeito Bordado com Illustrator e Photoshop

Recebi alguns emails perguntando como criar um efeito de bordado no Photoshop. O efeito é muito legal, mas não tinha ideia de como reproduzí-lo no Photoshop. Então um dia desses enquanto corria tive a ideia de usar o Scribble effect no Illustrator e depois deixá-lo mais real no Photoshop. Depois de algumas tentativas o resultado ficou muito bacana e hoje vou mostrar o processo aqui para vocês.

Neste tutorial vou mostrar a vocês como criar um efeito de bordado usando Illustrator e Photoshop. O processo todo é bastante simples e não vai levar mais de 45 minutos para ficar pronto.

Passo 1

Abra o logo ou a forma onde quer aplicar o efeito no Illustrator. No meu caso estou usando o logo do Abduzeedo, versão 2011.

Passo 2

Selecione a forma e vá até Effect>Stylize>Scribble. As opções Scribble vão abrir e você poderá customizar os ajustes. O logo Abduzeedo tem um tipo de efeito 3D, então usei ângulos diferentes na direção do Scribble.

Passo 3

Agora é hora de ir para o Photoshop. A primeira coisa a fazer aqui é encontrar uma textura legal. A que estou usando é cortesia do Shutterstock e você encontra em http://goo.gl/PNAHF

Coloque a textura no seu design. A textura é muito importante para deixar o visual mais real.

Passo 4

Copie o logo do Illustrator e cole no Photoshop. Alinhei o logo no centro do canvas.

Passo 5

Vá até Layer>Layer Styles>Inner Shadow. No Blend Mode use Color Dodge com branco na cor e 45% Opacity. Em Angle use 90º, 3 pixels em Distance, 0% Opacity e 3 pixels em Size. Em Contour use o que usei na imagem abaixo.

Passo 6

Selecione Inner Glow. No Blend Mode use Linear Burn com preto na cor e 40% Opacity e 0% Noise. Troque Size para 8 pixels e deixe o resto como está.

Passo 7

Duplique a layer uma vez e a mova alguns pixels para cima.

Passo 8

Duplique a layer mais algumas vezes e mova para os lados, para cima e para baixo. A ideia é dar um visual menos uniforme. Depois selecione todas as layers e faça merge (Layer>Merge Layers)

Passo 9

Vá até Layer>Layer Styles>Drop Shadow. Use preto na cor com Color Burn no Blend Mode e 50% Opacity. Em Angle use 120º, em Distance mantenha 0, em Spread use 0% e em Size use 15px.

Passo 10

Selecione Inner Glow e para o Blend Mode use Color Dodge com 50%, branco na cor, Center em Source, 0 em Choke e 40 pixels em Size.

Passo 11

Este é o resultado depois do layer styles. A ideia é criar a luminosidade e a profundidade que sempre encontramos em efeitos bordados.

Passo 12

Aqui eu adicionei a palavra Abduzeedo com a custom font com o mesmo efeito. Apenas repeti os passos anteriores.

Passo 13

Selecione todas as layers e as duplique. Depois vá até Layer>Merge Layers. Você pode usar o atalho Command (mac)/Control (pc) + Shit + Alt + E para isso. Depois vá até Filter>Blur>Gaussian Blur. Troque o Blend Mode para Screen.

Conclusão

Vá até Layer>Layer Mask>Hide all, depois com a Brush Tool (B) e um "very soft brush" e a cor branca comece a pintar no centro para deixar a área visível.

Como vocês podem ver, a técnica é super simples, envolve apenas layer styles e o Scribble effect no Illustrator. Existem outras maneiras de alcançar esse efeito, usando custom brushes por exemplo, mas acho que o scribble filter faz esse trabalho muito bem de uma maneira rápida e com um visual realista.

Downlaod do Arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado nesse tutorial