Como criar um action de efeito de rascunho para textos no Photoshop

Neste tutorial você vai aprender como criar um action no Photoshop que irá transformar qualquer texto em um efeito realista de rascunho.

Você vai aprender com criar pincéis que se parecem com efeito de rabiscos de lápis usando os pincéis padrão do Photoshop e alguns filtros. No final, você terá um action que vai reproduzir o efeito em qualquer texto com apenas um clique.

Um exemplo do que você vai criar

Arquivos usados para o tutorial

Abaixo você tem uma lista dos recurso que vai precisar para este tutorial:

Você pode baixar a imagem de fundo junto com o padrão já prontos para este tutorial clicando aqui.

Criando o estilo

  1. Primeiro crie um novo documento no Photoshop seguindo as configurações abaixo:
  • Largura: 2000 px
  • Altura: 1000 px
  • Resolução: 300 Dpi
  • Modo de Cor: RGB Color 8 bit
  • Plano de Fundo: White

2. Ative a ferramenta de texto (T) e escreva a palavra “SKETCH” (ou outra que desejar). Mude a formatação do texto para a fonte que você baixou no começo do post e coloque o tamanho 137pt.

3. Selecione a camada do texto no painel de camadas e vá para o menu Layer> Layer Style> Blending Options, adicione um Pattern Overlay com estas configurações:

  • Blend Mode: Normal
  • Opacity: 100%
  • Pattern: Sketch-Texture-tt (Attached to this tutorial)
  • Scale: 100%
  • Link with Layer: On

Então clique no OK e feche o painel de Layer Style.

4. Ainda com o texto selecionado abra o painel de Styles acessando o menu Window> Styles. No painel clique no botão para criar o novo estilo e coloque o nome de Sketch Style.

Criando o pincel

1. O pincel que vamos criar será usado com um motion blur para deixar as bordas do texto borradas. Para começar, esconda a camada de texto, não vamos precisar dela por enquanto, então clique no ícone de olho no painel de camadas para esconder o texto.

Agora ative a ferramenta Pincel (B) e acesse o menu Window> Brush Settings. Na janela de configurações de pincel defina o pincel para a predefinição Soft Round 30. Mude o Size para 6px, o Spacing para 1%.

Depois disso, clique no ícone do menu do painel (canto superior direito) e então selecione a opção New Brush Preset… para salvar as suas configurações, coloque o nome Sketch Contour – 1 e clique no ok.

2. O próximo pincel que vamos criar vai ser usado como uma máscara para deixar as bordas do texto menos retas.

Selecione novamente o pincel predefinido Soft Round 30 e na janela de configurações do pincel faça os seguintes ajustes:

  • Size: 25px
  • Hardness: 51%
  • Spacing: 59%

Ainda no painel, mude para a guia guia Shape Dynamics e faça os ajustes abaixo:

  • Size Jitter: 39%
  • Size Jitter Control: Off
  • Minimum Diameter: 0%
  • Angle Jitter: 0%
  • Angle Jitter Control: Off
  • Roundness Jitter: 0%
  • Roundness Jitter Control: Off

Agora vá para a opção Scattering e faça estes ajustes:

  • Both Axes: Off
  • Scatter: 29%
  • Scatter Control: Off
  • Count: 1
  • Count Jitter: 0%
  • Count Jitter Control: Off

3. Clique novamente no ícone de menu do painel e salve as suas configurações clicando em New Brush Preset…, coloque o nome Pencil Contour Mask 1 e clique no ok.

4. Agora vamos criar o primeiro pincel que terá a aparência do traçado de lápis, este será usado para o fundo.

Pressione Shift+Ctrl+N para criar uma nova camada e coloque o nome de Pencil Brush 1. Ative a ferramenta Pincel (B) e clique com o botão direito sobre a tela do documento para abrir as opções de pincel.

Selecione o pincel predefinido Soft Round e mude o seu tamanho para 2px. Em seguida, clique na cor de primeiro plano na caixa de ferramentas e mude para a cor #aeaeae.

Desenhe um traço horizontal no seu documento.

5. Agora com a camada Pencil Brush 1 selecionada, acesse o menu Edit> Define Brush Preset para salvar o seu pincel, coloque o nome Pencil Contour Base 1.

Depois disso, acesse o painel Brush Settings e selecione o pincel que você acabou de criar (Pencil Contour Base 1) e configure com estas opções:

  • Size: 85 px
  • Flip X and Y: Off
  • Angle: 0°
  • Roundness: 100%
  • Spacing: 231%

