Como criar um impressionante efeito de texto em chamas no Photoshop CC 2014

Neste tutorial, vamos explorar o fantástico novo Filtro de chamas, introduzido para o Photoshop CC 2014. O Filtro cria efeitos de chama e fogo processuais que podem ser feitos para enrolar e seguir em torno de qualquer forma personalizada. Também estaremos adicionando algumas faíscas de fogo realistas, cortesia de uma dica artesanal do Photoshop Brush.

Aqui está o que estaremos fazendo com este tutorial.

Mais tutoriais sobre Hongkiat:

Como projetar uma interface elegante de player de vídeo
Como colorir foto antiga (preto e branco)
Como desenhar uma máscara de Barong balinês
Como criar um efeito de pintura

Passo 1

Abra uma imagem de fundo adequada na qual você deseja criar o efeito de texto em chamas. Neste exemplo, usamos uma textura metálica angustiada de 800 × 600 pixels dos designs de dosch, mas qualquer textura de fundo razoavelmente escura funcionaria igualmente bem:

Passo 2

Adicionaremos alguns ajustes de sombreamento e cor para criar um efeito de baixa intensidade sobre o plano de fundo. Selecione os Ferramenta de letreiro elíptico (M) e desenhe um oval grande sobre o centro do plano de fundo.

etapa 3

Use Cmd / Ctrl + Shift + I para selecionar a área inversa no documento:

Passo 4

Vou ao Camada menu> Nova Camada de Ajuste > Curvas comando. Clique para adicionar um ponto de meio-tom personalizado na linha Curve e arraste para baixo para escurecer a imagem:

Passo 5

Para suavizar as bordas da vinheta, adicionaremos um desfoque à Máscara da camada de ajuste. Vou ao Filtro menu> Borrão > Desfoque Gaussiano. Aumente o valor do raio conforme necessário para criar uma pena suave e agradável para as bordas da forma da elipse.

Passo 6

Vou ao Camada menu> Nova Camada de Ajuste > Matiz e saturação. Marque a caixa de seleção Colorir e aplique os seguintes valores: Hue (30), Saturação (50), Leveza (-40)

Passo 7

Selecione os Ferramenta de texto (T) e clique na tela para criar uma camada de tipo. Use o Opções barra para definir o tamanho da fonte e cor necessários e digite o caractere necessário.

No exemplo usado aqui, usamos os seguintes valores de caractere: Fonte: MetroBlack LT Dois Regular, Tamanho: 400 px, Cor: 474747. Ao terminar, use o atalho Cmd / Ctrl + Enter para confirmar a Camada de Tipo alterar.

Passo 8

No Janela menu> Camadas Painel selecione a camada de fundo contendo a imagem de textura de metal. Use o atalho Cmd / Ctrl + J para duplicar a camada e arraste-a acima da camada de texto no painel.

Passo 9

Com a nova camada de textura selecionada, use o atalho Cmd / Ctrl + Alt + G para mascarar a imagem da cópia para a camada de texto abaixo.

Passo 10

Com a camada de textura selecionada, vá para Imagem menu> Ajustes > Curvas comando. Adicione um ponto de tom médio à linha Curva e arraste para baixo para escurecer a camada de sobreposição de textura.

Passo 11

Em seguida, adicionaremos alguns estilos de camada à camada de texto para removê-lo do plano de fundo. No Camadas Painel, clique no menu 'FX' e aplique os seguintes Estilos de Camada:

Sombra
Opacidade:
Distância: 20px
Propagação: 0 px
Tamanho: 20 px
Bisel e relevo
Profundidade: 1000%
Tamanho: 5px
Ângulo: 130
Altitude: 48
Cor de destaque: fa8b09
Destaque Opacidade: 95%
Cor da Sombra: 000000
Opacidade Sombra: 85%

Passo 12

Agora vamos criar um pouco de fogo digital para contornar nosso personagem, usando o fantástico novo filtro de chama CC do Photoshop e alguns caminhos personalizados para indicar o posicionamento e a direção das chamas.

Use o atalho Cmd / Ctrl + Shift + N para criar uma nova camada chamada 'Flames'. Selecione os Caneta ferramenta (P) e no documento, desenhe um caminho até um lado do caractere de texto onde você deseja que uma chama apareça:

Etapa 13

Quando você chegar ao ponto em que deseja que a chama termine, mantenha pressionada a tecla Cmd / Ctrl e clique em qualquer lugar no documento longe dos pontos de caminho. Para criar outra chama, desenhe outro segmento Path usando os mesmos passos, mas lembre-se de Cmd / Ctrl + clique no final de cada segmento Path para que os flames sejam renderizados individualmente:

Passo 14

Vou ao Filtro > Render > Chama Filtro. Na caixa de diálogo, defina os seguintes valores de chave:

Tipo de Chama: Uma Chama ao Longo do Caminho
Largura: 37 px
Linhas de Chama: 9
Turbulento: 66
Entalhe: 0
Opacidade: 49

Etapa 15

A caixa de diálogo Filtro fornece uma gama quase infinita de efeitos de chama e fogo, portanto você também deve experimentar ajustar as configurações acima para criar a aparência de chama desejada. Depois de ajustar os valores, clique em Está bem para aplicar o efeito de filtro:

Passo 16

Em seguida, vamos adicionar um pouco de sombreamento extra para criar o brilho em torno de nossas chamas.

