1. Design & Illustration
  2. Text Effects

Como Escrever na Areia no Adobe Photoshop

by
Read Time:11 minsLanguages:

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

Estilos de Camada do Adobe Photoshop são uma das formas mais rápidas, também mais eficazes de alcançar muitos efeitos diferentes. Este tutorial vai mostrar a você como combinar o poder dos Estilos de Camada junto com um par de texturas, pincéis, e opções de seleção para criar um efeito de texto escrito na areia com aparência realista.

Recursos do Tutorial

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

1. Carregue o Conjunto de Modelos de Natureza

Vá para Edit > Preset Manager, e escolha Patterns do menu drop down Preset Type. Depois, clique na pequena seta do lado direito do menu drop down Preset Type, e clique em Nature Patterns no meio do menu pop-up. Quando a caixa de diálogo aparecer depois disso, apenas clique em Append.

Loading the Nature Patterns SetLoading the Nature Patterns SetLoading the Nature Patterns Set

2. Crie o Fundo

Passo 1

Abra a imagem SoilSand0204, depois vá para Image > Adjustments > Color Balance. Com a opção Midtones em Tone Balance selecionada, mude os valores de Color Levels para 8, -1, e -26.

Adjusting the Color BalanceAdjusting the Color BalanceAdjusting the Color Balance

Passo 2

Clique na opção Highlights, e mude seus valores de Color Levels para 5, -1, e -5. Isto vai ajustar a coloração da textura da areia.

Adjusting the Color BalanceAdjusting the Color BalanceAdjusting the Color Balance

Passo 3

Duplique a camada do Background.

Duplicating the Background LayerDuplicating the Background LayerDuplicating the Background Layer

Passo 4

Vá para Image > Adjustments > Levels, e mude o valor de Gamma para 0.80 para escurecer um pouco a textura.

Adjusting the LevelsAdjusting the LevelsAdjusting the Levels

3. Crie o Texto

Passo 1

Crie o texto em All Caps usando a fonte GelPen Medium. O Tamanho da fonte é 350 pt, o valor de Tracking é 100, a cor é #6c6760, e se você está criando mais do que uma linha de texto, certifique-se de ajustar o valor de Leading conforme for necessário. Aqui, ele está definido para 300 pt.

Creating the TextCreating the TextCreating the Text

Passo 2

Mude o Blend Mode da camada de texto para Soft Light, depois duplique-a.

Changing the Blend ModeChanging the Blend ModeChanging the Blend Mode

4. Estilize as Camadas de Texto

Passo 1

Dê um Duplo Clique na camada do texto original para aplicar um efeito Inner Shadow usando os seguintes valores:

  • Desmarque a caixa Use Global Light
  • Angle: -180
  • Distance: 20
  • Size: 20
Inner ShadowInner ShadowInner Shadow

Passo 2

Isto vai adicionar um simples efeito de sombra interna.

ResultResultResult

Dê um Duplo Clique na camada de texto copiada para aplicar a seguinte Layer Style:

Passo 3

  • Technique: Chisel Hard
  • Direction: Down
  • Size: 70
  • Marque a caixa Anti-aliased
  • Shadow Mode - Opacity: 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 4

  • Contour : Log
  • Marque a caixa Anti-aliased.
ContourContourContour

Passo 5

Isto vai ajudar a definir a forma do texto interno.

ResultResultResult

5. Crie o Pincel e o Traçado do Texto para as Bordas Externas

Passo 1

Clique com o botão direito do mouse em qualquer uma das camadas de texto e escolha Create Work Path. Crie uma nova camada em cima de todas as camadas, chame-a de 1, e pegue a Ferramenta Brush.

Work PathWork PathWork Path

Passo 2

Abra o painel Brush (Window > Brush), escolha uma ponta de pincel circular dura, e modifique suas Configurações como mostradas abaixo:

Brush Tip Shape

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Passo 3

Shape Dynamics

Shape DynamicsShape DynamicsShape Dynamics

Passo 4

