Como Criar um Efeito de Texto Flamejante no Adobe Photoshop

Pirofobia é um medo excessivo ou aversão ao fogo. Este tutorial vai mostrar a você como usar o filtro de Chama do Photoshop junto com algumas imagens de texturas de chama, fumaça e faíscas assim como opções de mesclagem, filtros e configurações de ajuste, para criar um efeito de texto inflamável e ardente. Vamos começar!

Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis na GraphicRiver.

Arquivos do Tutorial

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

• Fonte Aller Light
• Imagens Flames0032
• Imagens Flames0036
• Imagens Flames0043
• Imagens de Fumaça
• Imagens Fireworks0023
• Imagem 2 Fireworks0017 - Média

1. Como Criar o Fundo e as Camadas de Texto

Passo 1

Crie um novo documento de 1200 x 850 px, clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers), escolha Cor Sólida e use a cor #1e100c.

Passo 2

Crie o texto com Todas em Maiúsculas (All Caps) usando a fonte Aller Light. Defina o Tamanho (Size) para 350 pt e o Espaçamento entre os Caracteres (Tracking) para 100.

2. Como Criar a Camada e o Demarcador de Trabalho

Passo 1

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

Passo 2

Oculte a camada do texto clicando no ícone do olho próximo a ela, e crie uma nova camada com o nome de Traçado das Chamas.

3. Como Usar o Filtro de Chama

Passo 1

Vá para Filtro > Renderização > Chama (Filter > Render > Flame) e clique em OK se aparecer uma mensagem dizendo que o demarcador é muito longo.

Em seguida, vamos testar diferentes opções e valores das configurações para traçar o demarcador com chamas, até que você obtenha o resultado desejado.

Os valores usados aqui são:

Básico

• Tipo de Chama (Flame Type): 2. Várias Chamas ao Longo do Caminho (2. Multiple Flames Along Path)
• Comprimento (Length): 115
• Marque a opção Comprimento Aleatório (Randomize Length)
• Largura (Width): 35
• Intervalo: 50
• Marque a opção Definir Intervalo para os Loops (Adjust Interval for Loops)
• Qualidade: Alta (Lenta) (High (Slow))

Avançado

• Turbulento: 35
• Irregular (Jag): 20
• Opacidade: 50
• Linhas de Chama (Complexidade): 29
• Alinhamento da Base da Chama: 20
• Estilo da Chama: 2. Violenta
• Forma da Chama (Flame Shape): 5 Apontando (Pointing)
• Marque a opção Tornar Formas Aleatórias (Randomize Shapes).

Clique em OK para aplicar o filtro. Pode demorar um pouco, então espere um pouco até ele ser renderizado.

Passo 2

Quando você gostar do resultado, pegue a Ferramenta Seleção Direta (A) e pressione a tecla Enter para se livrar do demarcador de trabalho.

4. Como Criar uma Camada de Sobreposição de Textura

Passo 1

Crie uma nova camada acima da camada Traçado das Chamas, chame-a de Textura da Chama e preencha-a com a cor Branca.

Certifique-se de configurar as Cores de Primeiro e Segundo Planos para Preto e Branco, respectivamente.

Passo 2

Clique com o Botão Direito do Mouse na camada Textura da Chama e escolha Converter em Objeto Inteligente (Convert to Smart Object).

Passo 3

Clique com o Botão Direito do Mouse novamente na camada Textura da Chama e escolha Criar Máscara de Corte (Create Clipping Mask).

Passo 4

Vá para Filtro > Renderização > Nuvens (Filter > Render > Clouds).

5. Como Criar uma Textura Usando Filtros

Passo 1

Vá para Filtro > Galeria de Filtros (Filter > Filter Gallery) para aplicar os seguintes Filtros:

Croqui > Baixo-Relevo (Sketch > Bas Relief)

• Detalhe: 13
• Suavidade (Smoothness): 3
• Suave (Light): Inferior (Bottom)

Passo 2

Clique no ícone Nova Camada de Efeito (New Effect Layer) no canto inferior direito para adicionar outro filtro, e aplique o Baixo-Relevo (Bas Relief) com os mesmo valores novamente.

Passo 3

Adicione outra nova camada de efeito.

Traçados de Pincel > Respingos (Brush Strokes > Spatter)

• Raio do Borrifo (Spray Radius): 10
• Suavidade (Smoothness): 5

Clique em OK quando terminar.

6. Como Ajustar as Opções de Mesclagem da Camada

Passo 1

Altere o Modo de Mesclagem (Blend Mode) da camada Textura da Chama para Luz Suave (Soft Light).