No Janela > Camadas Painel, selecione a camada de chamas e use o atalho Cmd / Ctrl + J para duplicá-lo.

17º passo

Renomeie a camada de cópia para 'Flame Glow' e mova-o abaixo da Camada de Chamas na lista Painel.

Passo 18

Mudar o Modo de mesclagem no Camadas Painel para Subexposição de cores. Use o Mover ferramenta para compensar a imagem da cópia um pouco para a direita e para baixo.

19º passo

Vou ao Filtro > Desfoque> Desfoque Gaussiano comando. Ajuste o raio de desfoque para suavizar as bordas do efeito de brilho. No exemplo usado aqui, um valor de 8.0 foi usado:

20º passo

Para reduzir a intensidade do efeito Color Dodge sobre a imagem de fundo, vá para Imagem menu> Ajustes > Matiz e saturação comando.

21º passo

Diminuir o Saturação controle deslizante para remover um pouco da intensidade da cor no brilho.

Passo 22

Use o atalho Cmd / Ctrl + Shift + N para criar uma nova camada. Diga 'Extra Glow'. No painel Camadas, mova-o abaixo do Brilho das chamas Camada.

Passo 23

Alterar o modo de mesclagem de camadas para Subexposição de cores.

Passo 24

Selecione os Escova ferramenta (B). Na caixa de ferramentas, clique no Amostra de primeiro plano e mudar o Cor para CAAF50.

Passo 25

Use um pincel grande e macio para pintar em alguns detalhes de brilho extra ao redor das bordas das chamas e sobre o caractere de texto.

O Color Dodge Mode funciona muito bem para criar efeitos de brilho vibrantes, mas é extremamente sensível a pequenas alterações na cor da sua pintura. Se o efeito de brilho for muito forte ou produzir mudanças de cores indesejadas, tente reduzindo os valores de luminosidade e / ou matiz para a cor da tinta na caixa de ferramentas até obter o resultado correto.

Passo 26

Para um toque final, vamos adicionar algumas faíscas à base das chamas usando um pincel feito sob medida. Use o atalho Cmd / Ctrl + N para criar um novo documento. Na caixa de diálogo, defina as seguintes propriedades e clique em OK:

Nome: Protótipo Spark
Largura: 50 px
Altura: 20 px
Modo de cor RGB
Conteúdos de Contexto: Branco

Passo 27

Selecione os Marcador retangular ferramenta (M) e desenhe um pequeno retângulo horizontal no documento.

Etapa 28

Use o atalho Cmd / Ctrl + I para inverter esta área para Preto. Use o atalho Cmd / Ctrl + D para remover a seleção.

29 de passo

Para adicionar algum movimento ao protótipo de faísca, vá para Filtro > Borrão > Filtro de Desfoque de Movimento. Defina a distância para 13px, o ângulo para 0 graus e clique em OK. Para salvar um pincel personalizado da imagem do Spark, vá para o Editar menu> Definir predefinição de pincel comando:

Etapa 30

Agora troque de volta para o documento de texto Flaming. Selecione os Escova ferramenta (B), que agora deve mostrar o nosso Protótipo Spark como a ponta do pincel ativo. Nós precisaremos ajustar algumas das propriedades da pincelada para esta dica personalizada para criar alguns efeitos semelhantes a faíscas realistas..

Vou ao Janela menu> Escova Painel e aplique os seguintes valores às propriedades do pincel:

Forma de ponta de escova
Tamanho: 10 Px
Arredondamento: 35%
Espaçamento: 350%
Dinâmica de Forma:
Jitter do tamanho: 100%
Ângulo Jitter 3%
Controle de jitter de ângulo: direção
Espalhamento:
Dispersão: 300%
Ambos os eixos: assinalado

Etapa 31

Use o atalho Cmd / Ctrl + Shift + N para criar uma nova camada chamada ' Faíscas Coloridas.

Passo 32

Colocou o Cor do primeiro plano para Branco na caixa de ferramentas. Na janela do documento, comece a pintar algumas faíscas ao redor da base das chamas. Comece seus traços de pintura na base e desenhe na direção que você gostaria que eles viajassem em uma linha reta ou em arcos curvos. Como definimos o Controle de jitter de ângulo para 'Direção', as faíscas devem sempre alinhar para a direção do movimento do mouse:

Passo 33

Como toque final, adicionaremos algumas mudanças de cor a algumas das faíscas. No teclado, pressione a tecla '/' para Bloquear o Transparente áreas do Camada de faíscas da mudança. Selecione uma escova de pintura redonda macia predefinida, defina valor de tamanho para 50 px.

Passo 34

Na caixa de ferramentas, defina Cor de primeiro plano para EB7E13. Comece a pintar em torno das bordas das trilhas de faísca com a ferramenta Pincel para adicionar alguma variação de cor às faíscas.

Você pode continuar a pintar diferentes tons de laranja e amarelo nas faíscas para criar uma paleta de cores mais complexa, conforme necessário.

Passo 35

Maravilhe-se com seus resultados.

Nota do editor: Isto é escrito para Hongkiat.com por Ben Richardson. Ben é o diretor da Acuity Training, uma empresa de treinamento em TI sediada em Guildford, Reino Unido, e está compartilhando algumas das dicas que os delegados acharam mais úteis em seus cursos de Photoshop..