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

Como criar um efeito de texto brilhante ouropel no Adobe Photoshop

Read Time: 13 mins

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

Este tutorial mostrará como usar as configurações de pincel, os estilos de camada, as ferramentas de recuperação, as camadas de ajuste e algumas dicas e truques para criar um efeito de texto brilhante, brilhante e divertido. Vamos começar!

Este efeito de texto foi inspirado nos muitos estilos de camadadisponíveis no GraphicRiver .

Recursos do Tutorial

Os seguintes recursos foram usados ​​durante a produção deste tutorial:

  • Quicksand negrito fonte
  • Imagem de fundo por StockSnap
  • Padrões e Estilos de Photoshop Glitter por Recursos de Design Gratuito

1. Como Criar o Plano de Fundo e as Camadas de Texto

Passo 1

Crie um novo documento de 1613 x 1075 px e vá para Arquivo> Vincular local para abrir a imagem de plano de fundo .

Redimensione a imagem de fundo para caber dentro do documento e pressione a tecla Return para confirmar as alterações.

Background ImageBackground ImageBackground Image

Passo 2

Crie o texto em todos os maiúsculos usando a fonte Quicksand Bold . Altere o Tamanho para 300 pt , o Kerning para Optical e o valor Leading para 325 pt se você tiver várias linhas de texto.

Coloque o texto como quiser e não se preocupe com o plano de fundo, pois vamos corrigi-lo no final do tutorial.

Create the TextCreate the TextCreate the Text

2. Como criar caminhos de trabalho interno

Em seguida, vamos criar caminhos de trabalho dentro das letras que temos.

Você pode fazer isso usando a Pen Tool , mas neste tutorial, vamos usar a nova ferramenta Curvature Pen Tool do Photoshop .

Passo 1

Escolha a Ferramenta de Caneta de Curvatura , certifique-se de escolher a opção Caminho na barra Opções e clique uma vez no centro da primeira letra em que você deseja começar a criar o caminho de trabalho.

A ferramenta Caneta de Curvatura é diferente da ferramenta Caneta . Então, para criar pontos de esquina, você precisa clicar duas vezes ao adicionar o ponto e, para criar uma curva, pode clicar uma vez ou criar uma linha reta e clicar nessa linha para adicionar um ponto e arrastá-lo para crie a curva.

Quando terminar de criar o caminho, clique em Command emqualquer lugar fora dele.

Curvature Pen ToolCurvature Pen ToolCurvature Pen Tool

Passo 2

Você também pode usar qualquer outra ferramenta de forma para ajudá-lo a criar facilmente o caminho de trabalho para algumas das letras. Por exemplo, você pode usar a ferramenta Elipse , com o Path opção ativa, para criar o caminho de trabalho para a letra O .

Ellipse ToolEllipse ToolEllipse Tool

Passo 3

Certifique-se de criar todos os caminhos de trabalho necessários para preencher todas as cartas que você possui.

Create the Inner Work PathsCreate the Inner Work PathsCreate the Inner Work Paths

Passo 4

É muito importante salvar os caminhos criados. Para fazer isso, abra o painel Caminhos , clique duas vezes na guia Caminho de trabalho e digite Centro no campo Nome .

Save Work PathSave Work PathSave Work Path

Isso salvará os caminhos de trabalho para que você possa voltar para eles e usá-los a qualquer momento.

Saved Work PathSaved Work PathSaved Work Path

Passo 5

Clique com o botão direito do mouse na camada de texto e escolha Criar caminho de trabalho para criar o caminho de traçado externo.

Os pontos no topo da letra E são um pouco grandes demais e se sobrepõem à letra quando são acariciados com os pincéis de ouropel, então criaremos outros menores.

Para fazer isso, escolha a Direct Selection Tool , selecione os pontos e pressione a tecla Delete para excluí-los.

Create Work PathCreate Work PathCreate Work Path

Passo 6

Em seguida, use a ferramenta Elipse para criar caminhos circulares menores.

Quando terminar, clique duas vezes na nova guia Caminho de trabalho e nomeie-o Traçado .

Ellipse ToolEllipse ToolEllipse Tool

