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

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:

• Fonte Intro Regular
• Rust por struckdumb
• Fireworks0017_1 Média - 1067 x 1600
• Fireworks0001_6 Média - 974 x 1600
• Smoke0281 Média - 1132 x 1600
• Smoke0282 Média - 1074 x 1600
• Smoke0392 Média - 1067 x 1600

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.

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

Passo 3

Adicione um Contorno com as seguintes configurações:

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

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

Passo 5

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

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

Passo 6

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

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

Passo 7

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

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.

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.

Passo 3

Clique com o Botão Direito do Mouse na camada do texto e escolha Criar Demarcador de Trabalho (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.

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.

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.

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.

Passo 2

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

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).

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.

4. Estilizando as Chamas

Passo 1

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

Passo 2

Duplique a camada das Chamas.

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

Passo 4

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

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.

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.

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).

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.

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.

Passo 2

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

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.

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.

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.

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.

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).

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.

Passo 3

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

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.