Pegue a Ferramenta Direct Selection (A), clique com o botão direito do mouse no caminho, e escolha Stroke Path.

Escolha Brush do menu drop down Tool, e clique em OK. Depois aperte Enter/Return para se livrar do caminho de trabalho.

Stroke the Work PathStroke the Work PathStroke the Work Path

6. Modifique o Curso da Borda

Passo 1

Comando-clique na miniatura da camada do traço (camada 1) para criar uma seleção.

Create a SelectionCreate a SelectionCreate a Selection

Passo 2

Vá para Select > Modify > Contract, e digite em 3.

Modify the SelectionModify the SelectionModify the Selection

Passo 3

Vá para Select > Modify > Feather, e digita em 2.

Modify the SelectionModify the SelectionModify the Selection

Passo 4

Torne a camada do traço invisível clicando no ícone do olho próximo a ela, depois selecione a camada Background copy.

Modify the SelectionModify the SelectionModify the Selection

Passo 5

Pressione Comando-J para duplicar a seleção em uma nova camada. Ela vai ser chamada de Layer 1 por padrão. Arraste a Layer 1 para cima de todas as camadas.

Modify the StrokeModify the StrokeModify the Stroke

7. Estilize o Traço Modificado

Dê um Duplo Clique na Layer 1 para aplicar o seguinte Layer Style:

Passo 1

  • Marque a caixa Anti-aliased
  • Highlight Mode: Soft Light
  • Color: #ffe1ba
  • Shadow Mode: Linear Burn
  • Color: #d0c1ab
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Use os valores padrão de Contour.

ContourContourContour

Passo 3

  • Pattern : Spiky Bush
PatternPatternPattern

Passo 4

Isto vai estilizar o traço.

ResultResultResult

8. Crie a Área de Transição

Passo 1

Para ajudar a misturar o traço com a textura da areia com mais facilidade, vamos adicionar uma área de transição que desaparece gradualmente para fazer o efeito parecer mais natural, por isso crie uma seleção baseada na camada 1 de novo.  

Create a SelectionCreate a SelectionCreate a Selection

Passo 2

Vá para Select > Modify > Expand, e digite em 7.

Modify the SelectionModify the SelectionModify the Selection

Passo 3

Vá para Select > Modify > Feather, e digite em 5.

Modify the SelectionModify the SelectionModify the Selection

Passo 4

Comando-Shift-clique na miniatura da camada de texto para adicioná-la para a seleção que você tem, para que a seleção não tenha nenhuma área vazia dentro.

Modify the SelectionModify the SelectionModify the Selection

Passo 5

Selecione a camada original Background, depois pressione Comando-J para duplicar a seleção em uma nova camada. Essa camada vai ser chamada de Layer 2. Arraste-a em cima das duas camadas Background e bem abaixo da camada de texto original.

Modify the Transition AreaModify the Transition AreaModify the Transition Area

Passo 6

Duplo Clique na Layer 2 para aplicar um efeito Drop Shadow usando os valores abaixo:

  • Blend Mode: Linear Burn
  • Color: #e8e3dc
  • Desmarque a caixa Use Global Light
  • Angle: 139
  • Distance: 19
  • Size: 18
Drop ShadowDrop ShadowDrop Shadow

Passo 7

Você pode ver como isto está começando a se misturar bem mais.

ResultResultResult

9. Crie o Curso da Areia Elevado

Passo 1

Pegue a Ferramenta Brush e abra o painel Brush de novo. Com a ponta redonda dura ainda selecionada, modifique as Configurações como mostradas abaixo:

Brush Tip Shape

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Passo 2

Shape Dynamics

Shape DynamicsShape DynamicsShape Dynamics

Passo 3

Scattering

ScatteringScatteringScattering

Passo 4

Clique com o botão direito do mouse na camada do texto e escolha Create Work Path, crie uma nova camada abaixo da camada do texto original e chame-a de Stroke Shadow (Sombra do Traço), pegue a Ferramenta Direct Selection, e defina a cor de Foreground para #404040.

Create the Work PathCreate the Work PathCreate the Work Path

