1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Como Criar um Efeito de Texto de Mancha de Café no Adobe Photoshop

Scroll to top
Read Time: 7 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

A Envato Elements é uma assinatura criativa para arquivos digitais que vai oferecer uma biblioteca de alta qualidade com conteúdos selecionados de criadores talentosos, tudo isso ficará disponível aos clientes através de planos de assinaturas mensais ou anuais.

Em antecipação ao seu lançamento em 2016, ela está oferecendo seis arquivos gratuitos que você pode conseguir ao digitar seu endereço de e-mail na página inicial da Envato Elements.

Este tutorial vai mostrar a você uma maneira rápida de criar um efeito de texto de uma mancha de café, usando alguns arquivos grátis que você pode baixar e algumas outras texturas, pincéis e estilos de camada. Vamos começar!

Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis na Envato Market.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

1. Criando os Pincéis

Passo 1

Pegue a Ferramenta Pincel (B) e abra o painel Pincel (Janela > Pincel (Window > Brush)).

Escolha a ponta Spatter 24 pixels e altere suas configurações como mostrado abaixo:

Forma da Ponta do Pincel (Brush Tip Shape)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Dinâmica da Forma (Shape Dynamics)

Shape DynamicsShape DynamicsShape Dynamics

Pincel Duplo (Dual Brush)

(Use a ponta Oil Medium Wet Flow)

Dual BrushDual BrushDual Brush

Passo 2

Clique no ícone Criar Novo Pincel (Create New Brush) no canto inferior direito do painel Pincel (Brush) e em seguida, digite Pincel de Traçado para o Nome.

Add the Stroke BrushAdd the Stroke BrushAdd the Stroke Brush

Passo 3

Agora escolha uma ponta redonda suave e modifique suas configurações como mostrado abaixo:

Forma da Ponta do Pincel (Brush Tip Shape)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Dinâmica da Forma (Shape Dynamics)

Shape DynamicsShape DynamicsShape Dynamics

Dispersão (Scattering)

ScatteringScatteringScattering

Transferência (Transfer)

TransferTransferTransfer

Passo 4

Adicione o novo pincel e dê a ele o nome de Pincel de Borrar.

Add the Smudge BrushAdd the Smudge BrushAdd the Smudge Brush

2. Adicionando o Fundo e o Texto

Passo 1

Crie um novo documento de 1024 x 683 px, adicione a textura Canvas oil 01 acima da camada Fundo (Background) e renomeie sua camada para Textura de Fundo.

Vá para Editar > Transformação > Girar 90º em Sentido Anti-Horário (Edit > Transform > Rotate 90º Counter Clockwise) e em seguida, redimensione e posicione a textura como preferir dentro do documento.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Passo 2

Crie um texto com Todas em Maiúsculas (All Caps) usando a fonte Tallow TC Regular e defina o seu Tamanho (Size) para 250 pt e o valor do Espaçamento entre Caracteres para 200.

Create the TextCreate the TextCreate the Text

3. Adicionando o Pincel de Aquarela

Passo 1

Abra o arquivo Pincéis e Texturas em Aquarela no Illustrator, selecione a grande forma de pincel amarela e vá para Editar > Copiar (Edit > Copy). 

Copy the Brush ShapeCopy the Brush ShapeCopy the Brush Shape

Passo 2

Volte para o documento do Photoshop e em seguida, vá para Editar > Colar (Edit > Paste) e escolha colar como um Objeto Inteligente (Smart Object).

Paste as a Smart ObjectPaste as a Smart ObjectPaste as a Smart Object

Passo 3

Redimensione a forma do pincel de aquarela para esticá-la para fora do texto, e pressione a tecla Enter para salvar as mudanças.

Resize the Brush ShapeResize the Brush ShapeResize the Brush Shape

Passo 4

Pressione Command/Ctrl-clique na miniatura da camada do texto para criar uma seleção.

Create a SelectionCreate a SelectionCreate a Selection

Passo 5

Clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel de Camadas (Layers) e deixe a camada de texto invisível.

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

4. Traçando e Borrando o Texto

Passo 1

Clique com o Botão Direito do Mouse na camada de texto e escolha Criar Demarcador de Trabalho (Create Work Path).

Defina a Cor de Primeiro Plano para Branco, e certifique-se de selecionar a miniatura da máscara de camada do pincel de aquarela.

Create a Work PathCreate a Work PathCreate a Work Path

Passo 2

Pegue a Ferramenta Pincel (B), escolha o Pincel de Traçado que você criou anteriormente e pressione Enter para traçar o demarcador com a ponta do pincel.

Stroke BrushStroke BrushStroke Brush

Passo 3

Agora pegue a Ferramenta Borrar (Smudge Tool) e escolha a ponta Pincel de Borrar.

Na barra de Opções, defina o Modo para Normal e a Resistência (Strength) para 50%.

Pressione a tecla Enter para borrar o traçado.

Smudge BrushSmudge BrushSmudge Brush

Passo 4

Pegue a Ferramenta de Seleção Direta (A) e pressione Enter para se livrar do demarcador de trabalho.

Você pode pegar a Ferramenta Borrar novamente e clicar e arrastar suavemente ao redor de algumas áreas para borrar um pouco mais o texto de forma manual.

Certifique-se de fazer todos os ajustes na máscara e não na própria camada.

