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
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.
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.
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…
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.
Por último, adicionaremos um traço de 1px com uma sobreposição de gradiente para dar mais profundidade ao texto.
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.
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:
Para o gradiente, use as seguintes cores:
1. #667c85 como azul claro
2. #475e68 como azul escuro
Aqui está o que temos até agora…
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.
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:
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:
Agora, para dar um toque agradável e natural, configure a opacidade da camada do gloss para “Overlay” (veja abaixo):
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.
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:
Também adicionamos mais brilho com pincéis diferentes, mas não exagere, porque é melhor ter menos brilho e muito brilho.
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!
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
- 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).
- 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
- 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.
- 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
- 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.
- 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
- 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
- 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.
- 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
- 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
- Jogue com o "Contorno" configurações em Bevel & Emboss para nuances de textura adicionais, aprimorando o efeito de relevo.
Etapa 6: ajustes finais
- 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.
- 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.
[…] Este post foi mencionado no Twitter por Design Sauce, LoreleiWeb. LoreleiWeb disse: Texto em relevo elegante e projetado com brilho metálico http://goo.gl/fb/ukgZB [...]
Obrigado pela explicação detalhada. É muito útil.
Ótimo tutorial! Muito obrigado.
W0W, tutorial incrível, obrigada Lorelei! Você é ótimo!
incrível! possivelmente o melhor e mais útil tutorial deste site. Aprendi tantas coisas neste.
Obrigado por esta postagem. Os efeitos usados serão muito úteis para coisas como design de logotipo, quando eu quiser que algo se destaque em uma página.
[…] Texto em relevo com brilho metálico […]
Isso me ajuda muito.. 😀
obrigado
[…] 与金属发光的浮雕文字 […]
Código promocional de cupom Bluehost
Muito boa postagem no blog! Há muito tempo que espreito seu site, mas só queria que você soubesse que gosto de suas postagens.
[…] 59. efeito de texto em relevo […]
[…] Texto em relevo com brilho metálico […]
ei, Alan 😉 ligue para mim, 928-444-6405
Tentei comprar o tut mas a página não carregou 🙁
Tentei comprar o tut mas a página não carregou 🙁
Incrível!
Funcionou perfeitamente! Aqui está minha tentativa: http://habbocustoms.com/uploads/1326676835zTriick2.png
[…] Design de texto elegante em relevo com brilho metálico […]
[…] 7. Texto elegante em relevo com brilho metálico […]
[…] 3) Crie um belo efeito de texto brilhante […]
[…] Texto elegante em relevo […]
[…] Texto elegante em relevo com brilho metálico | Lorelei Web Design Já se passaram mais de 2 meses desde o último tutorial de 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 esse belo e lindo efeito de texto e, como a maioria dos leitores pede, também liberamos o psd para download, por apenas $1. O PSD é apenas para fins de aprendizagem, você pode incorporá-lo em um projeto para um cliente, mas não pode revender diretamente este mesmo arquivo. […]
[…] Texto em relevo com brilho metálico […]
[…] 3. Texto elegante em relevo com brilho metálico […]
[...] https://loreleiwebdesign.com/2010/08/31/designed-stylish-embossed-text-with-metallic-glow/ [...]
Hmm, parece que seu site comeu meu primeiro comentário (foi
extremamente longo), então acho que vou resumir o que escrevi e dizer que estou gostando muito do seu blog. Eu também sou um aspirante a escritor de blog, mas ainda sou novo em tudo. Você tem alguma dica para escritores rookie do blog? Eu realmente apreciaria isso.
[…] Crie o efeito Beauty Woman no Photoshop58. Crie uma cena futurista de Berserker usando técnicas 3D59. efeito de texto em relevo60. Como criar um design conceitual de anjo da morte no Photoshop61. Efeito de texto de design de pele62. Criar uma […]
[…] Crie um belo tutorial de efeito de texto brilhante aqui. […]
[…] Tutorial gratuito de tipografia do Photoshop […]
[…] Link do tutorial […]
[…] Tutorial Link Top ↑ […]
[…] Texto elegante em relevo com brilho metálico […]
[…] Via | loreleiwebdesign. com […]
[…] Texto elegante em relevo […]
[…] Um belo efeito de texto realizável em LORELEI WEBDESIGN […]
[…] Texto em relevo com brilho metálico […]
[…] Texto em relevo com brilho metálico […]
[…] Stylish Embossed Text Embossing é uma espécie de forma de arte própria e este tutorial fornece etapas excelentes para fazer com que seu texto tenha a aparência perfeita. […]
[…] Texto elegante em relevo […]
[…] Ver tutorial […]
[…] Texto em relevo com brilho metálico […]
[…] Texto elegante em relevo com brilho metálico […]
[…] Texto elegante em relevo com brilho metálico […]
[…] Texto elegante em relevo […]
Incrível vou experimentar, compre seguidores reais no spotify e muito bem explicado,
comprar seguidores do instagram
[…] Texto elegante em relevo […]
esta postagem original foi há 8 anos. Ainda está disponível para download? Eu realmente gosto da sobreposição de padrão que você construiu
[…] Texto elegante em relevo com brilho metálico […]
[…] Stylowy wytłoczony texto com metalicznym blaskiem […]
[…] Texto em relevo com brilho metálico […]
[…] Stílusos dombornyomott szöveg fémes izzással […]
[…] Texto elegante em relevo com brilho metálico […]
Este é realmente um tutorial incrível para mim. Aprendo muito com este blog. Muito obrigado por compartilhar conosco.
Isso me ajuda muito..
Valeu cara..
Incrível, vou experimentar!!!
Muito obrigado por compartilhar conosco. Texto em relevo elegante para explicação detalhada. Coleção Boa e Especial. Estou apenas encontrando algo assim.
Postagem de diário da web excepcionalmente excelente! Há muito tempo que rondo sua localização, mas é preciso que você saiba que gostei da sua postagem