1. Design & Illustration
  2. Photoshop Actions

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

by
Read Time:9 minsLanguages:

Portuguese (Português) translation by Wesley Sales (you can also view the original English article)

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

Neste tutorial eu irei mostrar a você como criar uma ação de grama no Adobe Photoshop usando dois pincéis, e um estilo de camada com um padrão de grama. No fim deste tutorial, você terá uma ação que permitirá a realização de quase todo o processo com um único clique.

Se você gostaria de pular este tutorial, mas ainda deseja comprar a ação, você pode ir ao site do GraphicRiver e comprar o Gerador de Grama (Grass Generator). A ação completa tem recursos adicionais, funciona tanto em 72 como 300 dpi, e também funciona com formas.

promo imagepromo imagepromo image
Gerador de Grama

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante este tutorial:

2. Como Criar os Pincéis

Passo 1

Abra o Photoshop e crie um novo documento de 350 x 460 px.

Creating a new documentCreating a new documentCreating a new document

Passo 2

Pressione D no seu teclado para redefinir as cores do Primeiro e do Segundo Plano. Logo depois, pegue a Ferramenta Elipse (U) e altere o seu modo para forma (shape).

Ellipse tool settingsEllipse tool settingsEllipse tool settings

Passo 3

Comece desenhando uma forma oval longa e fina.

Drawing the oval shapeDrawing the oval shapeDrawing the oval shape

Passo 4

Agora pegue a Ferramenta Converter Pontos (P) e dê um Ctrl-Clique com o Botão Esquerdo do Mouse no centro da forma.

Convert Point ToolConvert Point ToolConvert Point Tool

Passo 5

Agora clique no ponto de ancoragem no topo para fazê-lo pontudo. Faça a mesma coisa no ponto de ancoragem de baixo.

Converting anchor pointConverting anchor pointConverting anchor point

Passo 6

Dê um Ctrl-Clique com o Botão Esquerdo do Mouse na miniatura da camada Elipse 1 para criar uma seleção em volta da forma. Logo depois, vá para Editar > Definir Predefinição de Pincel (Edit > Define Brush Preset), dê a ele o nome de Pincel Base e clique em OK.

Creating the brushCreating the brushCreating the brush

Passo 7

Pegue a Ferramenta Pincel (B) e então clique com o Botão Direito do Mouse no documento e selecione o pincel que nós acabamos de criar (Pincel Base).

Choosing the brushChoosing the brushChoosing the brush

Passo 8

Vá para Janela > Pincel (Window > Brush) para abrir o painel Pincel. Então defina estas configurações para a Forma da Ponta do Pincel (Brush Tip Shape):

  • Tamanho (Size): 27 px
  • Virar Eixo X (Flip X): Desmarcado
  • Virar Eixo Y (Flip Y): Desmarcado
  • Ângulo:
  • Redondez (Roundness): 100%
  • Espaçamento (Spacing): 130%
Brush Tip Shape settingsBrush Tip Shape settingsBrush Tip Shape settings

Passo 9

Selecione Dinâmica da Forma (Shape Dynamics) e defina as seguintes configurações:

  • Tremulação do Tamanho (Size Jitter): 32%
  • Controlar: Desativado (Off)
  • Diâmetro Mínimo: 7%
  • Tremulação de Ângulo (Angle Jitter): 35%
  • Controlar: Desativado (Off)
  • Tremulação de Redondez (Roundness Jitter): 26%
  • Controlar: Desativado (Off)
  • Redondez Mínima (Minimum Roundness): 100%
  • Virar Tremul. Eixo X (Flip X Jitter): Desmarcada
  • Virar Tremul. Eixo Y (Flip Y Jitter): Desmarcada
  • Projeção do Pincel (Brush Projection): Desmarcada
Shape Dynamics settingsShape Dynamics settingsShape Dynamics settings

Passo 10

