Tutoriais de texto elegantes em relevo estão por toda parte, mas este é perfeito para iniciantes. Quer um efeito de texto em relevo realmente estiloso? Já se passaram mais de 2 meses desde o último tutorial do Photoshop que postei, mas tenho ótimas notícias para vocês — estou de volta online com um monte de coisas novas para mostrar, então fique ligado em todos os nossos próximos tutoriais!

Hoje, começaremos com este lindo efeito de texto e, como a maioria dos leitores solicita, também liberaremos o PSD para download por apenas US$ 1. O PSD é apenas para fins de aprendizagem; você pode incorporá-lo em um projeto para um cliente, mas não pode revender esse arquivo diretamente.

Chega de conversa; vamos começar.

Photoshop com efeito de texto em relevo

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Etapa 1. Preparando o Photoshop Canvas.

Crie um novo arquivo do Photoshop (Ctrl + N). Estamos usando o tamanho 600*400 aqui, mas como sempre – o seu pode ser muito maior se você precisar.

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Usando a ferramenta Paint Bucket, preencha a tela com a cor cinza-azulada escura — #535559.

Passo 2. Escolha a fonte.

Sou um grande fã de todas as fontes usadas e famosas nos anos 50, então minha fonte favorita de todos os tempos provavelmente será “Bello”. Não é gratuito, mas você pode comprá-lo online. Observe que a fonte NÃO será incluída se você comprar o arquivo PSD, pois não podemos distribuir fontes comerciais. Então, se você tiver a fonte Bello, selecione-a e digite sua palavra em letra grande. Usamos 188pt aqui.

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Etapa 3. Adicionando estilos de camada.

Enquanto sua camada de texto ainda está selecionada, vá para Camada >> Estilos de Camada e aplique as seguintes configurações…

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico
Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Agora a textura de fundo. Estaremos usando o padrão que nós mesmos criamos, e se você adquirir o arquivo PSD, ele já estará incluído no estilo.

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Por último, adicionaremos um traço de 1px com uma sobreposição de gradiente para dar mais profundidade ao texto.

Bandeira
Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Chegamos até aqui com todos os estilos de camada aplicados corretamente. Se o seu resultado for diferente do que você vê aqui, volte e verifique se todas as configurações de estilos de camada foram aplicadas corretamente; até agora é só a parte técnica, então você não deverá ter nenhum problema.

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Etapa 4. Adicionando profundidade à tela.

Estamos na era da web 2.0, e ter uma tela plana pode estragar qualquer efeito, por mais bonito que seja, então se quisermos que nosso produto se destaque, ele precisa ter alguma profundidade. É por isso que não voltaremos para a tela base (se estiver bloqueada, clique duas vezes na paleta de camadas e pressione OK para desbloquear). Vá para Camada >> Estilos de Camadae aplique as seguintes configurações:

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico
Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Para o gradiente, use as seguintes cores:
1. #667c85 como azul claro
2. #475e68 como azul escuro

Aqui está o que temos até agora…

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Passo 5. Adicionando Brilho

Pressione “Ctrl” e clique na camada de texto na paleta de camadas do Photoshop. Isso carregará uma seleção de texto.

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Crie uma nova camada acima de todas as outras. Usando a ferramenta gradiente, de branco a transparente, desenhe uma linha da parte superior até a parte inferior do texto. Isso adicionará um gradiente suave, mas visível ao leitor.

Usando a ferramenta laço elíptico, desenhe um círculo, como você pode ver na imagem abaixo:

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Acesse Selecione >> Inverso para inverter a seleção e pressione “delete” para excluir o resto do gradiente. Isso deixará o brilho apenas na parte superior do texto, assim:

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Agora, para dar um toque agradável e natural, configure a opacidade da camada do gloss para “Overlay” (veja abaixo):

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Passo 6. Adicionando brilhos

A próxima etapa é adicionar brilhos doces ao redor do texto. Isso lhe dará uma sensação mais profunda, sonhadora e elegante. Crie uma nova camada do Photoshop acima das demais. Usando a ferramenta Pincel, escolha o pincel de 27 pixels com borda suave e, usando a cor branca, espalhe caoticamente alguns pontos nas bordas do texto.

Bandeira

Defina a opacidade de preenchimento dos pontos para 70%. Mude do modo “Normal” para “sobreposição”.

DICA: aplique apenas os pontos onde o traço do texto é branco, isso irá realçar o efeito de luz.

Até agora, se você seguiu as etapas de perto, deveria ter recebido isto:

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico

Também adicionamos mais brilho com pincéis diferentes, mas não exagere, porque é melhor ter menos brilho e muito brilho.
Texto elegante em relevo com brilho metálico - Tutoriais PS Lorelei Web Design

