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

Como Criar um Efeito de Texto Realista de Folhas de Outono no Adobe Photoshop

Scroll to top
Read Time: 6 min

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

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

O outono é uma estação linda, com seu clima fresco e cores brilhantes. Este tutorial vai mostrar a você como usar algumas imagens de folhas, texturas, camadas de ajuste e um efeito de iluminação para criar um efeito de texto de folhas de outono brilhantes. Vamos começar!

Arquivos do Tutorial

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

1. Criando o Fundo

Passo 1

Crie um novo documento de 1600 x 1031 px, coloque a imagem Asphalt 02 acima da camada Plano de Fundo (Background), renomeie sua camada para Textura de Fundo e redimensione-a de acordo com o necessário.

Place the Asphalt TexturePlace the Asphalt TexturePlace the Asphalt Texture

Passo 2

Dê um duplo-clique na camada Textura de Fundo para aplicar um efeito de Sobreposição de Cor (Color Overlay) usando as seguintes configurações:

  • Cor: #5f4f31
  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Opacidade: 50%
Color OverlayColor OverlayColor Overlay

Isso vai escurecer a textura e melhorar sua coloração.

Styled Asphalt TextureStyled Asphalt TextureStyled Asphalt Texture

Passo 3

Coloque a imagem SoilMud0041 acima da camada Textura de Fundo, redimensione-a de acordo com o necessário e renomeie sua camada para Sobreposição da Textura de Fundo. Altere seu Modo de Mesclagem (Blend Mode) para Multiplicação (Multiply) e sua Opacidade para 30%.

Background Texture Overlay SettingsBackground Texture Overlay SettingsBackground Texture Overlay Settings

2. Criando o Texto

Crie o texto com Todas em Maiúsculas (All Caps) usando a fonte Archivo Narrow Bold. Ele vai ser usado somente como referência, então altere o resto das configurações dependendo do texto que você tem.

Aqui, o Tamanho (Size) é de 550 pt e o Espaçamento entre os Caracteres (Tracking) é de 50.

Create the TextCreate the TextCreate the Text

3. Adicionando as Folhas

Passo 1

Depois que você escolheu as folhas que vai usar para criar o efeito, você vai precisar também adicioná-las no documento.

Certifique-se de colocar as folhas (Arquivo > Colocar Incorporados (File > Place)) ao invés de duplicá-las, e então redimensione cada uma das folhas que você colocou seguindo sua preferência.

Place a Leaf LayerPlace a Leaf LayerPlace a Leaf Layer

Passo 2

Dê um duplo-clique na camada folha para aplicar um efeito de Sombra Projetada (Drop Shadow) usando as seguintes configurações:

  • Cor: #3d2d0b
  • Opacidade: 35%
  • Distância: 6
  • Tamanho (Size): 3
Drop ShadowDrop ShadowDrop Shadow

Passo 3

Isso vai aplicar uma simples sombra à folha. Clique com o Botão Direito do Mouse na camada da folha e escolha Copiar Estilo de Camada (Copy Layer Style).

Copy Layer StyleCopy Layer StyleCopy Layer Style

Passo 4

Coloque as outras folhas, e em seguida pressione o Botão Direito do Mouse em suas camadas e escolha Colar Estilo de Camada (Paste Layer Style) para aplicar o efeito de Sombra Projetada à todas as camadas de folha.

Paste Layer StylePaste Layer StylePaste Layer Style

4. Duplicando as Folhas

Passo 1

Escolha a Ferramenta Mover (V) e marque a opção Seleção Automática (Auto Select) na barra de Opções.

O que você vai precisar fazer em seguida é pressionar e segurar a tecla Option/Alt, clicar e arrastar a folha que você quer duplicar e soltar tudo.

Depois que você duplicar cada folha, pressione Command/Ctrl-T para entrar no Modo de Transformação Livre e então redimensione, rotacione e posicione a folha duplicada.

Você também pode usar as opções Editar > Transformação > Virar Horizontalmente/Verticalmente (Edit > Transform > Flip) para criar mais variações.

Repita o processo até que você cubra todo o texto com folhas diferentes e você pode espalhar algumas em torno dele também.

Duplicate and Transform the LeavesDuplicate and Transform the LeavesDuplicate and Transform the Leaves

Passo 2

Este processo é um pouco demorado, mas cada vez que você criar mais folhas vai ficando mais rápido.

Quando você estiver satisfeito com o resultado, agrupe todas as camadas das folhas em um grupo chamado Folhas, e deixe a camada do texto invisível clicando no olho próximo a ela.

Group the Leaf LayersGroup the Leaf LayersGroup the Leaf Layers

Passo 3

Você também pode alterar a ordem das camadas das folhas para conseguir um resultado mais dinâmico.

Change the Leaf Layers OrderChange the Leaf Layers OrderChange the Leaf Layers Order

5. Adicionando a Textura de Folhas

Passo 1

