Pular para o conteúdo
Início » Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

  • Wilson Alves 
  • 11 min read (de leitura)

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop. Em tempos de avanços na Inteligência Artificial, que tal colocarmos nossas habilidades manuais em prática e criarmos algo único e deslumbrante? Todavia, transformar texto em algo luxuoso e atraente é uma técnica popular no design. Bem como, neste tutorial detalhado, você aprenderá a criar letras com uma textura e bordas douradas no Photoshop. Vamos lá!

Passo 1: Criar um Novo Documento

A princípio, abra o Photoshop e clique no botão “Novo Arquivo” na página home, ou indo no menu superior em Arquivo > Novo.

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop
Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Em seguida escolha um tamanho para o documento (exemplo: 2000×1200 pixels, 72 dpi).

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop
Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Defina o fundo como preto ou qualquer cor escura para destacar o efeito dourado. No meu caso estarei usando uma camada de preenchimento degradê.

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Passo 2: Inserir o Texto

Selecione a ferramenta de texto (atalho: T).

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Clique no centro da tela e digite o texto desejado. Escolha uma fonte grossa e estilosa (exemplo: “Impact” ou “Bebas Neue”) para destacar o efeito dourado. Ajuste o tamanho do texto para ocupar uma boa parte da tela. Estarei usando a fonte Arista 2.0 Alternate.

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Passo 3: Organizando a estrutura das camadas.

Crie um grupo e dê um nome para ele, estarei nomeando como Edição, nomeie conforme a construção do seu projeto. Converta a camada de texto em Objeto Inteligente, em seguida mova ela para dentro do grupo.

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Continuando na estruturação das camadas, crie outro grupo dentro do grupo edição, vou nomeá-lo como Estilos, relacionado aos estilos de camadas. Dentro do grupo Estilos, crie mais três grupos, vou nomeá-los como superfície, bordas e sombra. A estrutura ficará conforme a imagem abaixo:

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Selecione a camada do texto e duplique (Ctrl+J), arraste para dentro do grupo SUPERFICIE. Dentro do grupo BORDAS crie mais dois grupos e nomeia-os como BORDA 1 e BORDA 2, em seguida duplique o texto novamente e arraste para o grupo borda 2. Por último duplique o texto mais uma vez e arraste para dentro do grupo Sombra.

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Passo 4: Aplicar a Textura de Ouro na Superfície

Desabilite a camada principal do texto, recolha os grupos e desabilite os grupos bordas e sombra, no grupo superfície renomeia a camada texto para Superfície.

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Seleciona a camada superfície em seguida vá para Adicionar um estilo de camada, no menu suspenso escolha Sobreposição de Degradê.

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Configure a camada de estilo conforme a imagem abaixo:

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Duplique a camada superfície 1 em 5 vezes, até completar 6 camadas, em seguida com a segunda camada selecionada (de baixo para cima), vá para Adicionar um estilo de camada, no menu suspenso escolha Sobreposição Padrão, pattern aqui. Configure conforme a imagem abaixo:

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Com a terceira camada selecionada vá para Adicionar um estilo de camada, no menu suspenso escolha Chanfro & Entalhe. Configure conforme a imagem abaixo:

Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop

Com a quarta camada selecionada vá para Adicionar um estilo de camada, no menu suspenso escolha Chanfro & Entalhe. Configure conforme a imagem abaixo:

Com a quarta camada selecionada vá para Adicionar um estilo de camada

Com a quinta camada selecionada vá para Adicionar um estilo de camada, no menu suspenso escolha Chanfro & Entalhe e marque a opção contorno. Configure conforme a imagem abaixo:

Com a quinta camada selecionada vá para Adicionar um estilo de camada

Ainda com a quinta camada selecionada vá para Adicionar um estilo de camada, no menu suspenso escolha Traçado. Configure conforme a imagem abaixo:

Ainda com a quinta camada selecionada vá para Adicionar um estilo de camada

Selecione a sexta camada em seguida vá para Adicionar um estilo de camada, no menu suspenso escolha Chanfro & Entalhe e marque a opção contorno. Configure conforme a imagem abaixo:

Selecione a sexta camada em seguida vá para Adicionar um estilo de camada

Agora vamos adicionar um traçado a esta camada, então mantenha a sexta camada selecionada, vá para Adicionar um estilo de camada no menu suspenso escolha Traçado. Configure conforme a imagem abaixo:

Agora vamos adicionar um traçado a esta camada

Com o que já foi feito até aqui, seu texto deve estar ficando parecido com isto:

Com o que já foi feito até aqui, seu texto deve estar ficando parecido com isto

Passo 5: Aplicar as Bordas do Grupo Borda 2

Com a camada borda dentro do grupo Borda 2 selecionada, mova 1px para baixo e para a direita, com as setas para baixo e direita no teclado, em seguida vá para Adicionar um estilo de camada, no menu suspenso escolha Chanfro & Entalhe. Configure conforme a imagem abaixo:

Com a camada borda dentro do grupo Borda 2 selecionada, mova 1px para baixo e para a direita

Agora vamos adicionar um traçado a esta camada, então mantenha a primeira camada borda selecionada, vá para Adicionar um estilo de camada no menu suspenso escolha Traçado. Configure conforme a imagem abaixo:

Agora vamos adicionar um traçado a esta camada

Duplique a primeira camada borda e renomeia para borda, mova 1 pixel para baixo e para a direita, repita esse processo até completar as 6 camadas, sua imagem deve ficar parecida com isso:

Duplique a primeira camada borda e renomeia para borda, mova 1 pixel para baixo e para a direitaDuplique a primeira camada borda e renomeia para borda, mova 1 pixel para baixo e para a direita

Vamos aplicar uma cor para essas bordas, selecione o grupo Borda 2 e aplique este estilo de camada, vá para Adicionar um estilo de camada, no menu suspenso escolha Sobreposição de Cor. Configure conforme a imagem abaixo:

Vamos aplicar outra sobreposição de cor ao grupo Borda 1

Vamos aplicar outra sobreposição de cor ao grupo Borda 1; Conforme abaixo:

Vamos aplicar uma cor para essas bordas, selecione o grupo Borda 2 e aplique este estilo de camada

Aplicando-uma-sobreposição-de-cor-ao-grupo-border-2

Sua imagem agora deve está parecendo com isso:

Sua imagem agora deve está parecendo com isso

Passo 6: Aplicar as Bordas na Camada Borda 1

Para a borda 1 usaremos os mesmos estilos de camada da borda 2, selecione a sexta camada borda duplique e arraste para dentro do grupo borda 1. Repita o mesmo processo de duplicar a camada e mover um pixel para baixo e para direita, ao terminar teremos uma imagem mais ou menos parecida com essa:

Resultado parcial do efeito

Passo 6: Aplicando um Estilo de Sombra

Continuando com nosso tutorial de Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop.

  1. Acesse o painel de estilos de camada:
    No painel de camadas, no grupo Sombra clique com o botão direito na camada sombra e selecione “Opções de Mesclagem”.
Selecionando opções de msclagem
  1. Adicione uma sombra projetada:
    Na janela “Estilos de Camada”, marque a opção “Sombra Projetada”. Certifique-se de que essa opção esteja selecionada para editar as configurações.
Certifique-se de que essa opção esteja selecionada