Passo 5

Contorne o caminho como você fez antes, e não se esqueça de se livrar do caminho de trabalho depois.

Stroke the Work PathStroke the Work PathStroke the Work Path

10. Modifique e Estilize o Curso Elevado da Areia 

Passo 1

Comando-clique na miniatura da camada Stroke Shadow para criar uma seleção.

Create SelectionCreate SelectionCreate Selection

Passo 2

Selecione a camada da cópia do Background, pressione Comando-J, renomeie a camada duplicada para Stroke, depois arraste-a em cima da camada Stroke Shadow.

Duplicate the Selected AreaDuplicate the Selected AreaDuplicate the Selected Area

Passo 3

Clique com o botão direito do mouse na Layer 1, escolha Copy Layer Style, depois clique com o botão direito do mouse na camada Stroke, e escolha Paste Layer Style para estilizar o curso elevado da areia.

Apply Layer StyleApply Layer StyleApply Layer Style

11. Modificar a Sombra da Areia Elevada

Passo 1

Selecione a camada Stroke Shadow, depois vá para Filter > Blur > Motion Blur. Mude o Angle para -30 e a Distance para 20.

Motion BlurMotion BlurMotion Blur

Passo 2

Mude o Blend Mode da camada Stroke Shadow para Linear Light, depois, usando a Ferramenta Move (V), clique-arraste a sombra para posicioná-la, para que ela se estenda diagonalmente  para longe da areia.

Modify the Stroke ShadowModify the Stroke ShadowModify the Stroke Shadow

Passo 3

Comando-clique em uma miniatura da camada de texto para criar uma seleção, certifique-se de que a camada Stroke Shadow ainda está ativa, depois aperte Delete para se livrar das partes internas da sombra. Vá para Select > Deselect quando terminar.

Modify the Stroke ShadowModify the Stroke ShadowModify the Stroke Shadow

12. Adicione a Estrela do Mar

Passo 1

Abra a imagem Red Seastar Isolated On White Background, use a Ferramenta Magic Wand para selecionar a área branca ao redor dela, e inverta a seleção indo para Select > Inverse. Depois vá para Edit > Copy para copiar a estrela selecionada.

Select the StarfishSelect the StarfishSelect the Starfish

Passo 2

Volte para o documento original, vá para Edit > Paste, e coloque a camada da estrela do mar em cima de todas as camadas. Vá para Image > Adjustments > Hue/Saturation, e mude a Saturation para -15 para diminuir um pouco a vibração da cor.

Adjust the HueSaturationAdjust the HueSaturationAdjust the HueSaturation

Passo 3

Duplo Clique na camada da estrela do mar para aplicar o seguinte Layer Style:

  • Opacity: 35%
  • Desmarque a caixa Use Global Light
  • Angle: -30
Inner ShadowInner ShadowInner Shadow

Passo 4

  • Blend Mode: Multiply
  • Opacity: 55%
  • Color: #d8d2ca
  • Size: 16
Outer GlowOuter GlowOuter Glow

Passo 5

  • Blend Mode: Linear Light
  • Color: #404040
  • Desmarque a caixa Use Global Light
  • Angle: 138
  • Noise: 20
Drop ShadowDrop ShadowDrop Shadow

Passo 6

Isto vai adicionar uma simples sombra para a estrela do mar.

ResultResultResult

Passo 7

O que você vai precisar fazer em seguida, é usar o mesmo pincel modificado no Passo 8 para adicionar manualmente alguma areia para as bordas da estrela do mar, depois siga os Passos 9-1 até 10-2 para modificar e estilizar o traço e sua sombra. E finalmente, Comando-clique na miniatura da camada da estrela do mar para criar uma seleção, selecione a camada da sombra do curdo da estrela do mar, e aperte Delete para se livrar da sombra interna dela.

Adding the Sand to the StarfishAdding the Sand to the StarfishAdding the Sand to the Starfish

13. Ajuste as Cores

Passo 1

Clique no ícone Create new fill ou adjustment layer abaixo do painel Layers e escolha Curves.

