Como criar um efeito de texto colorido e brilhante no Adobe Photoshop

Se você quiser aprender como fazer texto brilhante no Photoshop, neste tutorial mostrarei como usar o painel Layer Style para criar letras brilhantes. Você não precisa de uma fonte brilhante especial – basta seguir estas etapas!

E se quiser economizar tempo, você pode usar ga-analytics#sendElementsClickEvent”>Envato Elements para encontrar outros efeitos brilhantes, por exemplo este:

ga-analytics#sendElementsClickEvent”>

O que você aprenderá neste tutorial de texto brilhante

  • Como fazer letras brilhantes no Photoshop
  • Como criar um logotipo de texto brilhante sem uma fonte brilhante
  • Como fazer o texto parecer 3D
  • Como fazer algo parecer brilhante com estilos de camada

Acompanhe-nos em nosso canal Envato Tuts+ no YouTube:


Recursos do tutorial

Os seguintes ativos foram usados ​​durante este tutorial:

  • Fonte: Lagosta 1.4
  • Plano de fundo e contorno dentro do arquivo zip anexado a este tutorial

1. Como adicionar um efeito de brilho no Photoshop

Passo 1

Vá para Arquivo > Abrire abra a imagem de fundo.

Imagem de fundoImagem de fundoImagem de fundo

Passo 2

Escolha o Ferramenta de tipo horizontal (T) com estas configurações:

  • Fonte: Lagosta 1.4
  • Tamanho: 210 pontos
  • Modo anti-aliasing: Afiado
  • Cor branca #ffffff
Ferramenta de texto horizontal e suas configuraçõesFerramenta de texto horizontal e suas configuraçõesFerramenta de texto horizontal e suas configurações

etapa 3

Escreva “Brilhante” e coloque-o no centro do documento.

Para centralizar uma camada, pressione Controle-A para selecionar o documento e, em seguida, escolha o Ferramenta Mover (V) e clique no Alinhar centro vertical e Alinhar centro horizontal ícones.

Alinhando a camadaAlinhando a camadaAlinhando a camada

Passo 4

Clique duas vezes no Brilhante camada para abrir o Estilo de Camada janela.

Sinta-se à vontade para ativar e desativar os seguintes efeitos para ver o que mudou. Vamos começar com o Sobreposição de Gradiente; assim você poderá ver melhor o que está acontecendo.

Adicione um Sobreposição de Gradiente com estas configurações:

  • Modo de mistura: Normal
  • Pontilhamento: Desmarcado
  • Opacidade: 100%
  • Reverter: Desmarcado
  • Estilo: Linear
  • Alinhar com camada: Verificado
  • Ângulo: 90º
  • Escala: 100%

Clique na Barra de Gradiente e faça um gradiente com estas configurações:

  • Cor da primeira parada: #ffc600
  • Primeira posição de parada: 0%
  • Cor da segunda parada: #f8e45f
  • Segunda posição de parada: 100%
Configurações de sobreposição de gradienteConfigurações de sobreposição de gradienteConfigurações de sobreposição de gradiente

Etapa 5

Adicione um Chanfro e relevo com estas configurações:

  • Estilo: Gravar
  • Técnica: Suave
  • Profundidade: 286%
  • Direção: Acima
  • Tamanho: 10 pixels
  • Suavizar: 0 pixels
  • Use Luz Global: Desmarcado
  • Ângulo: 96º
  • Altitude: 16º
  • Gloss Contour: Clique na caixa Contour e carregue o arquivo Contorno Brilhante.shc (arquivo zip)
  • Anti-alias: Verificado
  • Modo de destaque: Tela
  • Cor do modo de destaque: #ffee93
  • Opacidade do modo de destaque: 67%
  • Modo sombra: Normal
  • Cor do modo sombra: #190a20
  • Opacidade do modo sombra: 9%
Configurações de chanfro e relevoConfigurações de chanfro e relevoConfigurações de chanfro e relevo

Etapa 6

Adicione um AVC com estas configurações:

  • Tamanho: 4 pixels
  • Posição: Fora
  • Modo de mistura: Normal
  • Opacidade: 100%
  • Superimposição: Desmarcado
  • Tipo de preenchimento: Cor
  • Cor: #7344ac