Espero que você tenha gostado deste tutorial do Photoshop, e não deixe de conferir nossos outros tutoriais do Photoshop e assinar o feed. Se você quiser aprender mais rápido, compre o arquivo PSD do tutorial por apenas US$ 1.00. Ao finalizar a compra, clique no botão “retornar ao comerciante” – o download começará automaticamente. Se por algum motivo o download não o redirecionou, deixe um comentário abaixo ou envie-nos um e-mail e enviaremos o arquivo o mais rápido possível. Obrigado!

Photoshop com efeito de texto em relevo - Texto em relevo elegante e projetado com brilho metálico - compre

Versão de Texto

Tutorial aprimorado: Criando texto em relevo com brilho metálico no Photoshop

Visão geral

Este tutorial irá guiá-lo através do processo de criação de texto elegante em relevo com efeito de brilho metálico, perfeito para logotipos, títulos ou arte digital. Utilizaremos estilos de camada, gradientes e opções de mesclagem para obter uma aparência sofisticada.

Requisitos

  • Adobe Photoshop (qualquer versão recente serve)
  • Conhecimento básico de ferramentas e interface do Photoshop

Etapa 1: configurando seu documento

  1. Abra o Photoshop e crie um novo documento. Para uso na web, um tamanho de 800×600 pixels com resolução de 72 dpi é suficiente. Para impressão, considere uma resolução maior (pelo menos 300 dpi).
  2. Preencha o fundo com uma cor escura ou gradiente para destacar o brilho metálico. Um azul profundo ou preto funciona bem para esse efeito.

Etapa 2: Criando o Texto

  1. Selecione a ferramenta Texto (T) e digite o texto desejado. Escolha uma fonte em negrito ou grossa para obter o melhor efeito de relevo. Fontes como Arial Black ou Impact são boas escolhas.
  2. Ajustar o tamanho da fonte para se adequar ao seu projeto. Para este tutorial, vamos usar um tamanho de fonte que preencha boa parte da tela, garantindo que os detalhes do relevo e dos efeitos de brilho fiquem visíveis.

Etapa 3: aplicando o efeito de relevo

  1. Com sua camada de texto selecionada, vá para o painel Camadas e clique duas vezes para abrir a caixa de diálogo Estilo de camada.
  2. Selecione “Chanfro e relevo” para adicionar profundidade ao seu texto. Use estas configurações para obter uma aparência de relevo sutil e realista:
    • Estilo: chanfro interno
    • Técnica: Suave
    • Profundidade: 100%
    • Direção: Para cima
    • Tamanho: 5 px (ajuste com base no tamanho do texto)
    • Suavizar: 0 px
  3. Ajuste o sombreamento para realçar a sensação metálica. Defina o Ângulo para 120° e a Altitude para 30°. Experimente as predefinições Gloss Contour para encontrar uma que complemente o seu design.

Passo 4: Adicionando o Brilho Metálico

  1. Ainda na caixa de diálogo Estilo de camada, selecione “Brilho interno” para um brilho interior sutil. Escolha uma cor clara que combine com o visual metálico desejado (prata, dourado, etc.). Defina o Blend Mode para Screen, Opacity para 75% e Size para cerca de 20px.
  2. Adicione um “brilho externo” para criar a impressão de luz refletida no metal. Escolha uma cor semelhante ao Inner Glow, defina o Blend Mode para Screen, Opacity para 50-75% e ajuste o Size para obter um efeito suave e radiante ao redor do seu texto.

Passo 5: Refinando a Textura Metálica

  1. Para adicionar textura e realismo, clique em “Cetim” na caixa de diálogo Estilo de camada. Isso adiciona profundidade e complexidade ao acabamento metálico. Use estas configurações:
    • Modo de mesclagem: Multiplicar
    • Opacidade: 20%
    • Angle: 19 °
    • Distância: 21 pixels
    • Tamanho: 27px
  2. Jogue com o "Contorno" configurações em Bevel & Emboss para nuances de textura adicionais, aprimorando o efeito de relevo.

Etapa 6: ajustes finais

  1. Ajuste a aparência geral ajustando a opacidade de preenchimento da camada para 0%. Isso tornará a cor do texto invisível, deixando apenas os estilos de camada visíveis para um efeito metálico e de relevo mais pronunciado.
  2. Se desejado, adicione uma camada de fundo com um gradiente ou padrão que complementa seu texto metálico para completar o design.

Conclusão

Agora você criou um pedaço de texto que não apenas salta da tela com seu efeito de relevo, mas também brilha com um sofisticado brilho metálico. Esta técnica pode ser adaptada e modificada com diferentes cores, texturas e estilos de camada para se adequar a vários projetos de design.

Experimentar as configurações e incorporar elementos adicionais como brilhos ou texturas de fundo pode personalizar ainda mais sua criação. Os estilos de camada do Photoshop são uma ferramenta poderosa para dar vida ao texto, e dominá-los pode aprimorar significativamente suas capacidades de design.

Bandeira