No Shape Dynamics faça estes ajustes:

  • Size Jitter: 66%
  • Size Jitter Control: Off
  • Minimum Diameter: 0%
  • Angle Jitter: 2%
  • Angle Jitter Control: Direction
  • Roundness Jitter: 0%
  • Roundness Jitter Control: Off
  • Flip X and Y: Off
  • Brush Projection: Off

Agora faça estas configurações no Scattering:

  • Scatter: 32%
  • Both Axes: Off
  • Scatter Control: Off
  • Count: 1
  • Count Jitter: 0%
  • Count Jitter Control: Off

Em Transfer, coloque estas configurações:

  • Opacity Jitter: 41%
  • Opacity Jitter Control: Off
  • Flow Jitter: 19%
  • Flow Jitter Control: Off

6. Agora salve a sua configuração com o nome Pencil Contour 1.

7. Agora vamos criar o pincel principal. A principal diferença é que ele irá criar uma borda bem realista para o nosso efeito.

Esconda a camada Pencil Brush 1 e crie uma nova camada vazia. Coloque o nome de Pencil Brush 2. Depois disso, selecione o pincel Soft Round novamente e configure com estas opões:

  • Size: 4 px
  • Flip X and Y: Off
  • Angle: 0°
  • Roundness: 100%
  • Hardness: 18%
  • Spacing: 1%

Faça estes ajustes em Shape Dynamics:

  • Size Jitter: 38%
  • Size Jitter Control: Off
  • Minimum Diameter: 0%
  • Angle Jitter: 0%
  • Angle Jitter Control: 0%
  • Roundness Jitter: 14%
  • Roundness Jitter Control: Off
  • Minimum Roundness: 1%
  • Flip X and Y: Off
  • Brush Projection: Off

Agora no Scattering:

  • Scatter: 10%
  • Both Axes: Off
  • Scatter Control: Off
  • Count: 1
  • Count Jitter: 0%
  • Count Jitter Control: Off

8. Mude a cor de primeiro plano na caixa de ferramentas para #7a7a7a e faça uma linha horizontal de mais ou menos 200px na camada Pencil Brush 2.

9. Agora com a camada Pencil Brush 2 selecionada, acesse o menu Edit> Define Brush Preset e salve o seu pincel com o nome Pencil Contour Base 2.

Depois disso, abra novamente o painel de configurações de pincel e seleciona o pincel que você acabou de salvar. Faça os seguintes ajustes:

  • Size: 200 px
  • Flip X and Y: Off
  • Angle: 0°
  • Roundness: 100%
  • Spacing: 261%

Shape Dynamics:

  • Size Jitter: 16%
  • Size Jitter Control: Off
  • Minimum Diameter: 0%
  • Angle Jitter: 2%
  • Angle Jitter Control: Direction
  • Roundness Jitter: 0%
  • Roundness Jitter Control: Off
  • Flip X and Y: Off
  • Brush Projection: Off

Scattering:

  • Scatter: 10%
  • Both Axes: Off
  • Scatter Control: Off
  • Count: 1
  • Count Jitter: 0%
  • Count Jitter Control: Off

Dual Brush:

  • Brush: Soft Round Brush 30
  • Mode: Color Burn
  • Flip: Off
  • Size: 18 px
  • Spacing: 1%
  • Scatter: 0%
  • Both Axes: Off
  • Count: 1

Transfer:

  • Opacity Jitter: 17%
  • Opacity Jitter Control: Off
  • Flow Jitter: 61%
  • Flow Jitter Control: Off

Marque também no painel da esquerda a opção Noise, não há ajustes nesta opção.

10. Salve as suas configurações com o nome Pencil Contour 2.

Criando o Action

1. Agora apague todas as camadas exceto a camada de texto e background. Exiba novamente a camada de texto e vamos trabalhar nela.

2. Abra o painel de Actions indo no menu View> Actions. Então clique no ícone de pasta que fica na parte de baixo do painel para criar um novo grupo de actions. Coloque o nome de Text to Sketch (300dpi).

3. Estamos prestes a começar a gravar tudo o que fazemos no Photoshop, então, por favor, siga todas as instruções e não faça nenhum outro tipo de ajuste. Se necessário, você pode interromper a gravação, excluir qualquer etapa errada e reiniciar a gravação novamente.

