1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

Como Criar uma Ação par Efeito de Texto de Pelo no Adobe Photoshop

Scroll to top
Read Time: 7 min
This post is part of a series called Learn Photoshop Actions.
How to Create an Engraved Effect Photoshop Action
How to Create Pop Art Photo Effects With Photoshop Actions

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

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

Nesse tutorial eu vou mostrar a você como criar uma ação de pelo no Adobe Photoshop usando um  padrão, um pincel, um estilo de camada e um mapa de gradiente. Ao final desse tutorial você vai ter uma ação, pronta para realizar quase todo o processo inteiro num único clique.

Se você quer pular esse tutorial mais ainda deseja compara a ação você pode se dirigir ao GraphicRiver e comprar o  Fur Generator. A ação completa tem características adicionais, funciona com  72 e 300 dpi, também funciona com formas, e você pode escolher diferentes cores e tamanhos de pelos.

Promo Fur GeneratorPromo Fur GeneratorPromo Fur Generator
Ação Photoshop Fur Generator

Materiais do Tutorial

Os seguintes recursos foram usados durante esse tutorial:

1. Como Configurar o Plano de Fundo Para a Ação

Abra o Photoshop, vá até Arquivo > Abrir, e escolha FurAction-BG.jpg.

Image of the backgroundImage of the backgroundImage of the background

2. Como Criar o Texto

Pegue a Ferramenta Tipo (T) e escreva "Fur" (Pelo). Escolha a fonte Aller Display, e então vá até Janela > Caracter e configure o Tamanho em 347 pt e o Tracking em 50.

Character Panel with size and trackingCharacter Panel with size and trackingCharacter Panel with size and tracking

3. Como Instalar o Pincel e o Padrão

Passo 1

Vá até Editar > Predefinições > Gerenciador de Predefinições ... No Tipo de Predefinição, selecione Pincéis, clique em carregar..., escolha o Brush (Fur Tutorial).abr.

Installing brushes with Preset ManagerInstalling brushes with Preset ManagerInstalling brushes with Preset Manager

Passo 2

Vá até Editar > Predefinições > Gerenciador de Predefinições ... No Tipo de Predefinição, selecione Padrões, clique em carregar..., escolha o Pattern (Fur Tutorial).pat.

Installing patterns with Preset ManagerInstalling patterns with Preset ManagerInstalling patterns with Preset Manager

4. Como Criar uma Ação

Passo 1

Abra o painel Ações, e vá até Janela > Ações.

Opening the Actions PanelOpening the Actions PanelOpening the Actions Panel

Passo 2

Vamos criar um novo conjunto de ações. Para fazer isso, clique no ícone Criar Novo Conjunto, nomeie como Fur Action (ou Ação Pelo), e clique em Ok.

Creating a new action setCreating a new action setCreating a new action set

Passo 3

Clique no ícone Criar Nova Ação, e nomeie como Fur Text (ou Texto Pelo), e clique em Gravar (Record).

Desse ponto em diante, tudo o que você fizer será gravado, então fique de olho no painel de Ações. Se você cometer um erro, clique no ícone Parar Tocar/Gravar, e delete os passos desnecessários da ação Fur Text. Então clique no ícone Começar a Gravar e continue.

Creating a new actionCreating a new actionCreating a new action

Passo 4

Coim a camada de Texto selecionada, vá até Camada > Renomear Camada... e renomeie como Texto Base 1.

How to rename the layerHow to rename the layerHow to rename the layer

Passo 5

Pegue a Ferramenta Pincel (B). Selecione o pincel Fur Brush - Tutorial, e então configure o Modo para Normal e a Opacidade e o Fluxo para 100%, e certifique-se de que os seguintes ícones estejam desmarcados.

Choosing the brush and settingsChoosing the brush and settingsChoosing the brush and settings

Passo 6

Agora vamos criar uma nova camada. Vá até Camada > Nova > Camada..., dê o nome de Fur-1, e clique em Ok.

Creating and naming a layerCreating and naming a layerCreating and naming a layer

Passo 7

Selecione a camada Texto Base 1 novamente vá até Tipo > Criar Caminho de trabalho.

Creating a work pathCreating a work pathCreating a work path

Passo 8

Agora selecione a camada Fur-1, abra o painel Caminhos indo até Janela > Caminhos, clique direito no Caminho de Trabalho e escolha Caminho de Traçado... Escolha Pincel no menu suspenso, desmarque a opção Simular Pressão, e clique em OK.

Depois disso, apague o Caminho de Trabalho a partir do painel Caminho.

Applying a stroke to the pathApplying a stroke to the pathApplying a stroke to the path

Passo 9

Volte ao painel Camadas. Agora nós vamos fundir o texto com o pelo. Para fazer isso, selecione Fur-1 no painel Camadas, e então segure a tecla Shift apertada e selecione Texto Base 1.

Selecting two layers to mergeSelecting two layers to mergeSelecting two layers to merge

Agora libere a tecla Shift, Clique Direito em Fur-1, e escolha Mesclar Camadas.

How to merge the layersHow to merge the layersHow to merge the layers

Passo 10

