Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Como Criar uma Action de Efeito de Texto de Cobertura de Folha no Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Neste tutorial, você vai aprender como criar um efeito de texto muito bonito e natural, que vamos gravar com uma action do Photoshop, para que você possa aplicar o mesmo efeito a qualquer fonte rapidamente. Então, para melhorar ainda mais, vamos adicionar algumas ramificações e pássaros ao resultado final.

Este efeito de texto faz parte do Leaf Generator Photoshop Action.

Aqui estão os recursos da action completa:

  • Funciona com qualquer fonte ou forma.
  • Estilo de camada e cores totalmente editáveis.
  • Suporte para 300 e 72 dpi.
  • Seis cores diferentes para você escolher.
  • Funciona com CS5, CS6 e CC.
  • PSD com ramos e pássaros de alta resolução.
Leaf Generator promo
Gerador de Folhas do Photoshop Action

Recursos do Tutorial

Os recursos seguintes foram utilizados durante este tutorial.

* Os itens marcados com um asterisco estão dentro do arquivo zip anexado a este tutorial, editado e pronto para uso neste tutorial.

1. Como Criar o Plano de Fundo

Passo 1

Crie um novo documento com estas configurações:

  • Name: Tutorial Gerador de Folhas
  • Dimensions: 850 x 553 px
  • Resolution: 72 dpi
  • Color Mode: RGB Color 8 bit
  • Background Contents: Custom #193333
Creating a new document

Passo 2

Clique duas vezes na camada Plano de Fundo e renomeie-a para BG. Em seguida, clique com o botão direito do mouse e escolha Convert to Smart Object.

Converting the BG layer to a Smart Object

Passo 3

Vá para Filter > Noise > Add Noise e utilize estas configurações:

  • Amount: 1.12%
  • Distribution: Gaussian
  • Monochromatic: On
Adding a noise filter

Passo 4

Agora dê um duplo clique na camada BG para abrir o painel Estilo de Camada. Depois aplique um Inner Glow com estas configurações:

  • Blend Mode: Multiply
  • Opacity: 65%
  • Noise: 0%
  • Color: #102a50
  • Technique: Softer
  • Source: Edge
  • Choke: 26%
  • Size: 250 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%

Depois disso, clique em OK para fechar a janela Layer Style.

Inner Glow Settings

2. Como Criar os Estilos

Passo 1

Para este passo, vamos utilizar o pattern e os pincéis do arquivo zip anexado a este tutorial. Eu criei o pattern utilizando esta imagem Ficus Pumila (Autor: Khalid Mahmood). Eu fiz isso sem emenda, removi algum ruído dele, removi alguns detalhes fortes e alterei suas cores. O pattern dentro do arquivo zip está reduzido para 25% do tamanho original, por isso é perfeito para este tutorial.

Eu criei os pincéis desde o início, e é bem fácil de fazer. Se você quiser aprender como criar pincéis assim, siga em frente e confira este tutorial.

Então, sem mais delongas, vamos continuar.

Vá para Edit > Preset > Preset Manager e selecione Patterns no menu suspenso. Em seguida, clique em Load... e instale a Textura do Gerador de Folhas (Centro do arquivo zip). Depois disso, selecione Brushes e carregue o arquivo Leaf Generator Brushes - Tutorial (também dentro do arquivo zip). Nós vamos utilizar os pincéis mais tarde.

Installing the necessary files

Passo 2

Pegue a Ferramenta Horizontal Type (T) e defina a fonte para Kingthings Organica e o tamanho da fonte como 287 pt. Depois escreva folha.

Horizontal Type Tool Settings

Passo 3

Clique duas vezes na camada de texto para abrir a janela Layer Style. Em seguida, adicione um Pattern Overlay com estas configurações:

  • Blend Mode: Normal
  • Opacity: 100%
  • Pattern: Textura Gerador de Folha
  • Scale: 100%
  • Link with Layer: On
Pattern Overlay settings

Passo 4