Primeira – Configure os detalhes da sombra projetada 1:

  1. Ajuste os seguintes parâmetros para criar uma sombra elegante:
    • Modo de Mesclagem: Multiplicação.
    • Cor: Cinza (#747474).
    • Opacidade: Cerca de 79% (ou ajuste conforme necessário).
    • Ângulo: Escolha algo como 120° (ou ajuste com base na direção da luz no design).
    • Distância: 5 px (ou conforme o tamanho do seu texto).
    • Espansão: 0%.
    • Tamanho: 9 px (para um desfoque suave).
Primeira sombra projetada

Segunda – Configure os detalhes da sombra projetada 2:

  1. Vamos adicionar mais 4 estilo de camada de sombra projetada, não feche a janela de opções de mesclagem, clique no quadradinho + (mais) à frente do nome sombra projetada. Ajuste os seguintes parâmetros para criar uma nova sombra:
Segunda sombra projetada

Terceira – Configure os detalhes da sombra projetada 3:

  1. Novamente clique no quadradinho + (mais) à frente do nome sombra projetada. Ajuste os seguintes parâmetros para criar mais outra sombra:
    • Modo de Mesclagem: Multiplicação.
    • Cor: Cinza (#747474).
    • Opacidade: Cerca de 79% (ou ajuste conforme necessário).
    • Ângulo: Escolha algo como 120° (ou ajuste com base na direção da luz no design).
    • Distância: 19 px (ou conforme o tamanho do seu texto).
    • Espansão: 0%.
    • Tamanho: 62 px (para um desfoque suave).
Terceira sombra projetada

Quarta – Configure os detalhes da sombra projetada 4:

  1. Mais uma vez clique no quadradinho + (mais) à frente do nome sombra projetada. Ajuste os seguintes parâmetros para criar uma outra sombra:
    • Modo de Mesclagem: Multiplicação.
    • Cor: Cinza (#747474).
    • Opacidade: Cerca de 80% (ou ajuste conforme necessário).
    • Ângulo: Escolha algo como 120° (ou ajuste com base na direção da luz no design).
    • Distância: 31 px (ou conforme o tamanho do seu texto).
    • Espansão: 0%.
    • Tamanho: 101 px (para um desfoque suave).
Quarta sombra projetada

Quinta – Configure os detalhes da sombra projetada 5:

  1. Pela última vez clique no quadradinho + (mais) à frente do nome sombra projetada. Ajuste os seguintes parâmetros para criar a última sombra:
    • Modo de Mesclagem: Multiplicação.
    • Cor: Cinza (#747474).
    • Opacidade: Cerca de 46% (ou ajuste conforme necessário).
    • Ângulo: Escolha algo como 120° (ou ajuste com base na direção da luz no design).
    • Distância: 55 px (ou conforme o tamanho do seu texto).
    • Espansão: 0%.
    • Tamanho: 95 px (para um desfoque suave).
Quinta sombra projetada
  1. Visualize e ajuste:
    Veja o efeito aplicado no texto no seu documento. Se necessário, ajuste os valores para combinar com o estilo dourado.
  2. Confirme as alterações:
    Clique em OK para aplicar a sombra ao texto.
Clique em OK para aplicar a sombra ao texto

Passo 7: Usando a camada objeto inteligente para alterar o texto e a fonte

Edite o Texto ou a Fonte a Qualquer Momento

  • Para alterar o texto ou a fonte nesse tutorial de Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop.:
    • Na camada do texto original, dê um duplo clique no ícone de miniatura da camada de objeto inteligente (ícone de página no canto inferior direito da miniatura).
Na camada do texto original, dê um duplo clique no ícone de miniatura da camada de objeto inteligente
  • Então, isso abrirá o conteúdo do objeto inteligente em uma nova janela.
  • Edite o texto ou mude a fonte conforme necessário.
  • Salve as alterações (Ctrl+S ou Cmd+S) e feche a janela.
  • Volte para o documento principal, e as alterações serão aplicadas automaticamente com os efeitos preservados.
Isso abrirá o conteúdo do objeto inteligente em uma nova janela.
Volte para o documento principal, e as alterações serão aplicadas automaticamente com os efeitos preservados.

Dica: Em suma, a sombra projetada deve complementar o brilho dourado sem competir com ele. Ou seja, ajuste a opacidade ou tamanho caso a sombra fique muito pesada. Enfim, espero que tenha gostado do tutorial de Como Fazer Letras com Cor de Ouro e Bordas Douradas no Photoshop.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Este site utiliza o Akismet para reduzir spam. Saiba como seus dados em comentários são processados.

Optimized by Optimole
Usamos cookies para personalizar conteúdo e anúncios, fornecer recursos de mídia social e analisar nosso tráfego. Também compartilhamos informações sobre o uso do nosso site com nossos parceiros de mídia social, publicidade e análise. View more
Cookies settings
Entendi
Decline
Privacidade & Política de Cookies
Privacy & Cookies policy
Cookie nameActive

Quem somos

O endereço do nosso site é: https://www.wilson66.com.br.

Quais dados pessoais coletamos e porque

Comentários

Quando os visitantes deixam comentários no site, coletamos os dados mostrados no formulário de comentários, além do endereço de IP e de dados do navegador do visitante, para auxiliar na detecção de spam.Uma sequência anonimizada de caracteres criada a partir do seu e-mail (também chamada de hash) poderá ser enviada para o Gravatar para verificar se você usa o serviço. A política de privacidade do Gravatar está disponível aqui: https://automattic.com/privacy/. Depois da aprovação do seu comentário, a foto do seu perfil fica visível publicamente junto de seu comentário.

Mídia

Se você envia imagens para o site, evite enviar as que contenham dados de localização incorporados (EXIF GPS). Visitantes podem baixar estas imagens do site e extrair delas seus dados de localização.

Formulários de contato

Cookies

Ao deixar um comentário no site, você poderá optar por salvar seu nome, e-mail e site nos cookies. Isso visa seu conforto, assim você não precisará preencher seus dados novamente quando fizer outro comentário. Estes cookies duram um ano.Se você tem uma conta e acessa este site, um cookie temporário será criado para determinar se seu navegador aceita cookies. Ele não contém nenhum dado pessoal e será descartado quando você fechar seu navegador.Quando você acessa sua conta no site, também criamos vários cookies para salvar os dados da sua conta e suas escolhas de exibição de tela. Cookies de login são mantidos por dois dias e cookies de opções de tela por um ano. Se você selecionar "Lembrar-me", seu acesso será mantido por duas semanas. Se você se desconectar da sua conta, os cookies de login serão removidos.Se você editar ou publicar um artigo, um cookie adicional será salvo no seu navegador. Este cookie não inclui nenhum dado pessoal e simplesmente indica o ID do post referente ao artigo que você acabou de editar. Ele expira depois de 1 dia.

Mídia incorporada de outros sites

Artigos neste site podem incluir conteúdo incorporado como, por exemplo, vídeos, imagens, artigos, etc. Conteúdos incorporados de outros sites se comportam exatamente da mesma forma como se o visitante estivesse visitando o outro site.Estes sites podem coletar dados sobre você, usar cookies, incorporar rastreamento adicional de terceiros e monitorar sua interação com este conteúdo incorporado, incluindo sua interação com o conteúdo incorporado se você tem uma conta e está conectado com o site.

Análises

Com quem partilhamos seus dados

Por quanto tempo mantemos os seus dados

Se você deixar um comentário, o comentário e os seus metadados são conservados indefinidamente. Fazemos isso para que seja possível reconhecer e aprovar automaticamente qualquer comentário posterior ao invés de retê-lo para moderação.Para usuários que se registram no nosso site (se houver), também guardamos as informações pessoais que fornecem no seu perfil de usuário. Todos os usuários podem ver, editar ou excluir suas informações pessoais a qualquer momento (só não é possível alterar o seu username). Os administradores de sites também podem ver e editar estas informações.

Quais os seus direitos sobre seus dados

Se você tiver uma conta neste site ou se tiver deixado comentários, pode solicitar um arquivo exportado dos dados pessoais que mantemos sobre você, inclusive quaisquer dados que nos tenha fornecido. Também pode solicitar que removamos qualquer dado pessoal que mantemos sobre você. Isto não inclui nenhuns dados que somos obrigados a manter para propósitos administrativos, legais ou de segurança.

Para onde enviamos seus dados

Comentários de visitantes podem ser marcados por um serviço automático de detecção de spam.

Suas informações de contato

Informações adicionais

Como protegemos seus dados

Quais são nossos procedimentos contra violação de dados

De quais terceiros nós recebemos dados

Quais tomadas de decisão ou análises de perfil automatizadas fazemos com os dados de usuários

Requisitos obrigatórios de divulgação para sua categoria profissional

Save settings