Agora nós vamos adicionar um Estilo de Camada. Clique Duplo na camada Fur-1 para aplicar o seguinte estilo:

Adicione Chanfro e Entalhe com essas configurações:

  • Estilo: Chanfro Interno
  • Técnica: Suavização
  • Profundidade: 63%
  • Direção: Para cima
  • Tamanho: 24 px
  • Suavização de Serrilhado: 16 px
  • Usar luz global: Desmarcada
  • Ângulo: 13º
  • Altitude: 42º
  • Contorno de Brilho: Gaussiano
  • Anti-aliased: Verdadeiro
  • Modo de Realce: Suave
  • Cor do Modo de Realce: #ffffff
  • Opacidade do Realce: 65%
  • Modo Sombra: Sobrepor
  • Cor do Modo Sombra: #362a1a
  • Opacidade do Modo Sombra: 26%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Passo 11

Adicione um Contorno ao Chanfro e Entalhe com essas configurações:

  • Contorno: Gaussiano
  • Anti-aliased: Desmarcado
  • Alcance: 61%
Bevel and Emboss Contour settingsBevel and Emboss Contour settingsBevel and Emboss Contour settings

Passo 12

Adicione um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Tela
  • Opacidade: 25%
  • Ruido: 0%
  • Cor: #cfb9a6
  • Técnica: Mais Suave
  • Fonte: Centro
  • Desfoque: 4%
  • Tamanho: 213 px
  • Contorno: Linear
  • Anti-aliased: Desmarcado
  • Variação: 100%
  • Jitter: 0%
Inner Glow SettingsInner Glow SettingsInner Glow Settings

Passo 13

Adicione uma Sobreposição de Cor com essas configurações:

  • Modo de Mesclagem: Cor
  • Cor: #ffffff
  • Opacidade: 21%

Color Overlay SettingsColor Overlay SettingsColor Overlay Settings

Passo 14

Adicione uma Sobreposição de Padrão com essas configurações:

  • Modo de Mesclagem: Normal
  • Opacidade: 100%
  • Padrão: escolha o padrão que você baixou, Padrão (Fur Tutorial).pat.
  • Escala: 25%
  • Vincular com Camada: Marcado
Pattern Overlay settingsPattern Overlay settingsPattern Overlay settings

Passo 15

Adicione uma Sombra Projetada com essas configurações:

  • Modo de Mesclagem: Normal
  • Cor: #6d655d
  • Opacidade: 100%
  • Usar luz global: Desmarcado
  • Ângulo: 0º
  • Distância: 18 px
  • Amplitude: 100%
  • Tamanho: 0%
  • Contorno: Linear
  • Anti-aliased: Desmarcado
  • Ruido: 0 %
  • Camada Transparente Com Sombra (Layer Knocks Out Drop Shadow):: Marcada
First Drop Shadow settingsFirst Drop Shadow settingsFirst Drop Shadow settings

Passo 16

Se você não estiver usando o Adobe Photoshop CC, clique em OK e pule o passo 18, caso contrário continue aqui.

Adicione outra Sombra Projetada logo abaixo da primeira, com essas configurações.

  • Modo de Mesclagem: Normal
  • Cor: #e5dacf
  • Opacidade: 100%
  • Usar luz global: Desmarcado
  • Ângulo: 
  • Distância: 0 px
  • Amplitude: 0%:
  • Tamanho: 2 px
  • Contorno: Linear
  • Anti-aliased: Desmarcado
  • Ruido: 0%
  • Camada Transparente Com Sombra (Layer Knocks Out Drop Shadow): Marcada
Second Drop Shadow settingsSecond Drop Shadow settingsSecond Drop Shadow settings

Passo 17

Acrescente uma terceira Sombra Projetada bem abaixo da segunda com essas configurações

  • Modo de Mesclagem: Multiplicar
  • Cor: #000000
  • Opacidade: 30%
  • Usar luz global: Desmarcado
  • Ângulo:
  • Distância: 34 px
  • Amplitude: 0%
  • Tamanho: 1 px
  • Contorno: Linear
  • Anti-aliased: Desmarcado
  • Ruído: 0%
  • Camada Transparente Com Sombra (Layer Knocks Out Drop Shadow): Marcada

Clique em OK.

Third Drop Shadow SettingsThird Drop Shadow SettingsThird Drop Shadow Settings

Sua imagem deve se parecer com isso:

how the image should look likehow the image should look likehow the image should look like

Ou com isso se você estiver usando uma versão mais velha do Adobe Photoshop:

how the image looks in an older photoshophow the image looks in an older photoshophow the image looks in an older photoshop

Passo 18

Pule para o passo 23 se você estiver usando o Adobe Photoshop CC.

Faça duas cópias da camada Fur-1 e coloque-as abaixo da original:

Making two copies of the layerMaking two copies of the layerMaking two copies of the layer

Passo 19

Clique Direito na primeira cópia e escolha Apagar Estilo de Camada. Faça o mesmo para a segunda cópia.

Clearing the Layer StyleClearing the Layer StyleClearing the Layer Style

Passo 20

Altere o Preenchimento de ambas as cópias para 0%.