Mantenha a camada de texto selecionada no painel Camadas e clique no ícone Criar nova ação no painel Actions, em seguida, coloque o nome Text to Sketch (300dpi).

A partir de agora tudo o que você fizer será gravado pelo Photoshop, então vale reforçar: tome cuidado.

4. Mude o nome na camada de texto para BKP Text e mude o tamanho do texto para 138pt. Depois disso, pressione Ctrl+A para selecionar todo o documento.

5. Ative a ferramenta Mover (V) e alinhe o texto com o documento tanto na vertical quando na horizontal usando o painel superior. Depois pressione Ctrl+D para remover a seleção.

6. Pressione Ctrl+J para duplicar a camada de texto, mude o nome desta cópia para BKP Text 1 e esconda ela clicando no ícone de olho no painel de camadas.

7. Selecione a camada BKP Text e acesse o menu Layer> Layer Style> Blending Options para abrir o painel de estilos de camadas. Agora ative a opção Stroke com estas configurações e clique no Ok:

  • Size: 8 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Overprint: Off
  • Color: #000000

Agora, clique com o botão direito na camada selecionada e selecione a opção Converto to Smart Object, logo em seguida, clique novamente com o botão direito e escolha Rasterize Layer. Depois disso, mude o nome da camada para Base Text.

9. Com o painel Styles aberto, aplique o estilo que criamos no começo deste tutorial (Sketch Style) na camada Base Text.

Depois, segure a tecla Ctrl e clique na miniatura da camada Base Text no painel de Camadas para criar uma seleção. Em seguida ative a ferramenta Lasso (L) e clique sobre a seleção escolhendo a opção Make Work Path, configure o Tolerance para 2.0px.

10. Com a camada Base Text selecionada, clique na opção Add Vector Mask na parte de baixo do painel de camadas. Ative a ferramente Pincel (B) e selecione o pincel que criamos Pencil Contour Mask 1.

11. Pressione D para redefinir as cores de primeiro plano e plano de fundo do Photoshop (elas ficarão preto e branco) e em seguida pressione X para inverter estas cores.

Agora acesse o menu Window> Path para abrir o painel Paths e então clique com o botão direito no Work Path que criamos, escolha a opção Stroke Path e selecione em Tool a opção Brush, clique em OK.

12. Converta a camada Base Text em Smart Object e acesse o menu Filter> Noise> Add Noise para adicionar um filtro de ruido à camada. Use as configurações abaixo:

  • Amount: 9.82%
  • Distribution: Uniform
  • Monochromatic: On

13. Ative a ferramenta Pincel (B) e selecione o pincel que criamos Sketch Contour – 1. Depois disso pressione Ctrl+N par criar uma nova camada e coloque o nome dela de Sketch Contour 1. Agora volte ao painel Path e apague o Work Path que estiver lá.

14. Segure a tecla Ctrl e clique sobre a miniatura da camada BKP Text 1 para criar outra seleção a partir desta camada. Depois pegue a ferramenta Lasso (L) e clique com o botão direito sobre a selção. Escolha novamente a opção Make Work Path e use um Tolerance de 2.0.

15. Acesse o painel Paths e clique com o botão direito sobre o Work Path, escolha a opção Stroke Path com as mesmas configurações de antes. Depois disso, converta a camada Sketch Contour 1 em um Smart Object e mude a opacidade da camada para 50%.

Agora acesse o menu Filter> Distort> Wave e use estas configurações:

  • Number of Generators: 1
  • Minimum Wavelength: 1
  • Maximum Wavelength: 241
  • Minimum Amplitude: 1
  • Maximum Amplitude: 5
  • Horizontal Scale: 100%
  • Vertical Scale: 100%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

16. Acesseo menu Filter> Blur> Motion Blur e use estas configurações:

  • Angle: 1°
  • Distance: 25 px

17. Pressione Ctrl+J para duplicar a camada Sketch Contour 1 e então dê um clique duplo sobre o efeito de Motion Blur que está nesta cópia da camada, faça as mudanças no efeito conforme abaixo:

  • Angle: -48°
  • Distance: 27 px

18. Mude o nome da cópia da camada para Sketch Contour 2 e mude o Fill (que fica abaixo da Opacidade) para 11%.