Passo 2

Dê um duplo-clique na camada Textura da Chama para ajustar suas Opções de Mesclagem (Blending Options). Vamos ajustar os controles deslizantes da sub-seção Esta Camada (This Layer) sob a seção Mesclar Se (Blend If).

Pressione-e-segure a tecla Option/Alt e clique-e-arraste o controle deslizante direito para dividi-lo. Na medida que você move o controle deslizante para o final, você vai perceber como a textura começa a se mesclar de uma forma muito melhor com as chamas.

O controle deslizante previne que as áreas mais claras da textura interajam com o conteúdo abaixo dela.

Passo 3

Teste valores diferentes até que você goste do resultado.

Vamos voltar para a textura no fim do tutorial para desfocá-la, então depois, você também pode modificar os valores um pouco mais.

7. Como Adicionar as Imagens de Chama

Passo 1

Use qualquer uma das imagens de chama dos conjuntos Flames0032, Flames0036 e Flames0043 para adicionar ao texto.

É melhor adicionar as imagens como Objetos Inteligentes (Smart Objects) para que você possa aplicar mudanças nelas de forma não-destrutiva.

Para fazer isso, vá para Arquivo > Colocar Vinculados (File > Place Linked) e abra a imagem que você quer adicionar.

Passo 2

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

Passo 3

Pressione Command/Ctrl-T para entrar no Modo Transformação Livre e mova, redimensione e rotacione a imagem para colocá-la sobre uma parte do texto.

Pressione a tecla Enter para salvar as mudanças.

Passo 4

Vá até Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) e altere a Matiz (Hue) para 3 e a Saturação para -35, ou use quaisquer outros valores para combinar a cor da chama da imagem com a cor da chama do traçado.

8. Como Adicionar Mais Chamas

Passo 1

Coloque outra imagem de chama sobre a outra parte do texto, altere o Modo de Mesclagem (Blend Mode) da camada para Divisão (Screen), e transforme-a se necessário.

Para duplicar os ajustes, expanda a imagem da primeira chama na lista de filtro da camada, pressione-e-segure a tecla Option/Alt e clique-e-arraste a aba dos Filtros Inteligentes (Smart Filters) para a camada de imagem adicionada recentemente.

Passo 2

Repita os passos para adicionar quantas imagens de chama forem necessárias para o texto.

Passo 3

Coloque todas as camadas das imagens de chama em um grupo e chame-o de Chamas.

9. Como Adicionar as Imagens de Fumaça Leve

Passo 1

Adicione qualquer uma das imagens de fumaça de acordo com a sua preferência como um Objeto Inteligente (Smart Object), e altere o Modo de Mesclagem (Blend Mode) da camada para Divisão (Screen).

Coloque a imagem da fumaça sobre uma parte do texto, e transforme-a se necessário.

Passo 2

Pressione Command/Ctrl-U para ajustar a Matiz/Saturação. Marque a opção Colorir e altere a Matiz (Hue) para 215, a Saturação para 25 e a Luminosidade (Lightness) para -60.

Passo 3

Dê um duplo-clique na camada da imagem da fumaça para ajustar as suas Opções de Mesclagem (Blending Options). Desta vez, vamos ajustar os controles deslizantes da Camada Subjacente (Underlying Layer) sob a seção Mesclar Se (Blend If).

Pressione-e-segure a tecla Option/Alt, e clique-e-arraste o controle deslizante direito para dividi-lo. A medida que você move o controle deslizante para o final, você vai perceber que a imagem da fumaça começa a se mesclar de uma forma bem melhor com o texto e o fundo.

A função do controle deslizante é proteger as áreas mais claras do texto de serem afetadas pela textura da fumaça.

Passo 4

Clique com o Botão Direito do Mouse na camada da imagem de fumaça e escolha Copiar Estilo de Camada (Copy Layer Style).

Passo 5

Adicione mais imagens de fumaça para o texto, e para cada imagem nova que você adicionar, clique com o Botão Direito do Mouse em usa camada e escolha Colar Estilo de Camada (Paste Layer Style).

Você também pode duplicar os ajustes de Matiz/Saturação da mesma forma que você duplicou eles para as imagens das chamas.

Dê um duplo-clique na aba Matiz/Saturação (Hue/Saturation) sob a lista de Filtros Inteligentes (Smart Filters) para usar diferentes valores dependendo da imagem que você adicionar e do efeito desejado.

Repita os mesmos passos até que você goste do resultado.

Passo 6