Changing the Fill of the layersChanging the Fill of the layersChanging the Fill of the layers

Passo 21

Clique Duplo na primeira cópia para adicionar uma nova Camada de Estilo.

Acrescente uma Sombra Projetada com essas configurações:

  • Modo de Mesclagem: Normal
  • Cor: #e5dacf
  • Opacidade: 100%
  • Usar luz global: Desmarcado
  • Ângulo: 0º
  • Distância: 0 px
  • Amplitude: 0%
  • Tamanho: 2 px
  • Contorno: Linear
  • Anti-aliased: Desmarcado
  • Ruído: 0%
  • Camada Transparente Com Sombra (Layer Knocks Out Drop Shadow): Marcado

Clique OK.

Second Drop shadow for older photoshopSecond Drop shadow for older photoshopSecond Drop shadow for older photoshop

Passo 22

Clique Duplo na segunda cópia para adicionar uma nova Camada de Estilo.

Acrescente uma Sombra Projetada com essas configurações:

  • Modo de Mesclagem: Multiplicar
  • Cor: #000000
  • Opacidade: 30%
  • Usar luz global: Desmarcado
  • Ângulo: 3º
  • Distância: 34 px
  • Amplitude: 0%
  • Tamanho: 1 px
  • Contorno: Linear
  • Anti-aliased: Desmarcado
  • Ruído: 0%
  • Camada Transparente Com Sombra (Layer Knocks Out Drop Shadow): Marcado

Clique em OK.

Third Drop Shadow for older photoshopThird Drop Shadow for older photoshopThird Drop Shadow for older photoshop

Passo 23

Agora nós precisamos converter a camada Fur-1 em um Objeto Inteligente.

Para Adobe Photoshop CC:

Clique Direito na camada Fur-1 e escolha Converter em Objeto Inteligente.

Converting layer to Smart ObjectConverting layer to Smart ObjectConverting layer to Smart Object

Para versões mais antigas do Adobe Photoshop:

Selecione Fur-1, segure apertada a tecla Shift e clique na Fur-1 cópia 2. Libere a tecla Shift, e então dê Clique Direito na camada Fur-1 e escolha Converter em Objeto Inteligente.

Converting layers to Smart Object in older photoshopConverting layers to Smart Object in older photoshopConverting layers to Smart Object in older photoshop

Passo 24

Agora vamos mudar a cor do pelo. Nós vamos deixar ele branco. Vá até o painel Ajustes e clique no Mapa de Gradiente. Se você não enxergar o painel, vá até Janela > Ajustes.

Creating a new Gradient MapCreating a new Gradient MapCreating a new Gradient Map

Passo 25

Sua imagem inteira vai parecer estranha, mas não se preocupe. Renomeie a camada Mapa de Gradiente 1 para Gradiente de Cor.

Renaming the Gradient MapRenaming the Gradient MapRenaming the Gradient Map

Passo 26

Clique Direito na camada Gradiente de Cor e escolha Criar Máscara de Recorte.

Applying a Clipping Mask to a layerApplying a Clipping Mask to a layerApplying a Clipping Mask to a layer

Passo 27

Clique Duplo no ícone Gradiente na camada Gradiente de cor. O painel Propriedades vai aparecer:

Opening the Properties PanelOpening the Properties PanelOpening the Properties Panel

Passo 28

Clique na barra de Gradiente no painel Propriedades para abrir o Editor de Gradiente.

Configure o gradiente com essas especificações:

  • Primeira Cor de parada#000000  e Localização 0%
  • Segunda Cor de parada: #848484 e Localização 30%
  • Terceira Cor de parada: #c0c0c0 e Localização 48%
  • Quarta Cor de parada: #ffffff e Localização 100%

Clique em OK.

Opening the Gradient EditorOpening the Gradient EditorOpening the Gradient Editor

Passo 29

Renomeie a camada Fur-1 como Fur, e então pare de gravar a ação.

Finishing the recording of the actionFinishing the recording of the actionFinishing the recording of the action

Parabéns, Agora Você Terminou!

Nesse tutorial, você aprendeu como criar uma ação de pelo no Adobe Photoshop.

Nós começamos criando nosso texto e enquanto gravamos uma ação, nós adicionamos uma borda a ele usando um pincel e um caminho, depois um Estilo de Camada e finalmente um mapa de Gradiente para alterar a cor.

Image with the final resultImage with the final resultImage with the final result

Coisas para se lembrar antes de rodar a ação.

  • Certifique-se de ter instalado o Padrão e o Pincel.
  • Tenha certeza de que a Opacidade do Pincel e o Fluxo estão configurados em 100% como no passo 5 do "4. Como Criar uma Ação."
  • Certifique-se de que você está executando a ação com a camada de texto selecionada.

Para executá-la, você precisa selecionar a ação Fur Text e clicar no Play no painel Ações.

Espero que você tenha gostado desse tutorial, e sinta-se livre para deixar seus comentários abaixo. Essa ação que nós acabamos de criar é parte do Fur Generator (Gerador de Pelos).

Promo of Fur GeneratorPromo of Fur GeneratorPromo of Fur Generator
Ação Photoshop Fur Generator
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