Agora adicione um Gradient Overlay com estas configurações:

  • Blend Mode: Overlay
  • Opacity: 25%
  • Dither: Off
  • Gradient: Black, White
  • Reverse: Off
  • Align with Layer: On
  • Style: Linear
  • Angle: 90°
  • Scale: 100%
Gradient Overlay settings

Passo 5

Adicione um Inner Glow com estas configurações:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 59%
  • Noise: 0%
  • Color: #acff62
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 17 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%
Inner Glow Settings

Passo 6

Adicione um Inner Shadow com estas configurações:

  • Blend Mode: Hard Light
  • Color: #122d02
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: -180°
  • Distance: 15 px
  • Choke: 0%
  • Size: 11 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
Inner Shadow settings

Passo 7

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

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 178 %
  • Direction: Up
  • Size: 4 px
  • Soften: 6 px
  • Use Global Light: Off
  • Angle: -135°
  • Altitude: 32°
  • Gloss Contour: Rolling Slope - Descending
  • Anti-aliased: On
  • Highlight Mode: Screen
  • Highlight Color: #e1ff90
  • Highlight Opacity: 31%
  • Shadow Mode: Darken
  • Shadow Color: #000000
  • Shadow Opacity: 22%
Bevel Emboss Settings

Passo 8

Agora clique em New Style e salve-o como Pequenas Folhas. Em seguida, marque as caixas Include Layer Effect e Include Layer Blending Option e clique em OK.

Saving the style

Passo 9

Agora desative o filtro Inner Glow e edite o Inner Shadow com estas configurações:

  • Blend Mode: Hard Light
  • Color: #122d02
  • Opacity: 43%
  • Use Global Light: Off
  • Angle: -180°
  • Distance: 15 px
  • Choke: 0%
  • Size: 42 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%
Inner shadow Setings

Passo 10

Salve o estilo novamente clicando no botão New Style, mas nomeie-o Borda de Pequenas Folhas desta vez. Depois disso, clique em OK para fechar a janela Layer Style.

Saving the second style

3. Como Criar a Action

Passo 1

Vá para Window > Actions para abrir o painel Actions. Em seguida, clique no ícone Create new set e nomeie-o Efeito de Cobertura de Folhas. Depois disso, clique no ícone Create new action e nomeie-o Efeito de Folhas - Pequeno. Depois clique em Record para começar a gravar a action.

Tudo o que você faz no Photoshop está sendo gravado, portanto, tenha cuidado e siga as instruções cuidadosamente. Se você cometer um erro, clique no ícone Stop recording, delete o erro no painel action e retome a gravação novamente.

Creating a new action

Passo 2

Renomeie a camada de texto para Texto BKP e defina o tamanho do texto para 287,5 pt. Depois disso, pressione Control-A para selecionar o documento inteiro. Em seguida, escolha a Ferramenta Move (V) e alinhe a camada ao centro do documento.

Aligning the text with the document

Passo 3

Pressione Control-D para remover a seleção. Depois disso, pressione Control-J para duplicar a camada. Em seguida, renomeie a cópia para Base do Texto.

Renaming the new text layer

Passo 4

Clique com o botão direito na camada Base do Texto e escolha Rasterize Type. Em seguida, vá para Window > Styles para abrir o painel Styles. Depois disso, clique no estilo Pequenas Folhas para aplicá-lo na camada rasterizada.

Applying the style to the rasterized layer

Passo 5

Pegue a Ferramenta Brush (B) e selecione o pincel Leaves A. Em seguida, Control-clique na miniatura da camada Base do texto para criar uma seleção ao redor do texto. Depois disso, escolha a Ferramenta Polygonal Lasso (L) e clique com o botão direito na seleção e escolha Make Work Path. Crie o Caminho de Trabalho com uma Tolerance de 2.0 px.

Creating a work path

Passo 6

Certifique-se de verificar se a Opacidade e o Preenchimento do pincel estão definidos como 100% para o próximo passo.

