Publicado originalmente em: PSDTUTS Autor: Collis Tradução: Gao Xiaobai
Este tutorial de Collis mostrará como usar uma foto de fogo combinada com texto. O que estamos vendo agora é um belo fundo escuro combinado com um lindo efeito de texto em toda a imagem.
Efeito Final: Como sempre seremos os primeiros a ver o efeito final para que vocês saibam no que vamos acabar. Esta bela imagem está servindo como plano de fundo da área de trabalho do meu laptop no momento.
Clique na imagem acima para ver a imagem completa
Parte Um – Antecedentes
Crie um novo documento no Photoshop com tamanho de 1920×1200px. Selecione a Ferramenta Gradiente e desenhe um gradiente radial marrom (valores de cor de #5c3d09 a #1f1409), para obter um efeito como o mostrado abaixo.
Observe que o gradiente não é desenhado no meio, mas na parte superior da imagem. Queremos o efeito de fogo no topo do texto, então o topo da imagem deve ficar um pouco mais claro.
Etapa 2
Mais uma vez usaremos uma textura de fundo do tutorial Grass Text Effect. Mas dessa vez, ao invés de começar do zero, copiei diretamente o fundo que já foi feito no tutorial de texto de efeito especial de grama, misturei todas as camadas e reduzi a saturação para conseguir o efeito que você vê abaixo.
Se você precisar começar do zero, primeiro você precisa ir ao Bittbox para obter a imagem da textura original e depois seguir as etapas anteriores.
Etapa 3
Agora misturamos a textura com o fundo e definimos o modo de mesclagem para Overlay.
Etapa 4
Vamos usar o filtro Textura para adicionar alguma textura. Comecei criando uma nova camada e preenchendo-a com marrom (#66500f). Em seguida, vá em Filtro > Textura > Textura, defina o valor da escala na tela de textura para 80% e destaque para 4.
Etapa 5
Defina o modo de mesclagem desta camada para Overlay porque estamos trabalhando em uma tela grande, então adicionar alguns detalhes extras fará com que pareça ainda melhor.
Etapa 6
A seguir, aplicaremos uma camada para dessaturar levemente a metade inferior desta imagem. O objetivo disso é fazer com que o fogo superior pareça um brilho quente, enquanto o inferior parece um pouco frio. Então criei uma nova camada e preenchi-a com cor (#4b4f3b), depois adicionei uma máscara de camada e usei o gradiente para ocultar a metade superior da imagem. (Agora você deve obter algo como a imagem abaixo). Agora defina o modo de mesclagem da camada para cor e a opacidade para 45%.
Parte Dois – Texto + Luz = Incrível
Ok, agora temos um belo plano de fundo! Agora vamos adicionar algum texto. A fonte que usei é Trajano porque fica ótima aqui. Adicionei uma cor à fonte (#cb9328), configurei o modo de mesclagem da camada para Subexposição linear (adicionar) e reduzi a opacidade para 8%. Usaremos chamas vermelhas para adicionar algum efeito à parte superior do texto, fazendo com que ele se destaque do fundo. Isso significa que vamos adicionar alguns efeitos e máscaras de camada ao texto, para mostrar apenas a parte superior do texto, enquanto a parte inferior do texto permanece igual ao efeito oculto atual.
Etapa 8
Primeiro crie um novo grupo de camadas e coloque todas as camadas de texto nele – haverá muito texto aqui. Em seguida, duplique a camada de texto e defina o valor da cor do texto copiado para #5e3f1c.
Etapa 9
Agora defina a camada de texto mais recente para Sobreposição e sua Opacidade para 70%. Parece uma ótima cor avermelhada. (Como mostrado na imagem abaixo)
Etapa 10
Agora duplique a camada de texto novamente e defina a última camada duplicada para uma cor amarelo claro (#cb9328). Em seguida, defina-o como Linear Dodge (Add) e diminua a Opacidade para 30%. Em seguida, adicionamos uma máscara de camada e desenhamos um gradiente, de modo que a última camada de texto tenha uma sensação tênue, conforme mostrado na imagem abaixo. Combinada com as duas camadas de texto abaixo, você pode ver a cor levemente avermelhada na parte inferior do texto.
Etapa 11
Em seguida, duplicamos a camada de texto novamente. Esta etapa é para adicionar um toque agradável à parte inferior do texto. Defina a cor do texto como preto (#000000), depois execute Filter > Blur > Gaussian Blur e defina o Radius para 4 px. Para rasterizar o texto, selecione > Modificar > Expandir. Em seguida, Ctrl + segure em qualquer outra camada de texto, volte para a camada preta e clique em Excluir, para que apenas uma sombra muito suave permaneça. Em seguida, duplique essa camada e mescle-a para criar um efeito bem pesado. O que você faz deve ser parecido com a imagem abaixo.
Etapa 12
Conforme mostrado na imagem abaixo, use mais uma vez a máscara de camada para criar rapidamente o efeito de esmaecimento de sombra. Isso fará com que o texto pareça estar flutuando na tela.
Etapa 13
Agora duplique a camada preta novamente e usando a ferramenta Smudge, use um pincel macio bastante grande para pintar ao redor da sombra para fazer com que pareçam marcas de queimadura.
Etapa 14
Agora nosso efeito de texto se parece com a imagem a seguir. Na verdade, criei duas marcas de "queimadura", cada uma dessas quatro camadas de sombra um pouco mais desfocadas que a anterior.
Etapa 15
Agora é hora de adicionar um pouco de luz ao topo do texto. primeiro. Duplique a camada de texto novamente. Defina-o como amarelo – #dc9a08, depois vá em Filter> Blur> Gaussian Blur, defina o Radius para 8px e, em seguida, use uma borracha macia grande para apagar a parte inferior do texto, de modo a criar uma bela sensação de desequilíbrio.
Etapa 16
Defina a primeira camada de luz como Soft Light. Você deve repetir esse processo novamente para deixar a parte superior do texto mais brilhante.
Etapa 17
Agora duplique a camada de texto novamente e coloque-a no topo. Mude sua cor novamente para amarelo (#dc9a08) e vá em Camada > Rasterizar > Texto para tornar o texto uma única camada. Em seguida, Ctrl + segure esta camada para obter a seleção, selecione> Modificar> Reduzir e defina a quantidade de redução para 1px. Em seguida, exclua o restante, exceto reduza-o em 1px.
Etapa 18
Agora defina a camada de 1px para Overlay e você deverá ter o efeito mostrado abaixo.
Etapa 19
Agora adicione uma máscara de camada à camada de 1px para fazer a parte inferior do texto desaparecer, assim como fiz nas outras camadas. Em seguida, duplique esta camada, vá em Filter > Blur > Gaussian Blur e defina o Radius para 1px. Em seguida, duplique esta camada novamente e desfoque-a em 2px. Em seguida, duplique esta camada novamente e desfoque-a em 4px. Em seguida, Ctrl+clique em qualquer camada de texto, pressione Ctrl+Shift+I para inverter a seleção e exclua a parte de cada camada sensível à luz que excede o limite da fonte devido ao desfoque. O objetivo desta etapa é dar ao texto de fogo um efeito em que a sensação de fogo aumente gradualmente em direção às bordas do texto.
Etapa 20
Agora duplicamos essas quatro camadas de luz e as misturamos. O efeito final disso é que a parte superior do texto é inicialmente amarela brilhante. Usando a ferramenta Borrar, espalhe o texto para cima para criar um efeito semelhante a uma onda de calor. Conforme mostrado abaixo.
Etapa 21