Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto de Pincel de Mistura Estilizado 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

Este tutorial vai mostrar à você como criar e estilizar uma ponta de mistura do pincel e ajustar suas configurações para traçar um caminho de trabalho e criar um efeito de texto 3D simples. Vamos começar!

Este efeito de texto foi inspirado nos muitos Estilos de Camada disponíveis no GraphicRiver.

Recursos do Tutorial

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

1. Como Criar as Camadas do Plano de Fundo e Texto

Passo 1

Crie um novo documento de 1250 x 2000 px, clique no ícone Create new fill or adjustment layer na parte inferior do painel Layers, escolha Solid Color e defina o Color Fill como #040214.

Solid ColorSolid ColorSolid Color

Passo 2

Adicione a imagem de fundo circular Azul na parte superior da camada Cor Sólida, renomeie sua camada para Textura BG, altere sua Opacidade para 35% e redimensione conforme necessário.

BG TextureBG TextureBG Texture

Passo 3

Crie um texto de referência utilizando qualquer fonte desejada. A fonte usada aqui é Nickainley, e o Tamanho é definido como 350 pt.

Se você tiver mais de uma linha de texto, lembre-se de alterar o valor Leading para um que você goste. Aqui, está definido para 550 pt.

Create the TextCreate the TextCreate the Text

2. Como Criar e Estilizar uma Ponta de Pincel de Mistura

Passo 1

Escolha a Ferramenta Ellipse, verifique se a opção Shape na barra Options está ativa e clique em qualquer lugar dentro do documento para obter a caixa Create Ellipse.

Defina os valores de Largura e Altura para 50 px e clique em OK.

Create and EllipseCreate and EllipseCreate and Ellipse

Clique duas vezes na camada Elipse para aplicar o seguinte estilo de camada:

Passo 2

Adicione um Gradient Overlay com estas configurações:

  • Marque a caixa Dither
  • Style: Radial
  • Angle: 0
  • Scale: 150%
  • Marque a caixa Reverse, se necessário.
  • Clique na caixa Gradient para criar o gradiente utilizando as Cores #35378 e à esquerda, #b62789 no centro e #f15332 à esquerda.

Você pode utilizar qualquer outra cor que desejar para o gradiente para obter resultados diferentes.

Gradient OverlayGradient OverlayGradient Overlay

Passo 3

Precisamos mover o gradiente para o topo da elipse. Para fazer isso, clique e arraste o preenchimento de gradiente dentro da elipse.

Move the GradientMove the GradientMove the Gradient

Passo 4

Adicione um Bevel and Emboss com estas configurações:

  • Size: 25
  • Desmarque a caixa Use Global Light
  • Angle: 158
  • Altitude: 32
  • Gloss Contour: Cove - Deep
  • Marque a caixa Anti-aliased
  • Highlight Mode: Vivid Light
    • Opacity: 65%
  • Shadow Mode: Color Burn
    • Color: #7a7a7a
    • Opacity: 25%
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 5

Adicione um Contorno com estas configurações:

  • Contour: Cone - Inverted
  • Marque a caixa Anti-aliased.
  • Range: 100%
ContourContourContour

Isto vai criar a ponta estilizada que vamos utilizar posteriormente para a Ferramenta Mixer Brush.

Styled TipStyled TipStyled Tip

Passo 6

Como a forma de estilo precisa ser rasterizada para ser usada no Mixer Brush, você pode duplicar sua camada primeiro para manter uma cópia, ocultá-la e clicar com o botão direito do mouse na cópia para escolher Rasterize Layer Style.

Rasterize Layer StyleRasterize Layer StyleRasterize Layer Style

3. Como Criar um Caminho de Trabalho de Texto

Passo 1

Escolha a Ferramenta Pen e escolha a opção Path na barra de Options.

Clique para adicionar pontos de ancoragem e clique e arraste para criar curvas.

Pen ToolPen ToolPen Tool

Passo 2

Enquanto você cria o caminho, pode pressionar e manter pressionada a tecla Comando para selecionar e ajustar temporariamente os pontos de ancoragem e suas linhas e pontos de direção.

Outra maneira de fazer isto seria utilizando a Ferramenta Direct Selection (A).

Quando terminar de criar o caminho de trabalho de uma letra, clique-Comando em qualquer lugar fora dela.

Adjust the PointsAdjust the PointsAdjust the Points

Passo 3

No painel Paths, clique duas vezes na aba Work Path e insira um nome para o seu caminho para salvá-lo.

Save the Work PathSave the Work PathSave the Work Path

Passo 4

É melhor separar os caminhos quando necessário, para que você possa editá-los facilmente depois de riscá-los.

Certifique-se de alinhar os caminhos para que eles caiam bem uns sobre os outros onde deveriam se sobrepor.

Overlapping PathsOverlapping PathsOverlapping Paths

4. Como Ajustar as Configurações da Ferramenta Pincel de Mistura

Passo 1

Escolha a Ferramenta Mixer Brush (clique e segure a Ferramenta Brush padrão para revelá-la) e utilize essas configurações na barra Options:

  • Clique no ícone Load the brush after each stroke.
  • Clique no ícone Clean the brush after each stroke.
  • Escolha a predefinição Dry, Heavy Load na lista de Useful mixer brush combinations.
  • Wet: 0%
  • Load: 100%
  • Flow: 100%
  • Stoke Smoothing: 100%
  • Desmarque a caixa Sample All Layers.