Agora acesse o menu Layer > Layer Style > Blending options e adicione um Gradient Overlay com as configurações abaixo:

  • Blend Mode: Normal
  • Dither: Off
  • Opacity: 34%
  • Gradient: Foreground to Transparent
  • Reverse: Off
  • Align with Layer: On
  • Style: Linear
  • Angle: 90°
  • Scale: 100%

19. Acesse o menu Filter> Noise> Add Noise e use as configurações abaixo:

  • Amount: 240%
  • Distribution: Uniform
  • Monochromatic: On

20. Crie uma nova camada e coloque o nome de Sketch Contour 3. Então ative a ferramenta Pincel (B) e selecione o pincel que criamos Pencil Contour 1. Em seguida, abra o painel Paths clique com o botão sobre o Work Path disponível e escolha a opção Stroke Path.

21. Agora mude o pincel para o Pencil Contour 2 que criamos e adicione novamente um outro Stroke Path na mesma camada. Depois, clique com o botão direito sobre a camada Sketch Contour 3 e selecione Convert to Smart Object.

22. Agora selecione a camada Base Text, segure tecla Shift e clique sobre a camada BKP Text 1. Com todas as camadas selecionadas, clique com o botão direito e escolha Convert to Smart Object.

23. Mude o nome da camada resultante para Base Text Effect. Com ela selecionada, vá para o menu Filter> Stylize> Diffuse e escolha a opção Normal.

24. Acesse o menu Filter> Sharpen> Smart Sharpen e use estas configurações:

  • Amount: 52%
  • Radius: 0,5 px
  • Remove: Lens Blur

25. Clique com o botão direito na camada atual e converta para Smart Object novamente. Agora, acesse o menu Filter> Blur> Gaussian Blur e aplique um blur de 0.6px.

Pressione Ctrl+J para duplicar a camada e mude o nome desta cópia para Base Text Effect 2. Clique no ícone de olho do efeito Gaussian Blur desta camada para esconder o efeito.

26. Agora vamos adicionar um Color Overlay na camada final. Esta sobreposição de cor vai controlar a cor final do nosso efeito.

Segure a tecla Ctrl e selecione ambas as camadas Base Text Effect e Base Text Effect 2, clique com o botão direito em uma delas e escolha Convert to Smart Object e mude o nome para Sketch Text Effect.

Agora acesse o menu Layer> Layer Style> Blending Options e adicione um Color Overlay com as configurações abaixo:

  • Blend Mode: Normal
  • Color: #242527
  • Opacity: 100%

27. Acesse o painel Paths e apague o Work Path que está lá. Agora, vá para o painel Actions e clique no botão Stop para parar a gravação.

28. Abra a imagem de plano de fundo que você baixou no começo deste tutorial e arraste para dentro do projeto do seu efeito. Agora é só colocar a camada no fundo do trabalho e redimensionar para o tamanho ajustado.

Terminamos!

Você terminou o efeito e de quebra criou um action que pode ser usado para reproduzi-lo em qualquer projeto. Entener como cada um destes filtros e efeitos funciona pode te ajudar a criar resultados melhores e diversificados.

Lembre-se disso antes de reproduzir o action em um novo projeto:

  • Mantenha a opacidade do seu pincel em 100%.
  • Mantenha a camada com o seu texto selecionada antes de iniciar o action.

Para reproduzir o efeito, você precisa primeiro ativar a camada que vai receber o efeito (texto) e então clicar no botão Play da ação que criamos.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Deixe uma resposta

Mais artigos pra você ler:
Affinity Photo #7 - Inserindo imagens stock

Affinity Photo #7 - Inserindo imagens stock

Você pode adicionar fotos e imagens rasterizadas adicionais à sua página como uma nova camada. As fotos e imagens inseridas…
Affinity Photo #6 - Incorporar documentos

Affinity Photo #6 - Incorporar documentos

A incorporação de documentos permite que você coloque qualquer documento do Affinity (Designer, Photo, etc.), Photoshop, Illustrator, Freehand, SVG, EPS…
Affinity Photo #5 - Criando novos documentos

Affinity Photo #5 - Criando novos documentos

Quando você cria seu novo documento, você especifica uma variedade de configurações de cores e dimensões de página em função…
Affinity Photo #4 - Abrindo imagens RAW

Affinity Photo #4 - Abrindo imagens RAW

Você pode abrir imagens raw de sua câmera digital diretamente no Affinity Photo. Ao fazer isso, você será capaz de…
Fechar Menu