Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Text Effects .
How to Create a Furry, White Rabbit Inspired Text Effect in Adobe Photoshop
How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

Final product image
What You'll Be Creating

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.

3D Ice Cool Freeze and Snow Effects Styles

Vamos começar!

Recusos do Tutorial

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

1. Criar a Forma do Plano de Fundo

Passo 1

Crie um novo documento de 1000 x 650 px.

Create a New Document

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.

Create the Ground Rectangle

Passo 3

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

Create the Back Rectangle

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: 
  • Size: 250 
Inner Shadow

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.
Gradient Overlay

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.
Gradient Overlay - 2

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.

Move the Gradient

É assim que o primeiro retângulo deve ficar.

Styled Ground

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.

Copy and Paste the Layer Style

Passo 2

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

Move the Gradient

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.

Add a HueSaturation Adjustment Layer

Passo 2

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

HueSaturation Settings

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.

The Gradient Fill Settings

Passo 4

Altere o Blend Mode da camada Gradiente para Soft Light.

Change the Blend Mode

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.

Add the Background Texture

Passo 6

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

BG Texture Layer Settings

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.

Create the Text

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.

Duplicate the Text Layers

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% 
Bevel and Emboss

Passo 2

Adicione um Contour com estas configurações:

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

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 
Inner Glow

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 
Satin

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.
Gradient Overlay

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% 
Outer Glow

Passo 7

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

Change the Fill Value

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% 
Bevel and Emboss

Passo 2

Adicione um Contour com estas configurações:

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

Passo 3

Adicione um Inner Shadow com estas configurações:

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

Isto vai estilizar a segunda camada de texto.

Styled Text Layer 2

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% 
Bevel and Emboss

Passo 2

Adicione um Contour com estas configurações:

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

Passo 3

Adicione um Texture com estas configurações:

  • Pattern: Molecular 
  • Depth: 5% 
Texture

Passo 4

Adicione um Pattern Overlay com estas configurações:

  • Blend Mode: Soft Light 
  • Pattern: Satin
Pattern Overlay

Passo 5

Adicione um Outer Glow com estas configurações:

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

Isto vai terminar o efeito de gelo.

Styled Text Layer 3

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.

Create the Reflection Layer

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.

Flip Vertical

Passo 3

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

Move the Reflection

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.

Convert to Smart Object

Passo 5

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

Motion Blur

Passo 6

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

Add a Layer Mask

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.

Mask the Reflection

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.

Create the Shadow Layer

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.

Rasterize Type

Passo 3

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

Reposition the Shadow

Passo 4

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

Gaussian Blur

Passo 5

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

Shadow Layer Settings

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.

Add the Snow Texture

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.

Remove Unwanted Areas

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.

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.