Duplique a camada Sobreposição da Textura de Fundo, coloque a cópia em cima do grupo Folhas, altere o Modo de Mesclagem (Linear Burn) da sua camada para Superexposição Linear (Linear Burn) e sua Opacidade para 5%. Isso vai adicionar uma texturiza sutil às folhas.

Leaves Texture OverlayLeaves Texture OverlayLeaves Texture Overlay

Passo 2

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

Add a HueSaturation Adjustment LayerAdd a HueSaturation Adjustment LayerAdd a HueSaturation Adjustment Layer

Passo 3

Altere o valor da Saturação para -10.

Change the Saturation ValueChange the Saturation ValueChange the Saturation Value

6. Adicionando a Textura da Vinheta e o Mapa de Degradê

Passo 1

Coloque a imagem Grunge texture 4 acima de todas as camadas, renomeie sua camada para Textura de Vinheta, redimensione-a de acordo com o necessário, e altere seu Modo de Mesclagem (Blend Mode) para Multiplicação (Multiply).

Add the Grunge Vignette TextureAdd the Grunge Vignette TextureAdd the Grunge Vignette Texture

Passo 2

Adicione outra camada de ajuste de Matiz/Saturação (Hue/Saturation), clique no ícone Cortar para a Camada (Clip to Layer) e altere o valor da Matiz (Hue) para -37.

Adjust the Hue ValueAdjust the Hue ValueAdjust the Hue Value

Passo 3

Adicione uma camada de ajuste de Mapa de Degradê (Gradient Map), use o degradê mostrado abaixo, marque a opção Pontilhamento (Dither) e altere o Modo de Mesclagem (Blend Mode) da camada para Luz Suave (Soft Light) e sua Opacidade para 50%.

Add a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment Layer

7. Criando o Objeto Inteligente

Passo 1

Vá para Selecionar > Tudo (Select > All), em seguida Editar > Copiar Especial > Copiar Mesclado (Edit > Copy Merged) e Editar > Colar (Edit > Paste).

Copy and Paste Merged LayersCopy and Paste Merged LayersCopy and Paste Merged Layers

Passo 2

Coloque a imagem colada acima de todas as camadas, renomeie sua camada para Efeitos de Iluminação e vá para Filtro > Converter para Filtros Inteligentes (Filter > Convert to Smart Filters).

Convert to a Smart ObjectConvert to a Smart ObjectConvert to a Smart Object

8. Aplicando o Filtro Efeitos de Iluminação

Passo 1

Vá para Filtro > Renderização > Efeitos de Iluminação (Filter > Render > Lighting Effects) e adicione um Spot Light.

Ajuste as elipses para que elas se pareçam com as elipses exibidas abaixo. Você precisa fazer com que a luz venha do canto superior esquerdo até o canto inferior direito.

Adjust the Light EllipsesAdjust the Light EllipsesAdjust the Light Ellipses

Passo 2

Use as seguintes configurações no painel de Propriedades à direita:

  • Cor: RGB (255, 251, 235)
  • Intensidade: 23
  • Ponto de Acesso (Hotspot): 60
  • Colorir: RGB (255, 249, 231)
  • Exposição: 0
  • Reflexo (Gloss): -17
  • Metálico: -50
  • Ambiente: 19
  • Altura da Textura (Texture Height) (para cada canal): 1
Lighting Effects Properties ValuesLighting Effects Properties ValuesLighting Effects Properties Values

Isso vai adicionar uma ótima iluminação e um pouco de detalhamento ao efeito.

Adjusted LightingAdjusted LightingAdjusted Lighting

9. Adicionado a Textura de Sobreposição de Água

Passo 1

Coloque a imagem Water02 acima de todas as camadas, renomeie sua camada para Textura de Água e em seguida altere seu Modo de Mesclagem (Blend Mode) para Luz Suave (Soft Light) e sua Opacidade para 50%.

Add the Water TextureAdd the Water TextureAdd the Water Texture

Passo 2

Adicione uma camada de ajuste de Matiz/Saturação (Hue/Saturation) acima de todas as camadas, clique no ícone Cortar para a Camada (Clip to Layer) e altere o valor da Saturação para -31.

Add a HueSaturation Adjustment LayerAdd a HueSaturation Adjustment LayerAdd a HueSaturation Adjustment Layer

Isso vai adicionar uma aparência chuvosa/molhada ao resultado final. Você pode brincar livremente com as diferentes texturas e configurações para conseguir resultados diferentes.

Final ResultFinal ResultFinal Result

Parabéns! Você Terminou

Neste tutorial, nós usamos algumas texturas e efeitos para criar um plano de fundo de asfalto.

Em seguida, nós criamos o texto de referência, e começamos a adicionar, duplicar, redimensionar, rotacionar e espalhar folhas estilizadas por cima dele.

Depois disso, nós adicionamos mais algumas texturas e camadas de ajuste e aplicamos o filtro de efeitos de iluminação para melhorar o resultado.

Finalmente, nós adicionamos uma textura de água para deixar o resultado um pouco mais realista e outonal.

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

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