7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

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

Scroll to top
Read Time: 7 mins
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 imageFinal product imageFinal 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 Styles3D Ice Cool Freeze and Snow Effects Styles3D 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 DocumentCreate a New DocumentCreate 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 RectangleCreate the Ground RectangleCreate the Ground Rectangle

Passo 3

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

Create the Back RectangleCreate the Back RectangleCreate 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 ShadowInner ShadowInner 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 OverlayGradient OverlayGradient 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 - 2Gradient Overlay - 2Gradient 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 GradientMove the GradientMove the Gradient

É assim que o primeiro retângulo deve ficar.

Styled GroundStyled GroundStyled 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 StyleCopy and Paste the Layer StyleCopy 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 GradientMove the GradientMove 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 LayerAdd a HueSaturation Adjustment LayerAdd a HueSaturation Adjustment Layer

Passo 2

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

HueSaturation SettingsHueSaturation SettingsHueSaturation 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 SettingsThe Gradient Fill SettingsThe Gradient Fill Settings

Passo 4

Altere o Blend Mode da camada Gradiente para Soft Light.

Change the Blend ModeChange the Blend ModeChange 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 TextureAdd the Background TextureAdd 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 SettingsBG Texture Layer SettingsBG 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 TextCreate the TextCreate 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 LayersDuplicate the Text LayersDuplicate 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 EmbossBevel and EmbossBevel and Emboss

Passo 2

Adicione um Contour com estas configurações:

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

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 GlowInner GlowInner 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 
SatinSatinSatin

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 OverlayGradient OverlayGradient 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 GlowOuter GlowOuter Glow

Passo 7

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

Change the Fill ValueChange the Fill ValueChange 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 EmbossBevel and EmbossBevel and Emboss

Passo 2

Adicione um Contour com estas configurações:

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

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 2Styled Text Layer 2Styled 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 EmbossBevel and EmbossBevel and Emboss

Passo 2

Adicione um Contour com estas configurações:

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

Passo 3

Adicione um Texture com estas configurações:

  • Pattern: Molecular 
  • Depth: 5% 
TextureTextureTexture

Passo 4

Adicione um Pattern Overlay com estas configurações:

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

Passo 5

Adicione um Outer Glow com estas configurações:

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

Isto vai terminar o efeito de gelo.

Styled Text Layer 3Styled Text Layer 3Styled 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 LayerCreate the Reflection LayerCreate 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 VerticalFlip VerticalFlip 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 ReflectionMove the ReflectionMove 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 ObjectConvert to Smart ObjectConvert to Smart Object

Passo 5

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

Motion BlurMotion BlurMotion Blur

Passo 6

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

Add a Layer MaskAdd a Layer MaskAdd 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 ReflectionMask the ReflectionMask 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 LayerCreate the Shadow LayerCreate 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 TypeRasterize TypeRasterize Type

Passo 3

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

Reposition the ShadowReposition the ShadowReposition the Shadow

Passo 4

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

Gaussian BlurGaussian BlurGaussian Blur

Passo 5

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

Shadow Layer SettingsShadow Layer SettingsShadow 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 TextureAdd the Snow TextureAdd 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 AreasRemove Unwanted AreasRemove 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 ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.