CurvesCurvesCurves

Passo 2

Ajuste as curvas como mostradas abaixo. Você pode também clicar no ícone da pequena mão com setas e depois clicar e arrastar na imagem para modificar o brilho como você quiser.

CurvesCurvesCurves

Passo 3

Clique no ícone Create new fill ou adjustment layer de novo e escolha Solid Color.

Solid ColorSolid ColorSolid Color

Passo 4

Use a cor #b1a99c, mude a Blend Mode da camada para Color Burn e sua Opacity para 20%.

Solid ColorSolid ColorSolid Color

14. Adicione a Espuma

Passo 1

Coloque a imagem WaterFoam0018 em cima de todas as camadas e mude seu Blend Mode para Screen, depois vá para Image > Adjustments > Desaturate. Mova a espuma para baixo conforme for necessário, depois, você pode pegar a Ferramenta Eraser (E) com uma ponta circular suave, e remova qualquer parte que você não quer.

Adding the FoamAdding the FoamAdding the Foam

Passo 2

Crie uma nova camada abaixo da camada da espuma e chame-a de Water. Pegue a Ferramenta Lasso Selection e depois desenhe uma seleção seguindo as bordas da espuma, deixando alguma distância dela. Preencha essa seleção com a cor #b2b3ad.

Adding the FoamAdding the FoamAdding the Foam

Passo 3

Vá para Select > Deselect. Mude o Blend Mode da camada Water para Multiply e sua Opacity para 20%.

Adding the FoamAdding the FoamAdding the Foam

Passo 4

Vá para Filter > Blur > Gaussian Blur, e mude o Radius para 5.

Gaussian BlurGaussian BlurGaussian Blur

Passo 5

Duplique a camada Water, depois mude a Opacity da cópia para 15. Arraste a cópia um pouco mais para baixo para criar uma camada mais escura entre a camada Water e a camada da espuma.

Adding the FoamAdding the FoamAdding the Foam

15. Aplique o Filtro de Iluminação

Passo 1

Selecione todas as camadas exceto para as camadas da espuma e Water, duplique elas, depois vá para Layer > Merge Layers. Renomeie a camada mesclada para Final.

Lighting EffectsLighting EffectsLighting Effects

Passo 2

Vá para Filter > Render > Lighting, escolha a luz Spot, depois mova e escale ela em volta como você quiser.

Lighting EffectsLighting EffectsLighting Effects

Passo 3

Mude o resto das configurações como mostradas abaixo. As cores usadas em RGB são:

  • Color: 246, 242, 234
  • Colorize: 247, 240, 223
Lighting EffectsLighting EffectsLighting Effects

Passo 4

A ponta do pincel vai dar a você um resultado diferente a cada momento que você usá-la. Então você pode sempre tentar algumas vezes até que você consiga um resultado que você goste, se necessário.

Getting Different Stroke OutcomesGetting Different Stroke OutcomesGetting Different Stroke Outcomes

Parabéns! Você Terminou.

Neste tutorial, um fundo de textura de areia foi modificado, e o texto foi criado e estilizado para adicionar a sombra interna e alguma profundidade.

Depois, um par de pincéis foi modificado para criar um par de camadas de traços para alcançar a areia externa e as partes elevadas da areia, assim como uma simples transição do curso para ajudar a misturar bem o texto com a areia. Todas as camadas criadas foram estilizadas e modificadas para criar a aparência como a de areia e adicionar as sombras.

Uma simples estrela do mar foi então adicionada para a cena usando as mesma técnicas para misturá-la. e um par de ajustes de camadas foram adicionados para realçar a coloração e o brilho do resultado final.

A espuma foi depois adicionada também, e o resto das camadas foram mescladas para aplicar um filtro de iluminação para obter o resultado final.

Espero que você tenha aproveitado o tutorial e achado as dicas e os truques utilizados úteis. Por favor, sinta-se livre para deixar seus comentários abaixo, e compartilhe seu resultado final conosco.

One subscription.
Unlimited Downloads.
Get unlimited downloads