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

Criando um Efeito de Texto de Ferrugem e Fogo Usando o Filtro de Chama no Adobe Photoshop CC

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

O filtro Gerador de Chamas no Adobe Photoshop CC é um novo recurso que foi projetado para gerar chamas realistas em demarcadores definidos pelo usuário. Este tutorial irá mostrar a você como estilizar e texturizar um texto enferrujado, adicionar algumas chamas usando um filtro, além de outras texturas de fumaça e faíscas para criar um efeito de texto flamejante vibrante.

Arquivos do Tutorial

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

1. Criando o Fundo e o Texto Estilizado

Passo 1

Crie um novo documento de 1740 x 1170 px e preencha-o com a cor #111111.

Em seguida, crie o texto usando a fonte Intro Regular, com a cor #d2b593, o Tamanho (Size) de 350 pt, e altere o valor do Espaçamento entre Caracteres (Tracking) para -50, ou qualquer outro valor de sua preferência dependendo do resultado que você procura.

Create the Text

Passo 2

Dê um duplo-clique na camada de texto para aplicar o seguinte estilo de camada:

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

  • Técnica: Cinzel Sólido (Chisel Hard)
  • Tamanho (Size): 35
  • Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
  • Cor: #fae8c1
  • Modo de Sombra (Shadow Mode): Superexposição de Cores (Color Burn)
  • Cor: #b07133
Bevel and Emboss

Passo 3

Adicione um Contorno com as seguintes configurações:

  • Contorno: Gaussiana
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
Contour

Passo 4

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

  • Modo de Mesclagem (Blend Mode): Superexposição de Cores (Color Burn)
  • Cor: #b0764c
  • Distância: 0
  • Tamanho (Size): 8
Inner Shadow

Passo 5

Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Luz Linear
  • Cor: #dd8238
Inner Glow

Passo 6

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Luz Linear
  • Cor: #edc09f
Outer Glow

Passo 7

Isso irá estilizar o texto e dar a ele uma aparência 3D.

Styled Text

2. Adicionando a Textura de Ferrugem e Borrando as Bordas do Texto

Passo 1

Coloque a textura Rust acima da camada do texto, renomeie sua camada para Textura e altere seu Modo de Mesclagem (Blend Mode) para Multiplicação (Multiply), em seguida, clique com o Botão Direito do Mouse nela e escolha Criar Máscara de Corte (Create Clipping Mask).

Assim que você fizer isso, a textura será cortada para a camada, e você pode em seguida redimensionar ou mover a textura livremente até que você goste do resultado.

Add Rust Texture

Passo 2

Selecione ambas as camadas do texto e da Textura, duplique-as e em seguida, vá para Camada > Mesclar Camadas (Layer > Merge Layers). Certifique-se de que o Modo de Mesclagem (Blend Mode) da camada mesclada está definido para Normal.

Duplicate Textured Text

Passo 3

Clique com o Botão Direito do Mouse na camada do texto e escolha Criar Demarcador de Trabalho (Create Work Path).

Create Work Path

Passo 4

Pegue a Ferramenta Borrar, escolha uma ponta redonda suave de 25 px e certifique-se de que os valores do Modo e da Resistência (Strength) na barra de Opções estão definidos para Normal e 50%.

Selecione a camada Textura cópia e em seguida pressione a tecla Enter uma vez para borrar as bordas. Alternativamente, você pode pegar a Ferramenta de Seleção Direta (A), clicar com o Botão Direito no demarcador de trabalho e escolher Traçar Demarcador (Stroke Path), em seguida, escolha Borrar (Smudge) no menu suspenso Ferramenta (Tool), desmarque a opção Simular Pressão (Simulate Pressure) e clique em OK.

Com a Ferramenta de Seleção Direta (A) selecionada, pressione a tecla Enter para se livrar do demarcador de trabalho.

Smudge Text Edges

Passo 5

Coloque a imagem Fireworks0017_1 acima de todas as camadas, altere o Modo de Mesclagem (Blend Mode) da sua camada para Subexposição Linear (Adicionar) (Linear Dodge (Add)), vá para Editar > Transformação > Girar 90º em Sentido Horário (Edit > Transform > Rotate 90º Clockwise) e redimensione-a de acordo com sua preferência.

Add Text Sparks