Configurações de traçoConfigurações de traçoConfigurações de traço

Etapa 7

Adicione um Sombra projetada com estas configurações:

  • Modo de mistura: Normal
  • Cor: #ae00f6
  • Opacidade: 100%
  • Use Luz Global: Desmarcado
  • Ângulo: 120º
  • Distância: 5 pixels
  • Espalhar: 100%
  • Tamanho: 5 pixels
  • Contorno: Linear
  • Anti-alias: Desmarcado
  • Barulho: 0%
  • Camada elimina sombra projetada: Verificado
Configurações de sombra projetadaConfigurações de sombra projetadaConfigurações de sombra projetada

Sua imagem deve ficar assim:

Como a imagem deve ficarComo a imagem deve ficarComo a imagem deve ficar

Etapa 8

Selecione os Brilhante camada e pressione Controle-J para duplicá-lo. Em seguida, clique com o botão direito e escolha renomeá-lo para Parte superior brilhante.

Renomeando a camadaRenomeando a camadaRenomeando a camada

Etapa 9

Clique com o botão direito o Parte superior brilhante camada e escolha Limpar estilo de camada. Então Duplo click a camada para abrir o Estilo de Camada janela.

Adicione um Chanfro e relevo com estas configurações:

  • Estilo: Bisel Interno
  • Técnica: Suave
  • Profundidade: 551%
  • Direção: Acima
  • Tamanho: 16px
  • Suavizar: 0 pixels
  • Use Luz Global: Desmarcado
  • Ângulo: 96º
  • Altitude: 16º
  • Contorno brilhante: Enseada – Rasa
  • Modo de destaque: Tela
  • Cor do modo de destaque: #ffee93
  • Opacidade do modo de destaque: 67%
  • Modo sombra: Normal
  • Cor do modo sombra: #190a20
  • Opacidade do modo sombra: 9%
Configurações de chanfro e relevoConfigurações de chanfro e relevoConfigurações de chanfro e relevo

Etapa 10

Adicione um Sombra interior com estas configurações:

  • Modo de mistura: Multiplicar
  • Cor: #bf8c01
  • Opacidade: 21%
  • Use Luz Global: Desmarcado
  • Ângulo: -45º
  • Distância: 5 pixels
  • Estrangular: 0%
  • Tamanho: 5 pixels
  • Contorno: Linear
  • Anti-alias: Desmarcado
  • Barulho: 0%
Configurações de sombra internaConfigurações de sombra internaConfigurações de sombra interna

Etapa 11

Adicione um Sobreposição de Gradiente com estas configurações:

  • Modo de mistura: Queimadura de cor
  • Pontilhamento: Desmarcado
  • Opacidade: 100%
  • Estilo: Linear
  • Alinhar com camada: Verificado
  • Ângulo: 90º
  • Escala: 100%

Clique na Barra de Gradiente e faça um gradiente com estas configurações:

  • Cor da primeira parada: #a5a5a5
  • Primeira posição de parada: 4%
  • Cor da segunda parada: #ffffff
  • Segunda posição de parada: 27%
  • Cor da terceira parada: #e2e2e2
  • Terceira posição de parada: 74%
  • Cor da quarta parada: #b2b2b2
  • Quarta posição de parada: 100%
Configurações de sobreposição de gradienteConfigurações de sobreposição de gradienteConfigurações de sobreposição de gradiente

Etapa 12

Adicione um Brilho externo com estas configurações:

  • Modo de mistura: Tela
  • Opacidade: 75%
  • Barulho: 0%
  • Cor: #eac919
  • Técnica: Mais suave
  • Espalhar: 0%
  • Tamanho: 0 pixels
  • Contorno: Linear
  • Anti-alias: Desmarcado
  • Faixa: 50%
  • Tremor: 0%
Configurações de brilho externoConfigurações de brilho externoConfigurações de brilho externo

Etapa 13

