Como criar efeito de texto do Aço no Photoshop
Neste tutorial vamos criar criar o efeito de texto de aço. Isto é muito simples e bastante eficaz tutorial, então tudo que você precisa é o Adobe Photoshop para criar esse efeito. Então, ter um olhar para esse efeito de texto de aço tutorial e deixe-nos saber a sua opinião nos comentários.
Final Preview
Etapa # 1
Abra o Photoshop e criar um novo documento, o meu é 615px × 498px com fundo branco.
Etapa # 2
Preencha a cor na camada de fundo, o meu é cor # 333333.
Etapa # 3
Selecione Horizontal Type Tool e digite o texto na parte dianteira.
Agora, aplique algum efeito
Gradient Overlay
Denominando o texto duplo clique na miniatura da camada de texto no painel Camadas para abrir a caixa de diálogo estilos de camada, vamos aplicar um efeito de gradiente vertical para seu texto. Em seguida, clique no gradiente de cores à direita da opção de gradiente para abrir o Editor de cor degradê.
Para dar ao texto a sua cor prata, use um Gradiente Overlay com diferentes tons de cinza, branco e preto.
Inner Shadow
Em seguida aplicar o estilo de camada interna da sombra. Parte mais importante manter o ângulo de 120o, de alterar os valores de opacidade, distância e tamanho. Eu escolhi para definir a opacidade em 70% e Distância no 1px e tamanho de 1px.
Mude para o modo de mistura normal para softlight e mudar a cor de sombra para # FFFFFF.
Inner Glow
Em seguida aplicar a camada de estilo Inner Glow. Alterando os valores de opacidade, Choke e Size. Eu escolhi para definir a opacidade em 74%, Choke 0% e Size em 5px.
Alterar o modo de mistura normal para overlay e mudança de cor do padrão # FFFFFF
Sombra
agora vamos aplicar o estilo de camada Drop Shadow. Manter o ângulo de 120o, de alterar os valores de opacidade, distância e tamanho. Eu escolhi para definir a opacidade em 45%, na distância e tamanho na 0px 1px.
Alterando a opção padrão de mistura para softlight
O texto deve ficar assim
Etapa # 4
A área da camada do botão (Ctrl + clique na miniatura da camada de botão no painel Camadas).
De criar uma nova camada nome do text_pattern camada.
Agora vamos preencher padrão na camada text_pattern. Estou usando esse padrão.
Do que mudar a opção de mistura para overlay e eu escolho para definir a opacidade em 40%.
Final
Se você gostaria de verificar o seu trabalho, você pode baixar o arquivo PSD para este tutorial
Divulgue-nos
Artigos relacionados:
Se você gostou de ler este artigo, confira outros artigos relacionados abaixo:
Maxi diz em: 13 de março, 2010 às 03:46 Disse:
tut Nice
Joseph McCullough diz em: 14 de março de 2010 às 09:46 Disse:
Não é um efeito feio. A textura que você adicionou no último efeito torna realmente se destacam. Eu realmente não recebo um "aço" sentimento de que embora: Parece quase como algo que você veria em uma faixa de pista. No entanto, parece afiada, bom tutorial.
O último blog McCullough Joseph .. Blogging: Escapar da Mediocridade
CSS Brigit | Como criar Aço Efeito de texto em Photoshop diz em: 16 março, 2010 às 05:38 Disse:
Como criar efeito de texto do Aço no Photoshop ...
Neste tutorial vamos criar criar o efeito de texto de aço. Isto é muito simples e bastante eficaz tutorial ....
+ Fresh 145 artigos úteis para designers e desenvolvedores | tripwire revista diz em: 17 mar, 2010 às 06:05 Disse:
[...] Como criar o efeito de aço de texto em Photoshop [...]