Selecione Dispersão (Scattering) e defina as seguintes configurações:

  • Dispersão (Scattering): 62%
  • Ambos os Eixos (Both Axes): Desmarcada
  • Controlar: Desativado (Off)
  • Contar (Count): 5
  • Contar Tremulação (Count Jitter): 100%
  • Controlar: Desativado (Off)
Scattering settingsScattering settingsScattering settings

Passo 11

Selecione Dinâmica de Cor e defina as seguintes configurações:

  • Aplicar por Ponta (Apply Per Tip): Marcado
  • Tremulação do Plano de Fundo/Primeiro Plano (Foreground/Background Jitter): 100%
  • Controlar: Desativado (Off)
  • Tremulação do Matiz (Hue Jitter): 2%
  • Tremulação da Saturação (Saturation Jitter): 13%
  • Tremulação do Brilho (Brightness Jitter): 11%
  • Pureza (Purity): -1%

A Dinâmica de Cor não altera o resultado final deste tutorial, mas é importante se você quer usar o pincel com outras coisas.

Color Dynamics settingsColor Dynamics settingsColor Dynamics settings

Passo 12

Agora clique no ícone no canto superior direito do painel Pincel (Brush) e escolha Nova Predefinição de Pincel (New Brush Preset). E então dê a ela o nome de Pincel de Grama 1 e marque a opção Capturar Tamanho de Pincel em Predefinição (Capture Brush Size in Preset). Depois disso, clique em OK.

Saving the Brush PresetSaving the Brush PresetSaving the Brush Preset

Passo 13

Agora vamos criar uma nova predefinição. Volte à Forma da Ponta do Pincel (Brush Tip Shape) no painel Pincel (Brush) e faça as seguintes mudanças:

  • Tamanho (Size): 18 px
  • Virar Eixo X (Flip X): Desmarcada
  • Virar Eixo Y (Flip Y): Desmarcada
  • Ângulo:
  • Redondez (Roundness): 100%
  • Espaçamento (Spacing): 339%
Second Brush Tip Shape settingsSecond Brush Tip Shape settingsSecond Brush Tip Shape settings

Passo 14

Não altere as configurações da Dinâmica da Forma (Shape Dynamics); apenas deixe-a selecionada. E então selecione Dispersão (Scattering) e faça as seguintes mudanças:

  • Dispersão (Scatter): 50%
  • Ambos os Eixos (Both Axes): Desmarcada
  • Controlar: Desativado (Off)
  • Contar (Count): 8
  • Contar Tremulação (Count Jitter): 0%
  • Controlar: Desativado (Off)
Second Scattering settingsSecond Scattering settingsSecond Scattering settings

Passo 15

Deixe a Dinâmica de Cor (Color Dynamics) selecionada e salve a predefinição da mesma forma que fizemos antes, mas desta vez dê a ele o nome de Pincel de Grama 2.

Saving the second Brush PresetSaving the second Brush PresetSaving the second Brush Preset

2. Como Criar o Texto e Instalar o Padrão

Passo 1

Vá para Arquivo > Abrir... (File > Open) e abra o fundo que você baixou (Background-Grass.jpg).

Background imageBackground imageBackground image

Passo 2

Pegue a Ferramenta Texto (T) e escreva "GRAMA". Escolha a fonte Plump, e então defina o seu Tamanho (Size) para 300 pt.

Type Tool and its settingsType Tool and its settingsType Tool and its settings

Passo 3

Vá para Editar > Predefinições > Gerenciador de Predefinições (Edit > Presets > Preset Manager). No Tipo de Predefinição escolha Padrões (Patterns), clique em Carregar (Load) e escolha Padrão de Grama.pat. Depois disso, clique em Concluído (Done).

Installing the Grass PatternInstalling the Grass PatternInstalling the Grass Pattern

3. Como Criar a Ação

Passo 1

Vá para Janela > Ações (Windows > Actions) para abrir o painel de 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 (Create New Set), dê a ele o nome de Conjunto de Grama e clique em OK.