Depois de ajustar as configurações, altere o Tamanho da ponta para 10 px a mais do que o Tamanho da elipse estilizada. Assim, o Tamanho da ponta do pincel é definido para 60 px.

Mixer Brush Tool SettingsMixer Brush Tool SettingsMixer Brush Tool Settings

Passo 2

Selecione a camada da elipse estilizada, posicione o cursor no centro da elipse estilizada, mantenha pressionada a tecla Option e clique para carregar a elipse na ponta do pincel.

Load the Brush TipLoad the Brush TipLoad the Brush Tip

5. Como Riscar um Caminho de Trabalho Utilizando a Ferramenta Mixer Brush

Passo 1

Esconda a camada de texto original e crie uma nova camada sobre ela.

Create a New LayerCreate a New LayerCreate a New Layer

Passo 2

Escolha a Ferramenta Path Selection, clique fora de todos os caminhos para certificar-se de que nenhum deles esteja selecionado e depois clique no caminho da primeira letra que deseja traçar.

Path Selection ToolPath Selection ToolPath Selection Tool

Passo 3

Pressione a tecla Return para traçar o caminho, criar uma nova camada, selecione o próximo caminho e trace-o na nova camada.

Stroke the PathStroke the PathStroke the Path

Passo 4

Continue selecionando os caminhos e riscando-os em camadas separadas até terminar a primeira palavra.

Coloque todas as camadas da palavra em um grupo para manter as coisas organizadas.

Group the Letter LayersGroup the Letter LayersGroup the Letter Layers

Passo 5

Termine de riscar todas as palavras que você tem para começar a ajustar o efeito final.

Stroke All the Text PathsStroke All the Text PathsStroke All the Text Paths

6. Como se Livrar de Caminhos Indesejados

Passo 1

Para algumas letras, o caminho deve não ser necessário, como as letras O.

Para corrigir isso, você precisa alterar os pontos inicial e final do caminho, seja recriando o caminho ou invertendo-o.

Para inverter um caminho, utilize a Ferramenta Path Selection para selecioná-lo e pressione Comando-T para entrar no Free Transform Mode.

Clique com o botão direito do mouse na caixa delimitadora e escolha Flip Horizontal e clique com o botão direito do mouse novamente para selecionar Flip Vertical.

Pressione a tecla Return para confirmar as alterações.

Flip the Work PathsFlip the Work PathsFlip the Work Paths

Passo 2

Crie uma nova camada na parte superior da camada do caminho otiginal traçado e risque o caminho transformado.

Stroke the PathStroke the PathStroke the Path

Passo 3

Em seguida, escolha a Ferramenta Eraser e apague o final do novo caminho traçado.

Você pode ocultar temporariamente qualquer camada sobre a que você está trabalhando para ver as coisas claramente.

Se o método de inversão não criar um resultado desejado, você poderá recriar o caminho original, mas com pontos iniciais e finais diferentes.

Eraser ToolEraser ToolEraser Tool

Passo 4

Repita os passos para corrigir qualquer outro caminho que você não goste.

Fix Path EndsFix Path EndsFix Path Ends

7. Como Inverter a Direção de um Caminho

Passo 1

Se você quiser reverter completamente um caminho aberto, escolha a Ferramenta Pen e clique no ponto inicial do caminho.

Select Start PointSelect Start PointSelect Start Point

Passo 2

Depois clique no ponto final do caminho para fechá-lo.

Close the PathClose the PathClose the Path

Passo 3

Escolha a Ferramenta Direct Selection, clique fora do caminho para desmarcá-lo e clique no segmento que você criou para fechar o caminho original (aquele entre os pontos inicial e final).

Clique em Delete para se livrar do segmento selecionado. Isso irá inverter a direção do caminho.

Revers Path DirectionRevers Path DirectionRevers Path Direction

Passo 4

Agora use a Ferramenta Path Selection para selecionar o caminho invertido e traçar em uma nova camada.

Stroke the PathStroke the PathStroke the Path

8. Como Suavizar o Resultado Final

Passo 1

Selecione todos os grupos de texto que você tem, duplique-os, pressione Comando-E para mesclar as cópias e ocultar as originais.

Merge the LayersMerge the LayersMerge the Layers

Passo 2

Vá em Filter > Stylize > Diffuse, e defina o Mode para Anisotropic para obter um resultado mais suave.

Diffuse FilterDiffuse FilterDiffuse Filter

Passo 3

Adicione quaisquer pontos ou acentos extras manualmente quando necessário, e certifique-se de fazê-los em novas camadas para poder transformá-los se desejar e depois aplique o filtro Diffuse separadamente a elas.

Add Any Remaining PartsAdd Any Remaining PartsAdd Any Remaining Parts

Parabéns! Você Terminou

Neste tutorial, criamos um plano de fundo simples e uma camada de texto de referência. Depois criamos uma elipse e a estilizamos para criar a ponta de um pincel de mistura. Depois disso, criamos um caminho de trabalho de texto e riscamos as letras para criar o efeito de texto. Finalmente, utilizamos um filtro para suavizar o resultado final.

Por favor, sinta-se a vontade para deixar seus comentários, sugestões e resultados abaixo.

Final ResultFinal ResultFinal Result
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads