Como Criar um Efeito Fácil de Texto de Gelo no Adobe Photoshop

Neste tutorial vamos mostrar a você como utilizar camadas de estilo, com formas e texturas simples, para criar um efeito de texto de gelo fácil.

Neste efeito de texto foi inspirado por muitos Estilos de Camada disponíveis no GraphicRiver como este pacote de Estilos de Efeitos Gelo em 3D Frio, Congelante e Neve.

Vamos começar!

Recusos do Tutorial

Os recursos a seguir foram utilizados durante a produção deste tutorial.

• fonte Kornik 
• Textures - Golds, Whites, And Greys por snowmanjester
• Heavy Snow Texture por incolor16
• Free Pack 6000 photoshop gradients por Supertuts007 (Carregue o arquivo CSP True Sky Gradients.grd.)

1. Criar a Forma do Plano de Fundo

Passo 1

Crie um novo documento de 1000 x 650 px.

Passo 2

Pegue a Ferramenta Rectangle e crie um retângulo que cubra a parte inferior do documento.  Renomeie a camada retangular para o Chão.

Passo 3

Crie um outro retângulo que cubra a parte superior e renomeie sua camada para Fundo.

2. Como Estilizar uma Forma de Chão

Clique duas vezes na camada Chão para aplicar o seguinte estilo de camada:

Passo 1

Adicione uma Inner Shadow com estas configurações:

• Blend Mode: Linear Burn 
• Color: #9cb0be
• Opacity: 15% 
• Distance: 0 
• Size: 250 

Passo 2

Adicione um Gradient Overaly com estas configurações:

• Marque a caixa Dither
•  Blend Mode: Linear Burn 
• Opacity: 20% 
• Style: Radial 
• Scale: 150% 
• Crie um preenchimento de gradiente Transparent to Fill Color utilizando o Black nos dois lados.

Passo 3

Clique no ícone + ao lado da aba Gradient Overlay para adicionar um outro efeito de Gradient Overlay com estas configurações:

• Marque a caixa Dither. 
• Marque a caixa Reverse.
• Utilize o preenchimento Gradiente mostrado no arquivo CSP True Sky Gradients.

Passo 4

Clique na primeira aba Gradient Overlay novamente, e depois clique-arraste para dentro do documento para mover o gradiente, assim a luz fica mais próxima da parte superior do retângulo.

É assim que o primeiro retângulo deve ficar.

3. Como Copiar e Colar os Estilos da Camada

Passo 1

Clique com o botão direito do mouse na camada Chão, escolha Copy Layer Style e clique com o botão direito do mouse na camada Fundo e escolha Paste Layer Style.

Clique duas vezes na camada Voltar para desmarcar a caixa Inverter no segundo efeito Sobreposição de gradiente.

Passo 2

Isto vai estilizar o retângulo de trás. Se necessário, mova todos os preenchimentos gradientes como fez antes.

4. Como Ajustar um Plano de Fundo

Passo 1

Clique no ícone Create new fill or adjustment layer na parte inferior do painel Layers e escolha Hue/Saturation.

Passo 2

Mude o Hue para -3, o Saturation para -25 e a Lightness para -20.

Passo 3

Adicione uma camada de preenchimento Gradiente. Crie um preenchimento gradiente Transparent to Fill Color utilizando uma cor Black em ambos os lados.

Então, altere o Style para Radial e o Scale para 200,e marque a caixa Dither.

Passo 4

Altere o Blend Mode da camada Gradiente para Soft Light.

Passo 5

Coloque a imagem Textures - Golds, Whites, And Greys no topo de todas as camadas, renomeie sua camada para Textura BG e redimensione conforme necessário.

Passo 6

Vá para Image > Adjustments > Desaturate e depois altere o Blend Mode da camada Textura BG para Soft Light.

5. Como Criar as Camadas de Texto

Passo 1

Crie o texto em Todo em Maiúsculo utilizando a fonte Kornik.

Depois defina a Cor como #367497, o Size para 250 pt e o valor de Tracking para 25.

Passo 2

Duplique a camada de texto, altere o valor de Preenchimento da cópia para 0 e depois duplique a camada da cópia.

6. Como Estilizar a Camada do Texto Original

Clique duas vezes na camada de texto original para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Bevel and Emboss com estas configurações:

• Style: Emboss
• Technique: Chisel Soft 
• Depth: 200 
• Size: 10 
• Desmarque a caixa Use Global Light
•  Angle: 60 
• Altitude: 50
• Gloss Contour: Sawtooth 1 
• Marque a caixa Anti-aliased 
• Highlight Mode: 
  • Opacity: 20%
• Shadow Mode: Screen  
  • Color: #ffffff
  • Opacity: 80% 

Passo 2

Adicione um Contour com estas configurações:

• Contour: Rolling Slope - Ascending 
• Marque a caixa Anti-aliased.
• Range: 100% 

Passo 3

Adicione um Inner Glow com estas configurações:

• Blend Mode: Linear Light 
• Opacity: 50% 
• Color: #edf1f4
• Technique: Precise 
• Source: Center 
• Size: 90 
• Contour: Gaussian 
• Marque a caixa Anti-aliased 

Passo 4

Adicione um Satin com estas configurações:

• Blend Mode: Screen 
• Color: #afcbea
• Opacity: 50% 
• Angle: 30 
• Distance: 38 
• Size: 50 
• Contour: Cone - Inverted 
• Marque a caixa Anti-aliased 
• Marque a caixa Invert 

Passo 5

Adicione um Gradient Overlay com estas configurações:

• Blend Mode: Multiply 
• Opacity: 70% 
• Crie um preenchimento gradiente Fill Color to Transparent utilizando as cores #275c8d à esquerda e #274a71 à direita.

Passo 6

Adicione um Outer Glow com estas configurações:

• Blend Mode: Soft Light 
• Opacity: 50% 
• Color: #b9dfff
• Spread: 20 
• Size: 10 
• Contour: Cove - Deep 
• Marque a caixa Anti-aliased
• Range: 80% 

Passo 7

Altere o valor de Preenchimento da camada de texto para 20%.

7. Como Estilizar a Camada da Primeira Cópia do Texto

Clique duas vezes na primeira cópia da camada de texto para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Bevel and Emboss com estas configurações:

• Technique: Chisel Hard 
• Size: 50 
• Gloss Contour: Ring 
• Marque a caixa Anti-aliased
• Highlight Mode: Soft Light 
  • Opacity: 50% 
• Shadow Mode: Soft Light 
  • Color: #f4ffff
  • Opacity: 70% 

Passo 2

Adicione um Contour com estas configurações:

• Contour: Cove - Deep 
• Marque a caixa Anti-aliased 

Passo 3

Adicione um Inner Shadow com estas configurações:

• Blend Mode: Linear Burn 
• Color: #8699a6
• Opacity: 100% 
• Distance: 0 
•  Size: 35 

Isto vai estilizar a segunda camada de texto.

8. Como Estilizar a Camada da Segunda Cópia do Texto

Clique duas vezes na segunda cópia da camada de texto para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Bevel and Emboss com estas configurações:

• Technique: Chisel Hard 
• Size: 50 
• Desmarque a caixa Use Global Light
• Angle: -158 
•  Altitude: 64 
• Marque a caixa Anti-aliased
• Highlight Mode: Linear Light 
  • Opacity: 50% 
• Shadow Mode: Linear Burn 
  • Color: #90abc8
  • Opacity: 100% 

Passo 2

Adicione um Contour com estas configurações:

• Contour: Cove - Deep 
• Marque a caixa Anti-aliased

Passo 3

Adicione um Texture com estas configurações:

• Pattern: Molecular 
• Depth: 5% 

Passo 4

Adicione um Pattern Overlay com estas configurações:

• Blend Mode: Soft Light 
• Pattern: Satin

Passo 5

Adicione um Outer Glow com estas configurações:

• Opacity: 35% 
• Color: #7ab6ef
• Spread: 20 
• Size: 30 

Isto vai terminar o efeito de gelo.

9. Como Criar um Reflexo

Passo 1

Duplique todas as três camadas de texto que você tem, vá para Layer > Merge Layers e renomeie a camada mesclada para Reflexo.

Passo 2

Pressione Command-T para entrar no Free Transform Mode e depois clique com o botão direito do mouse na caixa delimitadora e escolha Flip Vertical.

Passo 3

Mova o reflexo do texto logo abaixo do texto original e pressione a tecla Return para aceitar as alterações.

Passo 4

Clique com o botão direito do mouse na camada Reflexo, escolha Convert to Smart Object e depois altere seu Blend Mode para Soft Light e posicione-a abaixo da camada do texto original.

Passo 5

Vá para Filter > Blur > Motion Blur e altere o Angle para 90 graus e a Distance para 10.

Passo 6

Clique no ícone Add layer mask na parte inferior do painel Layers para adicionar uma máscara.

Passo 7

Escolha a Ferramenta Gradient, defina as cores Foreground e Background de volta para Black e White e selecione a miniatura da máscara da camada Reflexo.

Escolha o preenchimento Foreground to Transparent na barra Options e certifique-se de que o o ícone Linear Gradient está ativo.

Agora segure a tecla Shift e arraste sobre a parte superior do texto original para fora da parte inferior do documento, para preencher a máscara e ocultar a parte inferior do reflexo.

Pode ser necessário tentar novamente ou repetir este passo algumas vezes para obter um resultado desejado.

10. Como Criar uma Sombra Simples

Passo 1

Duplique a camada original de texto, arraste a cópia abaixo dela e renomeie-a para Shadow.

Passo 2

Clique com o botão direito do mouse na camada Sombra e escolha Raterize Type.

Pressione Command-T e reduza o texto verticalmente para obter a forma básica da sombra.

Passo 3

Utilize a Ferramenta Move para reposicionar a Sombra abaixo do texto.

Passo 4

Vá até Filter > Blur > Gaussian Blur e defina o Radius para 10.

Passo 5

Altere o Blend Mode da camada Sombra para Multiply e sua Opacidade para 70%.

11. Como Adicionar uma Sobreposição de Texto de Neve

Passo 1

Posicione a imagem Heavy Snow Texture no topo de todas as camadas, renomeie sua camada para Textura de Neve, altere seu Blend Mode para Screen e redimensione a textura conforme necessário.

Passo 2

Escolha a Ferramenta Spot Healing Brush e certifique-se de que a caixa Sample All Layers na barra Options esteja desmarcada.

Utilize uma ponta redonda e macia para pintar a manchas indesejadas e se livrar delas.

Parabéns! Você Terminou!

Neste tutorial, criamos um plano de fundo simples utilizando formas, camadas de estilo, e camadas de ajuste. Depois criamos três camadas de texto, e estilizamos todas elas para alcançar o efeito de gelo.

Depois disso, criamos um reflexo e uma sombra para o texto de gelo.  Finalmente, adicionamos uma textura de neve sobreposta para finalizar o efeito.

Por favor, sinta-se à vontade para deixar seus comentários, sugestões, e resultados abaixo.