Creating a new set of actionsCreating a new set of actionsCreating a new set of actions

Passo 3

Clique no ícone Criar Nova Ação (Create New Action), dê a ela o nome de Texto de Grama e clique em Gravar (Record).

Deste ponto em diante, tudo que você fizer será gravado, então fique de olho no painel de Ações. Se você cometer algum erro, clique no ícone Interromper Execução/Gravação (Stop Playing/Recording) e exclua os passos desnecessários da ação Texto de Grama. Logo depois, clique no ícone Início da Gravação (Begin Recording) para continuar.

Creating a new actionCreating a new actionCreating a new action

Passo 4

Com a camada do texto selecionada, vá para Camada > Renomear Camada... (Layer > Rename Layer...) e renomeie ela para 1.

Renaming the text layerRenaming the text layerRenaming the text layer

Passo 5

Crie uma nova camada clicando no ícone Criar Nova Camada (Create a New Layer), dê a ela o nome de Grama 1, e clique em OK.

Creating a new layerCreating a new layerCreating a new layer

Passo 6

Selecione a camada 1 e vá para Texto > Criar Demarcador de Trabalho (Type > Create Work Path).

Creating the work pathCreating the work pathCreating the work path

Passo 7

Agora selecione a camada Grama 1. E então pegue a Ferramenta Pincel (B) e selecione o Pincel de Grama 1 com as seguintes configurações:

  • Modo: Normal
  • Opacidade: 100%
  • Fluxo (Flow): 100%
  • Opções Relacionada à Caneta da Mesa Digitalizadora: Desmarcadas
Selecting the brushSelecting the brushSelecting the brush

Passo 8

Vá para Janela > Demarcadores (Window > Paths) para abrir o painel de Demarcadores. E então clique com o Botão Direito do Mouse no Demarcador de Trabalho e escolha Traçar Demarcador (Stroke Path). Escolha o Pincel (Brush) e deixe a opção Simular Pressão desmarcada, e então clique em OK.

Creating the borderCreating the borderCreating the border

Passo 9

Selecione a camada 1. Logo depois, crie uma nova camada e dê a ela o nome de Grama 2.

Creating the second brush layerCreating the second brush layerCreating the second brush layer

Passo 10

Agora pegue a Ferramenta Pincel (B) com as seguintes configurações:

  • Pincel (Brush): Pincel de Grama 2
  • Modo: Normal
  • Opacidade: 100%
  • Fluxo (Flow): 100%
  • Opções Relacionada à Caneta da Mesa Digitalizadora: Desmarcadas
Selecting the second brushSelecting the second brushSelecting the second brush

Passo 11

Volte ao painel de Demarcadores (Paths). Clique com o Botão Direito do Mouse no Demarcador de Trabalho e escolha Traçar Demarcador (Stroke Path). Assim como antes, escolha o Pincel (Brush) e deixe a opção Simular Pressão desmarcada, e então clique em OK. Depois disso, exclua o Demarcador de Trabalho.

Creating the second borderCreating the second borderCreating the second border

Passo 12

Agora selecione a camada 1 novamente. Logo depois, segure a tecla Shift e clique na camada Grama 1 para selecionar todas as camadas (exceto pela camada do Fundo).

Selecting the layersSelecting the layersSelecting the layers

Passo 13

Clique com o Botão Direito do Mouse na camada Grama 1 e escolha Converter para Objeto Inteligente (Convert to Smart Object).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Passo 14