Passo 6

Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation), marque a opção Colorir (Colorize) e altere a Matiz (Hue) para 35 e a Saturação para 50.

Text Sparks Coloring

3. Adicionando os Demarcadores e Renderizando as Chamas

Passo 1

Pegue a Ferramenta Caneta (P) e escolha a opção Demarcador (Path) na barra de Opções. O que você precisará fazer em seguida é adicionar vários demarcadores retos na posição vertical de forma aleatória sobre o texto.

Para fazer isso, clique uma vez onde você quer que o demarcador comece, pressione e segure a tecla Shift e em seguida, clique uma vez onde você quer que o demarcador termine. Em seguida, pressione e segure a tecla Command/Ctrl e clique em qualquer lugar fora do demarcador para que você possa começar a criação de outro demarcador separadamente.

Repita os mesmos passos até você criar vários demarcadores sobre todo o texto. Demarcadores mais longos vão gerar chamas mais longas.

Create Paths

Passo 2

Crie uma nova camada acima de todas as camadas e chame-a de Chamas.

Create Flames Layer

Passo 3

Vá para Filtro > Renderização > Chamas (Filter > Render > Flame) e use as seguintes configurações para criar as chamas:

  • Tipo de Chama (Flame Type): Uma Chama ao Longo do Caminho (One Flame Along Path)
  • Isso significa que uma única chama será renderizada em cada demarcador.

  • Largura (Width): 34
  • Este valor define a largura da chama em pixels.

  • Linhas de Chama (Complexidade)(Flame Lines (Complexity)): 29
  • Esta configuração controla o número de linhas em cada chama.

  • Turbulento: 49
  • Isto controla a tranquilidade e a irregularidade da chama.

  • Irregular (Jag): 43
  • Valores maiores que 0 resultam em uma chama irregular.

  • Opacidade: 40
  • Isso controla a transparência da chama.

  • Alinhamento da Base da Chama (Flame Bottom Alignment): 20
  • Se definida para 0, a linhas da chama serão alinhadas uniformente. Se for maior que 0, elas serão alinhadas de forma aleatória.

  • Estilo da Chama (Flame Style): Violenta
  • Forma da Chama (Flame Shape): Espalhada (Spread)
  • Isto fará com que as linhas que constroem a chama se espalhem para longe do centro.

  • Marque a opção Tornar Formas Aleatórias (Randomize Shapes).
Flame Filter Settings

Passo 4

Assim que você clicar em OK, as chamas serão renderizadas. Pegue a Ferramenta de Seleção Direta (A) e pressione Enter para se livrar dos demarcadores.

Rendered Flames

4. Estilizando as Chamas

Passo 1

Altere o Modo de Mesclagem (Blend Mode) da camada Chamas para Divisão (Screen).

Flames Layers Blend Mode

Passo 2

Duplique a camada das Chamas.

Duplicate Flames Layer

Passo 3

Dê um duplo clique na camada Chamas para aplicar um efeito de Brilho Externo (Outer Glow) usando as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Subexposição Linear (Adicionar) (Linear Dodge (Add))
  • Opacidade: 60%
  • Cor: #e0b455
  • Tamanho (Size): 70
Outer Glow

Passo 4

Isto fará com que as chamas fiquem muito mais brilhantes e vibrantes.

Styled Flames

Passo 5

Crie uma nova camada abaixo da camada das Chamas e chame-a de Manchas Escuras. Defina a cor do Primeiro Plano para #111111 e pegue a Ferramenta Pincel (B). Escolha uma ponta redonda suave e adicione uma mancha escura na parte inferior de cada chama. Isto deixará o efeito mais realista.

Adding Dark Spots

5. Adicionando a Fumaça

Passo 1

Coloque as imagens Smoke0281 e Smoke0282 acima de todas as camadas e altere o Modo de Mesclagem (Blend Mode) de ambas as camadas para Cor Mais Clara (Lighter Color). Isto fará com que você veja o texto por trás delas. Redimensione, rotacione e mova essas imagens livremente até que você goste da forma que a fumaça cobre o texto.

Adding Smoke on Top of the Text

Passo 2