Vá para Window > Paths para abrir o painel Paths. Depois disso, clique no pequeno ícone no canto superior direito do painel e escolha Stroke Path. Depois selecione Brush na opção Tool, desmarque a caixa Simulate pressure e clique em OK.

Stroking the path with the brush tool

Passo 7

Agora vamos criar uma outra camada e aplicar um segundo traço a ela, fazendo com que as bordas do texto pareçam mais realistas.

Pressione Control-Shift-N para criar uma nova camada, nomeie-a como Borda de Folhas e clique em OK. Em seguida, segure Control e clique na miniatura da camada Base do Texto para criar uma outra seleção. Depois disso, escolha a Ferramenta Polygonal Lasso (L) novamente e crie um outro Work Path, como fizemos antes.

Tenha cuidado para não selecionar a camada Base do Texto no painel Layers (a camada Borda de Folhas deve ser mantida selecionada).

Creating another work path

Passo 8

Escolha a Ferramenta Brush (B) novamente e selecione o pincel Leaves B. Em seguida, vá para o painel Paths, clique com o botão direito do mouse no Work Path e escolha Stroke Path como fizemos anteriormente.

Stroking the work path with another brush

Passo 9

Vá para o painel Paths novamente e delete o Work Path. Em seguida, vá para o painel Styles e clique no estilo Leaves Border Small para aplicá-lo à borda que acabamos de criar.

Applying the second layer style

Passo 10

Agora precisamos converter todas as camadas de texto em um Smart Object.

Segure a tecla Control e clique para selecionar as camadas Texto BKP, Base do Texto e Borda de Folhas. Em seguida, clique com o botão direito em um deles e escolha Convert to Smart Object. Depois disso, renomeie o novo Smart Object para Folhas.

Converting three layers into one Smart Object

Passo 11

Agora precisamos adicionar algumas sombras ao texto.

Clique duas vezes na camada Folhas para abrir a janela Layer Style. Em seguida, adicione uma Drop Shadow com estas configurações:

  • Blend Mode: Multiply
  • Color: #000000
  • Opacity: 63%
  • Use Global Light: Off
  • Angle:
  • Distance: 5 px
  • Spread: 0%
  • Size: 9 px
  • Contour: Linear
  • Anti-aliased: On
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: On
Drop Shadow Settings

Passo 12

Adicione um Inner Shadow com estas configurações:

  • Blend Mode: Hard Light
  • Color: #000000
  • Opacity: 61%
  • Use Global Light: Off
  • Angle: 180°
  • Distance: 8 px
  • Choke: 0%
  • Size: 2 px
  • Contour: Linear
  • Anti-aliased: Off
  • Noise: 0%

Depois clique em OK para fechar a janela Layer Style.

Inner Shadow settings

Passo 13

Pressione Control-J para duplicar a camada atual. Em seguida, renomeie a cópia para Sombra das Folhas, altere sua Fill Opacity para 0% e envie a camada para trás (Arrange > Send Backward). Depois disso, clique duas vezes na camada Sombra das Folhas para abrir o painel Layer Style novamente. Depois remova o filtro Inner Shadow e edite o Drop Shadow com estas configurações:

  • Blend Mode: Multiply
  • Color: #000000
  • Opacity: 19%
  • Use Global Light: Off
  • Angle:
  • Distance: 15 px
  • Spread: 26%
  • Size: 7 px
  • Contour: Linear
  • Anti-aliased: On
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: On
Drop Shadow settings

Passo 14

Vamos remover algum ruído da textura.

Selecione a camada Folhas e vá para Filter > Noise > Reduce Noise.

Utilize estas configurações:

  • Strength: 10
  • Preserve Details: 11%
  • Reduce Color Noise: 8%
  • Sharpen Details: 19%
  • Remove JPEG Artifact: Off
Reduce Noise Settings

Passo 15

As folhas parecem um pouco desfocadas, então vamos adicionar uma nitidez muito sutil a ela.