Agora dê um duplo-clique na camada Grama 1 para abrir a janela de Estilos de Camada (Layer Styles). Vamos começar com o Chanfro e Entalhe (Bevel and Emboss):

  • Estilo: Chanfro Interno (Inner Bevel)
  • Técnica: Suave (Smooth)
  • Profundidade (Depth): 100%
  • Direção: Acima (Up)
  • Tamanho (Size): 26 px
  • Suavização (Soften): 0%
  • Utilizar Luz Global (Use Global Light): Desmarcada
  • Ângulo: 90º
  • Altitude: 30
  • Contorno de Reflexo (Gloss Contour): Linear
  • Suavização de Serrilhado (Anti-Aliased): Desmarcada
  • Modo de Realce (Highlight Mode): Divisão (Screen)
  • Cor do Modo de Realce: #ffffff
  • Opacidade do Modo de Realce: 16%
  • Modo de Sombra (Shadow Mode): Multiplicação (Multiply)
  • Cor do Modo de Sombra: #000000
  • Opacidade do Modo de Sombra: 30%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Passo 15

Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Cor: #000000
  • Opacidade: 22%
  • Utilizar Luz Global (Use Global Light): Desmarcada
  • Ângulo: -90º
  • Distância: 14 px
  • Desfoque (Choke): 16%
  • Tamanho (Size): 4 px
  • Contorno: Linear
  • Suavização de Serrilhado (Anti-Aliased): Desmarcada
  • Ruído (Noise): 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Passo 16

Adicione uma Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
  • Pontilhamento (Dither): Desmarcada
  • Opacidade: 46%
  • Reverter: Desmarcada
  • Estilo: Linear
  • Alinhar à Camada (Align with Layer): Marcada
  • Ângulo: 90º
  • Escala: 89%

Clique na Barra de Degradê e faça um degradê com as seguintes configurações:

  • Cor da Primeira Interrupção (First Stop Color): #000000
  • Posição da Primeira Interrupção: 0%
  • Cor da Segunda Interrupção (Second Stop Color): #FFFB9C
  • Posição da Segunda Interrupção: 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Passo 17

Adicione uma Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Padrão (Pattern): Escolha o Padrão de Grama que você instalou no início do tutorial.
  • Escala: 25%
  • Vincular com Camada (Link with Layer): Marcado
Pattern Overlay settingsPattern Overlay settingsPattern Overlay settings

Passo 18

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Cor: #000000
  • Opacidade: 31%
  • Utilizar Luz Global (Use Global Light): Desmarcada
  • Ângulo: 23º
  • Distância: 12 px
  • Expansão (Spread): 0%
  • Tamanho (Size): 1 px
  • Contorno: Linear
  • Suavização de Serrilhado (Anti-Aliased): Desmarcada
  • Ruído (Noise): 0%
  • Sombra Projetada de Vazamento de Camada (Layer Knocks Out Drop Shadow): Marcada

Depois disso, clique em OK.

Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Passo 19

Renomeie a camada Grama 1 para Texto de Grama. Depois disso, clique no ícone Interromper Execução/Gravação (Stop Playing/Recording) no painel de Ações.

Finishing the actionFinishing the actionFinishing the action

E o resultado é:

Final Result imageFinal Result imageFinal Result image

Parabéns, Você Terminou!

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

Nós começamos criando nossos pincéis, e então, nós criamos o texto e enquanto estávamos gravando uma ação, nós adicionamos uma borda nela usando pincéis e um Demarcador (Path), e por fim adicionamos um Estilo de Camada para que ele se parecesse com grama.

Coisas para se Lembrar Antes de Aplicar a Ação:

  • Certifique-se de que você instalou o Padrão.
  • Certifique-se de que a Opacidade do Pincel (Opacity Brush) e o Fluxo (Flow) estão em 100%.
  • Certifique-se de que você está aplicando a ação com a camada de texto selecionada.

Para reproduzir ela, você precisa selecionar a ação Texto de Grama e clicar no botão Executar Seleção (Play) no painel de Ações. Eu espero que você tenha gostado deste tutorial, sinta-se livre para deixar seu comentário no espaço abaixo. Esta ação que nós criamos é parte do Gerador de Grama (Grass Generator).

promo imagepromo imagepromo image
Gerador de Grama
One subscription.
Unlimited Downloads.
Get unlimited downloads