Coloque todas as camadas de imagem de fumaça em um grupo e chame-o de Fumaça, e altere a Opacidade do grupo para 85%, ou qualquer valor de sua preferência.

10. Como Adicionar as Imagens de Fumaça Pesada

Passo 1

Vamos adicionar mais imagens de fumaça para criar mais profundidade.

Então adicione uma nova imagem de fumaça, altere o seu Modo de Mesclagem (Blend Mode) para Cor Mais Clara (Lighter Color), coloque-a sobre qualquer parte do texto e transforme-a de acordo com o necessário.

Passo 2

Adicione mais algumas imagens de fumaça usando o mesmo Modo de Mesclagem, e mantenha elas um pouco menores em tamanho do que as imagens mais claras.

Passo 3

Coloque todas as novas camadas das imagens de fumaça em um grupo, chame-o de Fumaça 02 e altere a Opacidade do grupo para 50% ou qualquer outro valor dependendo do efeito que você deseja.

11. Como Adicionar Faíscas

Passo 1

Coloque uma das imagens da imagem Fireworks0023 sobre qualquer parte do texto, altere o seu Modo de Mesclagem (Blend Mode) para Subexposição Linear (Adicionar) (Linear Dodge (Add)) e transforme-a de acordo com o necessário.

Passo 2

Repita os mesmos passos para adicionar mais faíscas sobre todo o texto.

Passo 3

Coloque todas as camadas de imagem de faíscas em um grupo e chame-o de Faíscas.

12. Como Criar um Brilho Externo

Passo 1

Pressione-e-segure a tecla Option/Alt e clique-e-arraste a camada Traçado das Chamas para baixo para criar uma cópia abaixo da camada original.

Passo 2

Renomeie a camada cópia para Brilho, clique com o Botão Direito do Mouse nela e escolha Converter em Objeto Inteligente (Convert to Smart Object).

Passo 3

Vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e defina o Raio para 25.

Passo 4

Altere o Modo de Mesclagem (Blend Mode) da camada Brilho para Luz Direta (Hard Light) e sua Opacidade para 25%.

13. Como Adicionar Fumaça ao Fundo

Passo 1

Coloque uma nova imagem de fumaça acima de todas as camadas e altere o Modo de Mesclagem (Blend Mode) da sua camada para Divisão (Screen).

Redimensione a imagem para preencher um lado do documento.

Passo 2

Pressione Command/Ctrl-U para ajustar a Matiz/Saturação. Marque a opção Colorir, altere a Matiz (Hue) para 215, a Saturação para 25 e a Luminosidade (Lightness) para -83.

Tenha em mente, que os valores que eu usei servem especificamente para o tutorial, mas você pode sempre ajustá-los para o seu trabalho e suas imagens.

Passo 3

Vá até Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur), e configure o Raio para 6. O nosso objetivo aqui é criar um efeito de névoa sutil ao redor de todo o texto.

Passo 4

Repita os mesmo passos para adicionar mais algumas imagens de fumaça.

Passo 5

Você também pode adicionar um pouco mais por trás do texto.

14. Como Adicionar uma Textura de Fundo

Passo 1

Coloque a textura Imagem 2 - Fireworks0017 acima da camada de Cor Sólida, altere o Modo de Mesclagem da sua camada para Subexposição Linear (Adicionar) (Linear Dodge (Add)) e sua Opacidade para 50%.

Transforme a textura de acordo com o necessário para preencher o fundo.

Passo 2

Se você quer se livrar de qualquer parte da textura, clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel de Camadas e certifique-se de selecionar a miniatura da máscara.

Passo 3

Configure a Cor do Primeiro Plano para Preta, pegue a Ferramenta Pincel (B) e escolha uma ponta arredondada suave. Pinte sobre quaisquer áreas que você queira apagar.

15. Como Aplicar os Ajustes Finais

Passo 1

Clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas e escolha Pesquisa de Cores (Color Lookup).

Escolha FoggyNight.3DL a partir do menu Arquivo 3DLUT e altere a Opacidade da camada para 10%.

Passo 2

Selecione a camada Textura da Chama, e vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e defina o Raio para 3 para que a textura não fique tão dura.

Parabéns! Você Terminou

Neste tutorial, criamos um demarcador de trabalho e traçamos ele com algumas chamas usando o filtro Chama (Flame). Em seguida, começamos a adicionar texturas de chama, fumaça e faísca para construir o efeito. Também usamos opções de mesclagem, filtros e ajustes para mesclar tudo de uma forma melhor. Finalmente, adicionamos o fundo e demos alguns toques finais para finalizar o efeito.

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