Selecione todas as camadas de textura que você tenha e em seguida vá para Camada > Mesclar Camadas (Layer > Merge Layers). Renomeie a camada mesclada para Fumaça Topo e altere seu Modo de Mesclagem (Blend Mode) para Cor Mais Clara (Lighter Color). Em seguida, clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel de Camadas (Layers).

Merging Smoke Layers and Adding Layer Mask

Passo 3

Pegue a Ferramenta Pincel (B), escolha uma ponta redonda suave e defina a cor do Primeiro Plano para Preto. Comece pintando sobre todas as áreas que você quer remover, para que a fumaça cubra o texto e se estenda um pouquinho para fora dele.

Erasing Extra Smoke

6. Adicionando as Faíscas do Texto

Passo 1

Coloque a imagem Fireworks0001_6 logo abaixo da camada Manchas Escuras, altere seu Modo de Mesclagem (Blend Mode) para Subexposição Linear (Adicionar) (Linear Dodge (Add)), e redimensione-a de acordo com o necessário.

Adding Another Text Sparks Texture

Passo 2

Pressione Command/Ctrl-clique na miniatura da camada do texto para criar uma seleção.

Create Selection

Passo 3

Clique no ícone Adicionar Máscara de Camada (Add Layer Mask) novamente. Isto irá remover todas as partes da textura que estejam fora do texto.

Adding Layer Mask

Passo 4

Pegue a Ferramenta Pincel (B) e defina a cor do Primeiro Plano para Branco. Use uma ponta suave e redonda para pintar sobre algumas áreas ao redor das bordas e cantos do texto para mostrar de volta algumas faíscas ali. Isto irá mesclar as faíscas com o texto de uma forma muito melhor sem deixar um monte de bordas asperas.

Painting Back Some Sparks

7. Adicionando a Fumaça de Fundo

Passo 1

Coloque a imagem Smoke0392 acima da camada Fundo (Background) e altere seu Modo de Mesclagem (Blend Mode) para Subexposição de Cores (Color Dodge). Vá para Editar > Transformação > Girar 90º em Sentido Horário (Edit > Transform > Rotate 90º Clockwise) e em seguida, redimensione a textura de acordo com o necessário e coloque-a por trás do texto.

Background Smoke Texture

Passo 2

Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) e altere a Matiz (Hue) para 162 e a Saturação para 35.

Background Smoke Texture Coloring

8. Aplicando o Filtro de Desfoque de Iris

Passo 1

Selecione todas as camadas, duplique-as e vá para Camada > Mesclar Camadas (Layer > Merge Layers). Renomeie a camada mesclada para Final e em seguida vá para Filtro > Converter para Filtros Inteligentes (Filter > Convert to Smart Filters).

Creating a Final Layer and Converting it into a Smart Object

Passo 2

Vá para Filtro > Galeria de Desfoques > Desfoque da Íris (Filter > Blur Gallery > Iris Blur). Altere o valor do Foco (Focus) na parte superior para 95% e o valor do Desfoque (Blur) abaixo do painel Ferramentas de Desfoque (Blur Tools) para a direita para 10.

Altere a forma da elipse clicando e arrastando os quatro pontos que estão conectados pela linha e modifique a Área de Transição clicando e arrastando os quatro pontos maiores entre o fixador central e a linha de desfoque externa. Você também pode movê-los individualmente pressionando e segurando a tecla Option/Alt e em seguida clicando e arrastando um dos pontos.

Iris Blur Settings

Passo 3

O desfoque vai adicionar um ótimo toque final ao efeito.

Iris Blur Result

Parabéns! Você Terminou

Neste tutorial, nós criamos e estilizamos um simples texto usando alguns estilos de camada para dar a ele uma aparência 3D. Em seguida, nós texturizamos o texto com uma textura enferrujada, criamos um demarcador de trabalho e borramos as bordas da camada do texto texturizado.

Em seguida, nós criamos alguns demarcadores, usamos o filtro de Chamas para renderizar algumas chamas pequenas sobre todo o texto e estilizamos essas chamas para que parecessem mais brilhantes e mais vibrantes.

Nós adicionamos texturas de fumaça em cima do texto, assim como algumas texturas de faíscas para adicionar elementos mais interessantes para ele.

Finalmente, nós usamos mais uma textura de fumaça para o fundo e aplicamos um filtro de desfoque para dar um pouco mais de profundidade ao resultado final.

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

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.