Adicione um Sombra projetada com estas configurações:

  • Modo de mistura: Exclusão
  • Cor: #1eff00
  • Opacidade: 100%
  • Use Luz Global: Desmarcado
  • Ângulo: 120º
  • Distância: 3 pixels
  • Espalhar: 100%
  • Tamanho: 3 pixels
  • Contorno: Linear
  • Anti-alias: Verificado
  • Barulho: 0%
  • Camada elimina sombra projetada: Verificado

Depois disso, clique OK

Configurações de sombra projetadaConfigurações de sombra projetadaConfigurações de sombra projetada

Etapa 14

Agora espere Ao controle e clique no Brilhante e Parte superior brilhante camadas para selecionar ambas. Então aperte Controle-G para agrupar as camadas.

Agrupando as camadasAgrupando as camadasAgrupando as camadas

Etapa 15

Duplo click a camada de grupo para abrir o Estilo de Camada janela.

Adicione um Sombra projetada com estas configurações:

  • Modo de mistura: Normal
  • Cor: #000000
  • Opacidade: 30%
  • Use Luz Global: Desmarcado
  • Ângulo: 120º
  • Distância: 3 pixels
  • Espalhar: 39%
  • Tamanho: 5 pixels
  • Contorno: Linear
  • Anti-alias: Verificado
  • Barulho: 0%
  • Camada elimina sombra projetada: Verificado

Depois disso, clique OK.

E o resultado é:

Resultado finalResultado finalResultado final

Parabéns, agora você terminou!

Neste tutorial, você aprendeu como criar um efeito de texto colorido e brilhante no Adobe Photoshop. Começamos criando um estilo de camada e depois adicionamos outro estilo de camada para complementar o efeito. E agora você já sabe como fazer um efeito brilhante no Photoshop!

Não se esqueça de salvar os estilos para poder utilizá-los em outros projetos!

Outros efeitos de texto de letras brilhantes

Há muitas maneiras de fazer letras brilhantes no Photoshop, então se você quiser um efeito diferente, aqui estão algumas propostas disponíveis em ga-analytics#sendElementsClickEvent”>Envato Elements:

ga-analytics#sendElementsClickEvent”>Efeito de texto com brilho azul (PSD)

ga-analytics#sendElementsClickEvent”>

Este efeito é bastante semelhante ao que criamos no tutorial – as letras parecem 3D e têm bordas brilhantes. Para usar este efeito, basta substituir o texto pelo seu!

ga-analytics#sendElementsClickEvent”>Efeito de texto reflexivo ultrarrealista III (PSD)

ga-analytics#sendElementsClickEvent”>

Se você precisa de brilho real, este efeito avançado fará com que seu texto pareça único! Você não precisa de uma fonte brilhante especial – basta usar qualquer fonte de sua preferência e substituir o texto pela sua própria.

ga-analytics#sendElementsClickEvent”>Gerador de cromo 3D (ATN, PSD, PDF)

ga-analytics#sendElementsClickEvent”>Gerador de cromo 3DGerador de cromo 3DGerador de cromo 3D

Se você quiser adicionar um belo brilho ao seu logotipo de texto, esta ação lhe dará o efeito mais realista possível – como o cromo real, suas letras refletirão as cores do ambiente (ou seja, o fundo que você usa!). É personalizável e muito fácil de usar, mas se precisar de ajuda extra, use as instruções em vídeo em anexo.

ga-analytics#sendElementsClickEvent”>Efeito de texto de vidro holográfico (PSD)

ga-analytics#sendElementsClickEvent”>

Você não precisa saber como fazer algo brilhante no Photoshop para conseguir um efeito como este – basta substituir o texto neste arquivo e você obterá um efeito de texto colorido e brilhante em segundos!

ga-analytics#sendMarketClickEvent”>7 estilos brilhantes do Photoshop 2 (PSD, ASL)

ga-analytics#sendMarketClickEvent”>

E se você quiser o mesmo efeito que criamos neste tutorial, este conjunto em ga-analytics#sendMarketClickEvent”>GraphicRiver contém sete estilos brilhantes em cores diferentes – perfeito para qualquer ocasião!

Mais tutoriais de efeitos de texto

Se você gostou deste tutorial de texto brilhante, também pode gostar destes:

Deixe uma resposta