Vá para Filter > Sharpen > Smart Sharpen e utilize estas configurações:

  • Amount: 66%
  • Radius: 0.5 px
  • Remove: Gaussian Blur
Smart Sharpen settings

Passo 16

Agora vamos deixar as folhas um pouco mais verdes. Nós vamos utilizar um Gradient Map para isso.

Selecione a camada Folhas e vá para Window > Adjustments. Em seguida, clique no ícone Create a new Gradient para criar uma nova camada de Mapa Gradiente.

Creating a new Gradient Map layer

Passo 17

Renomeie a camada de Mapa Gradiente para Cores das Folhas e altere sua Opacidade para 50%. Depois disso, clique com o botão direito do mouse na mesma camada e escolha Create Clipping Mask. Depois clique duas vezes na miniatura para abrir o painel Properties.

Opening the Properties panel

Passo 18

Clique na barra de gradientes e edite-a com estas configurações:

  • Primeira Parada: #031000 Location: 5%
  • Segunda Parada: #054c2b Location: 26%
  • Terceira Parada: #106905 Location: 42%
  • Quarta Parada: #86ff5c Location: 87%

Depois disso, vá para o painel Actions e clique no ícone Stop Recording para finalizar a action.

Creating a new gradient

4. Finalizando a Composição

Passo 1

Vamos criar uma sombra bem simples abaixo do texto.

Pegue a Ferramenta Rounded Rectangle (U) e crie um retângulo preto horizontal logo abaixo da camada Sombra das Folhas.

Creating the rounded rectangle

Passo 2

Clique com o botão direito do mouse na camada Retângulo Arredondado e escolha Convert to Smart Object. Em seguida, vá para Filter > Blur > Gaussian Blur e defina-o para 6 px. Depois disso, defina a Opacidade da camada Retângulo Arredondado para 71%.

Adding a gaussian blur to the rectangle

Passo 3

Agora vamos utilizar os ramos e os pássaros do arquivo zip. Eu criei estes ramos utilizando a imagem original do Ficus Pumila. Eu cortei algumas folhas e desenhei os galhos. Depois eu coloquei tudo junto e criei as sombras dos galhos utilizando estilos de camada e um pincel macio.

Os pássaros são ambos da pixabay.com, e eu tive que editá-los também. Eu removi o plano de fundo e recriei algumas pequenas partes dos pássaros que não existiam na imagem original (elas foram cortadas da imagem). Depois apliquei algumas luzes e sombras utilizando um estilo de camada. Estes recursos foram dimensionados para este tutorial.

Então siga em frente e abra o arquivo Birds and Branches - Small.psd (arquivo zip) e arraste e solte os galhos e pássaros para o seu documento. Depois disso, mova as camadas ao redor e posicione-os onde você acha que ele fica bem.

No exemplo abaixo, eu dupliquei alguns galhos (Control-J) e posicionei-os nas bordas das letras. Depois eu movi os pássaros para o topo da palavra.

Note que a camada do pássaro maior está posicionada abaixo da camada Sombra das Folhas. Isso porque parece melhor que tenha algumas folhas escondendo seus pés. Você poderia utilizar um galho para fazer isso também—é com você.

Adding the branches and birds

Parabéns. Você Terminou!

Neste tutorial, você aprendeu como criar um efeito de texto coberto por folha utilizando estilos e pincéis.

Primeiro, criamos dois estilos utilizando um pattern, um para o interior e outro para as bordas do texto. Em seguida, adicionamos pinceladas ao texto e aplicamos estilos a elas. Depois disso, mesclamos todas as camadas e aplicamos um outro estilo para as sombras, fazendo com que o texto parecesse um pouco em 3D. Em seguida, importamos alguns galhos e pássaros para o documento finalizando a composição.

Lembre-se de verificar a Leaf Generator Photoshop Action no GraphicRiver.

Leaf Generator promo
Leaf Generator Photoshop Action

Você pode gostar também:


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.