3. Como criar uma ponta de pincel ouropel

Passo 1

Escolha a ferramenta Retângulo , escolha a opção Forma nabarra Opções e crie um pequeno retângulo Preto de 3 x 30 px .

Ellipse ToolEllipse ToolEllipse Tool

Passo 2

Escolha a ferramenta Adicionar ponto de ancoragem e clique uma vez no meio de cada um dos lados verticais do retângulo para adicionar dois pontos de ancoragem.

Add Anchor PointsAdd Anchor PointsAdd Anchor Points

Passo 3

Use a Ferramenta de Seleção Direta para selecionar os dois pontos adicionados e clique na tecla da Esquerda três vezes para empurrar os pontos 3 px para a esquerda.

Nudge the Anchor PointsNudge the Anchor PointsNudge the Anchor Points

Passo 4

Command-clique na miniatura da camada de forma doretângulo para carregar a seleção.

Load SelectionLoad SelectionLoad Selection

Passo 5

Vá em Edit> Define Brush Preset e digite Tinsel Brush nocampo Name .

Define Brush PresetDefine Brush PresetDefine Brush Preset

4. Como modificar e salvar as configurações da ponta do pincel

Passo 1

Escolha a ferramenta Pincel , escolha a ponta do Pincel ouropel e abra o painel Pincel para modificar as configurações:

Forma de ponta de escova

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Dinâmica de Forma

Shape DynamicsShape DynamicsShape Dynamics

Espalhamento

ScatteringScatteringScattering

Dinâmica de Cor

Color DynamicsColor DynamicsColor Dynamics

Passo 2

Clique no ícone Criar novo pincel no canto inferior direito dopainel Pincel e altere o Nome para Pincel 01 .

Create New BrushCreate New BrushCreate New Brush

Passo 3

Modifique as configurações da mesma dica para criar outra variação:

Forma de ponta de escova

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Dinâmica de Forma

Shape DynamicsShape DynamicsShape Dynamics

Espalhamento

ScatteringScatteringScattering

Dinâmica de Cor

Color DynamicsColor DynamicsColor Dynamics

Passo 4

Clique no ícone Criar novo pincel e altere o Nome para Pincel 02 .

Create New BrushCreate New BrushCreate New Brush

Passo 5

Isso é opcional, mas é um novo recurso interessante no Photoshop que ajudará a manter as coisas um pouco mais organizadas.

Clique no ícone do Seletor de predefinições de pincel na barraOpções , clique com Comando nos ícones das três dicas de pincel que você criou para este tutorial ( pincel ouropel , pincel 01 e pincel 02 ), clique no ícone do menu suspenso e escolhaNovo pincel grupo .

Nomeie o grupo Tinsel Brushes e clique em OK .

New Brush GroupNew Brush GroupNew Brush Group

5. Como traçar caminhos de trabalho

Passo 1

Vamos criar seis novas camadas que serão usadas para criar o efeito ouropel principal, e vamos nomeá-las de acordo com o que elas irão conter. Por isso, é importante nomear as camadas conforme mencionado abaixo para seguir o tutorial facilmente.

Os nomes de baixo para cima são:

  • Derrame - escova 01
  • Centro - Escova 01
  • Centro - Escova 02
  • Curso - Escova 01 - Branco FG
  • Centro - Pincel 02 - Branco FG
  • Centro - Escova 01 - Desaturated
Create New LayersCreate New LayersCreate New Layers

Passo 2

Coloque todas as novas camadas em um grupo e chame-as deTinsel e defina a cor de primeiro plano como # d9001f e acor de segundo plano como # 300600 .

New GroupNew GroupNew Group

Passo 3

Abra o painel Caminhos e, para cada camada, selecione o caminho no nome da camada e trace-o com a dica do pincel mencionada junto com ele.

Portanto, se você selecionar a camada Stroke - Brush 01 , precisará clicar no caminho do trabalho Stroke no painel Paths , selecionar Brush Tool, escolher a dica Brush 01 e pressionar atecla Return para percorrer o caminho.

Stroke the Work PathStroke the Work PathStroke the Work Path

Passo 4

Para alternar rapidamente entre as dicas de pincel, você podeclicar com o botão direito do mouse em qualquer lugar para obter a predefinição e escolher a dica de que precisa.

Switch Brush TipsSwitch Brush TipsSwitch Brush Tips

Passo 5

Certifique-se de definir a cor de primeiro plano para brancoantes de traçar as duas camadas que têm branco FG em seu nome.

White Foreground ColorWhite Foreground ColorWhite Foreground Color

Passo 6

Altere a cor de primeiro plano de volta para # d9001f antes de criar o traçado da camada Center - Brush 01 - da camadadessaturada .

Stroke the Work PathStroke the Work PathStroke the Work Path

6. Como adicionar brilho e efeitos de sombra

Clique duas vezes na camada Stroke - Brush 01 para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Inner Glow com estas configurações:

  • Modo de Mistura: Luz Linear
  • Opacidade: 50%
  • Cor: # a7a7a7
  • Tamanho: 10
Inner GlowInner GlowInner Glow

Passo 2

Adicione um Drop Shadow com estas configurações:

  • Opacidade: 36%
  • Distância: 10
  • Tamanho: 5
Drop ShadowDrop ShadowDrop Shadow

Isso irá estilizar a primeira camada.

Styled LayerStyled LayerStyled Layer

Passo 3

Clique duas vezes na camada Center - Brush 01 para aplicar um efeito Inner Glow com estas configurações:

  • Modo de Mistura: Luz Linear
  • Opacidade: 74%
  • Cor: # a7a7a7
  • Tamanho: 10
Inner GlowInner GlowInner Glow

Isso ajudará a construir o efeito de brilho para adicionar mais dimensão ao enfeite.

Você pode ocultar as camadas superiores para ver os efeitos aplicados e, em seguida, mostrá-los novamente.

Hide and Show LayersHide and Show LayersHide and Show Layers

Clique duas vezes na camada Center - Brush 02 para aplicar o seguinte estilo de camada:

Passo 4

Adicione um Inner Glow com estas configurações:

  • Modo de Mistura: Luz Linear
  • Opacidade: 74%
  • Cor: # a7a7a7
  • Tamanho: 10
Inner GlowInner GlowInner Glow

Passo 5

Adicione um Drop Shadow com estas configurações:

  • Opacidade: 50%
  • Distância: 0
  • Tamanho: 5
Drop ShadowDrop ShadowDrop Shadow

Passo 6

Altere o centro - o modo de mesclagem da camada 02 do pincel para Overlay .

Blend ModeBlend ModeBlend Mode

7. Como estilo camadas

Passo 1

Altere o modo de mistura da camada Stroke - Brush 01 - White FG Layer para Linear Light e sua opacidade para 60% .

Layer SettingsLayer SettingsLayer Settings

Clique duas vezes na camada Center - Brush 02 - White FGpara aplicar o seguinte estilo de camada:

Passo 2

Adicione uma sobreposição de padrões com estas configurações:

  • Modo de Mistura: Luz Vívida
  • Opacidade: 70%
  • Padrão: FDR Glitter Pattern 02
Pattern OverlayPattern OverlayPattern Overlay

Passo 3

Adicione um Drop Shadow com estas configurações:

  • Modo de Mistura: Queima Linear
  • Cor: # 8e8e8e
  • Opacidade: 35%
  • Distância: 0
  • Tamanho: 5
Drop ShadowDrop ShadowDrop Shadow

Passo 4

Alterar o Center - Escova 02 - White FG camada Blend Modepara Linear Light .

Blend ModeBlend ModeBlend Mode

Passo 5

Selecione o Centro - Escova 01 - Camada dessaturada e vá para Imagem> Ajustes> Dessaturar .

DesaturateDesaturateDesaturate

Passo 6

Clique duas vezes na camada Center - Brush 01 - Desaturatedpara aplicar um efeito Inner Glow com estas configurações:

  • Modo de Mistura: Luz Linear
  • Opacidade: 60%
  • Cor: # a7a7a7
  • Fonte: Centro
  • Tamanho: 7
Inner GlowInner GlowInner Glow

Passo 7

Altere o Centro - Escova 01 - Modo Misturado da CamadaDesaturada para Luz Suave .

Blend ModeBlend ModeBlend Mode

8. Como colorir um grupo de camadas

Clique duas vezes no grupo Ouropel para aplicar o seguinte estilo de camada:

Passo 1

Adicione uma sobreposição de cores com estas configurações:

  • Cor: # c29816
  • Modo de mistura: matiz
Color OverlayColor OverlayColor Overlay

Passo 2

Adicione outra instância do efeito Color Overlay com estas configurações:

  • Cor: #cecece
  • Modo de Mistura: Divide
Color OverlayColor OverlayColor Overlay

Passo 3

Adicione um Drop Shadow com estas configurações:

  • Modo de Mistura: Queima Linear
  • Cor: # 1e0700
  • Opacidade: 10%
  • Distância: 30
  • Tamanho: 5
Drop ShadowDrop ShadowDrop Shadow

Isto irá criar o efeito final ouropel.

Tinsel EffectTinsel EffectTinsel Effect

9. Como criar uma sobreposição de textura usando filtros

Passo 1

Crie uma nova camada em cima de todas as camadas, nomeie-a como Texture Overlay , preencha com White e clique com o botão direito do mouse para escolher Convert to Smart Object.

Defina as cores de primeiro plano e plano de fundo parapreto e branco .

Texture OverlayTexture OverlayTexture Overlay

Passo 2

Vá para Filter> Render> Fibers e altere a variação para 30 e aforça para 3 .

Fibers FilterFibers FilterFibers Filter

Passo 3

Vá para Filter> Filter Gallery> Sketch> Bas Relief e use estas configurações:

  • Detalhe: 13
  • Suavidade: 3
  • Luz: Inferior
Bas Relief FilterBas Relief FilterBas Relief Filter

Passo 4

Clique no ícone Nova camada de efeito no canto inferior direito, vá para Textura> Grão e use estas configurações:

  • Intensidade: 40
  • Contraste: 50
  • Tipo de Grão: Regular
Grain FilterGrain FilterGrain Filter

Passo 5

Clipe da camada Texture Overlay no grupo Tinsel e altere seuBlend Mode para Soft Light e sua opacidade para 50% .

Layer SettingsLayer SettingsLayer Settings

10. Como adicionar ajustes globais

Passo 1

Adicione uma camada de ajuste de cor seletiva com estas configurações:

Amarelos

  • Ciano: -10
  • Magenta: -2
  • Preto: -5
Selective ColorSelective ColorSelective Color

Passo 2

Adicione uma camada de ajuste Color Lookup , escolha a tabela Fuji ETERNA 250D Kodak 2395 (da Adobe) .cube no menu3DLUT File e altere sua opacidade para 15% .

Color LookupColor LookupColor Lookup

Passo 3

Adicione uma camada de preenchimento de cor sólida com acor # 150806 e mude seu modo de mesclagem para Soft Light e sua opacidade para 20% .

Solid ColorSolid ColorSolid Color

Passo 4

Use a Elliptical Marquee Tool para criar uma seleção elíptica ao redor do texto, selecione a miniatura da máscara de camada decor sólida e preencha a seleção com preto .

Layer MaskLayer MaskLayer Mask

Passo 5

Com a miniatura da máscara ainda selecionada, abra o painelPropriedades e altere o valor de Feather para 52% para criar um efeito de vinheta simples e rápido.

Vignette EffectVignette EffectVignette Effect

11. Como adicionar Glitter usando as configurações do pincel

Passo 1

Crie uma nova camada na parte superior da camada da imagem de plano de fundo e nomeie-a como Glitter de fundo .

Background GlitterBackground GlitterBackground Glitter

Clique duas vezes na camada Background Glitter para aplicar os seguintes estilos de camada:

Passo 2

Adicione uma sobreposição de padrões com estas configurações:

  • Padrão: FDR Glitter Pattern 16
Pattern OverlayPattern OverlayPattern Overlay

Passo 3

Adicione um Drop Shadow com estas configurações:

  • Modo de Mistura: Queima Linear
  • Cor: # 0a1119
  • Opacidade: 15%
  • Distância: 1
  • Tamanho: 2
Drop ShadowDrop ShadowDrop Shadow

Passo 4

Escolha a ferramenta Pincel , escolha a ponta Granulada de Densidade Baixa Dura do Aerógrafo e abra o painel Pincelpara alterar as configurações de Dispersão conforme necessário.

O importante para isso funcionar é usar um grande tamanho deponta de pincel de 300px .

ScatteringScatteringScattering

Passo 5

Clique e arraste levemente para adicionar o brilho atrás do texto.Você pode alterar as configurações do pincel para obter um resultado desejado.

Add the GlitterAdd the GlitterAdd the Glitter

12. Como modificar uma imagem de fundo

Passo 1

Clique duas vezes na miniatura do Objeto Inteligente daImagem em Segundo Plano para abrir o arquivo.

Escolha o Content-Aware Move Tool e defina o modo paramover na barra de opções .

Selecione o objeto que você deseja mover e coloque em outro lugar e certifique-se de incluir algum espaço vazio ao redor dele na seleção.

Você pode verificar a caixa Transform on Drop se quiser transformar o objeto depois de movê-lo.

Content-Aware Move ToolContent-Aware Move ToolContent-Aware Move Tool

Passo 2

Mova o objeto selecionado para sua nova posição, transforme-o se necessário e, em seguida, pressione Retornar .

Move the Selected ElementMove the Selected ElementMove the Selected Element

Passo 3

Depois disso, você pode usar qualquer uma das outrasferramentas de tratamento para combinar melhor as bordas do objeto com o novo plano de fundo.

Você também pode usar as ferramentas Dodge , Burn e Spongesempre que necessário.

Blend with the New BackgroundBlend with the New BackgroundBlend with the New Background

Passo 4

Se houver partes que deseja remover completamente, selecione-as usando qualquer ferramenta de seleção e vá para Edit> Fill e escolha Content-Aware no menu Content .

Content-Aware FillContent-Aware FillContent-Aware Fill

Passo 5

Novamente, use as ferramentas de cura para fazer qualquer ajuste adicional na área após a remoção do objeto.

Healing ToolsHealing ToolsHealing Tools

Passo 6

Faça qualquer outro ajuste necessário ao fundo usando as mesmas ferramentas.

Adjust the BackgroundAdjust the BackgroundAdjust the Background

Passo 7

Você pode salvar o arquivo e voltar ao documento original para ver as alterações e fazer os ajustes necessários.

Make Further AdjustmentsMake Further AdjustmentsMake Further Adjustments

13. Como adicionar toques de acabamento

Passo 1

Adicione uma camada de ajuste Matiz / Saturação e prenda-a àcamada Imagem de fundo .

Escolha o canal Amarelos e altere o valor de Saturação para -25.

HueSaturationHueSaturationHueSaturation

Passo 2

Precisamos da camada Matiz / Saturação para afetar apenas os sinos da imagem.

Portanto, preencha a máscara de camada Matiz / Saturação comPreto , defina a cor de primeiro plano como branco e use uma ponta de pincel redonda e macia para passar os sinos.

Adjust the Layer MaskAdjust the Layer MaskAdjust the Layer Mask

Passo 3

Selecione a camada Glitter de fundo e clique no íconeAdicionar máscara de camada na parte inferior do painelCamadas .

Defina a cor de primeiro plano para preto e pinte sobre as áreas que você deseja remover o brilho, como os sinos e as árvores, uma vez que o brilho deve estar sob eles.

Modify the Background GlitterModify the Background GlitterModify the Background Glitter

Parabéns! Você está feito

Neste tutorial, criamos uma dica de pincel simples e ajustamos suas configurações para criar o efeito principal de enfeite.

Em seguida, estilizamos as várias camadas usadas na criação do efeito para alcançar o resultado final. Depois disso, adicionamos glitter, modificamos a imagem de plano de fundo e adicionamos ajustes globais ao efeito.

Finalmente, usamos mais algumas camadas de ajuste e máscaras de camada para adicionar toques finais.

Por favor, sinta-se livre 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.
Scroll to top
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.