Smudge Some MoreSmudge Some MoreSmudge Some More

5. Colorindo e Estilizando o Texto

Passo 1

Clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel Camadas (Layers) e escolha Matiz/Saturação (Hue/Saturation).

HueSaturation Adjustment LayerHueSaturation Adjustment LayerHueSaturation Adjustment Layer

Passo 2

Clique no ícone Clique para Cortar a Camada (Clip to Layer) e em seguida altere a Matiz (Hue) para -10, a Saturação para -43 e a Luminosidade (Lightness) para -3.

HueSaturation SettingsHueSaturation SettingsHueSaturation Settings

Passo 3

Altere o Modo de Mesclagem (Blend Mode) da camada do pincel de aquarela para Multiplicação (Multiply).

Change Blend ModeChange Blend ModeChange Blend Mode

Passo 4

Dê um duplo-clique na camada do pincel de aquarela para aplicar um efeito de Sombra Interna (Inner Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Superexposição de Cores (Color Burn)
  • Opacidade: 88%
  • Distância: 0
  • Tamanho (Size): 9
Inner ShadowInner ShadowInner Shadow

Isso vai estilizar as bordas.

Styled EgdesStyled EgdesStyled Egdes

6. Fazendo Alguns Ajustes

Passo 1

Duplique a camada do pincel de aquarela com sua camada de ajuste de Matiz/Saturação (Hue/Saturation) e em seguida, selecione a máscara de camada do pincel de aquarela e preencha-a com Preto.

Com a Cor de Primeiro Plano ainda Branca, use a Ferramenta Pincel (B) para adicionar alguns respingos com os Pincéis de Respingo ao texto.

Você pode pegar a Ferramenta Borracha (E) e apagar quaisquer áreas indesejadas.

Em seguida, pegue a Ferramenta Borrar e use o Pincel de Borrar para borrar as partes dos respingos que você adicionou.

Add the SplatterAdd the SplatterAdd the Splatter

Passo 2

Adicione uma camada de ajuste de Níveis (Levels) acima da camada Textura de Fundo, recorte-a usando o ícone (clip) e altere o valor dos Realces (Highlights) para 245.

Isso vai iluminar a textura do fundo mais um pouco.

Brighten the Canvas TextureBrighten the Canvas TextureBrighten the Canvas Texture

7. Deixando o Resultado Mais Nítido

Passo 1

Crie uma nova camada acima de todas as camadas, chame-a de Alta Frequência e pressione as teclas Option/Alt-Command/Ctrl-Shift-E para criar um carimbo nela com o resultado de todas as outras camadas ativas.

Clique com o Botão Direito do Mouse na camada Alta Frequência e escolha Converter em Objeto Inteligente (Convert to Smart Object).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Passo 2

Vá para Filtro > Outros > Alta Frequência (Filter > Other > High Pass) e altere o Raio para 2.

High Pass FilterHigh Pass FilterHigh Pass Filter

Passo 3

Altere o Modo de Mesclagem (Blend Mode) da camada Alta Frequência para Luz Suave (Soft Light).

Isso vai deixar o resultado mais nítido.

High Pass Layer Blend ModeHigh Pass Layer Blend ModeHigh Pass Layer Blend Mode

8. Adicionando uma Vinheta

Passo 1

Adicione uma camada de ajuste de Degradê (Gradient) acima de todas as camadas.

Use um preenchimento de degradê de Transparente para a Cor de Preenchimento (Transparent to Fill Color), usando as cores #f3f2ef para a esquerda e #444444 para a direita.

Altere o Estilo para Radial, marque a opção Pontilhamento (Dither) e altere a Escala para 265.

Gradient Adjustments LayerGradient Adjustments LayerGradient Adjustments Layer

Passo 2

Altere o Modo de Mesclagem (Blend Mode) da camada Degradê (Gradient) para Superexposição de Cor (Color Burn).

Change Blend ModeChange Blend ModeChange Blend Mode

Parabéns! Você Terminou

Neste tutorial, nós modificamos as configurações das pontas dos pincéis de traçado e borrão, e adicionamos elas à nossas predefinições.

Então nós adicionamos uma textura de fundo na área de desenho, criamos o texto e adicionamos uma forma de pincel de aquarela vetorizada como um objeto inteligente.

Depois disso, nós aplicamos o pincel de aquarela ao texto, traçamos e borramos as bordas e alteramos a coloração do pincel de aquarela.

Finalmente, nós estilizamos o pincel, adicionamos alguns respingos, deixamos o resultado mais nítido e adicionamos uma vinheta para finalizar tudo.

Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.

Final OutcomeFinal OutcomeFinal Outcome

Faça o Pré-Registro Agora e Consiga 6 Arquivos Grátis

Com seu lançamento em 2016, a Envato Elements será o primeiro serviço de assinatura no mundo para arquivos criativos de alta qualidade feitos por designers independentes. $49 por mês dá acesso ilimitado a um crescente grupo de itens digitais feitos manualmente, incluindo fontes, templates, ações e ícones.

Seu Acesso Exclusivo aos Elementos

Downloads ilimitados, mais de 5000 itens e uma licença para uso fácil. A Envato Elements vai ser a sua assinatura mensal favorita. Em 2016. Junte-se a nossa lista de e-mails hoje para receber 6 downloads gratuitos e um preço de pré-lançamento exclusivo!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads