Como criar Nice Inset Text Button no Photoshop
Este é um começo lavel design tutorial. Neste artigo você encontrará Como criar Nice Inset Text Button no Photoshop. Isto é muito rápido e fácil tutorial.I design gráfico que você goste deste tutorial.
Final Preview
Isto é o que nós fomos fazer hoje
Etapa # 1
Abra o photoshop e criar um novo documento, o meu é 550px × 356px com fundo branco.
Etapa # 2
Selecione a Rounded Rectangle Tool e crie o botão, o raio mina é 6px.
Agora vamos aplicar alguns efeitos
Gradient Overlay
Styling the Button, clique duas vezes na miniatura da camada de botão no painel Camadas para abrir a caixa de diálogo Estilos de Camada, vamos aplicar um efeito vertical graduais para o botão. Em seguida, clique no gradiente de cores à direita da opção Gradient para abrir o olor C Gradient Editor.
Dê um duplo clique no left-color-stop e digite o valor de cor # 848484, em seguida, dê um duplo clique sobre o botão direito do cor-stop e digite o valor de cor # C4C4C4.
Sombra
Em seguida aplicar a camada estilo Drop Shadow. Manter o ângulo de 120o, de alterar os valores de opacidade, distância e tamanho. Eu escolhi para definir a opacidade em 47%, Distance at 2px e tamanho de 4px.
Deve ser semelhante a este.
Golpe
Em seguida vamos aplicar o Stroke. Primeira alterando os valores de Size. Eu escolhi para definir o tamanho de 1px, posição no exterior. Eu escolhi para definir a opacidade em 100%. Alterar a cor do curso do padrão para # 666666
Deve ser semelhante a este.
Etapa # 3
Selecione a Horizontal Type Tool e digite o texto na frente.
Agora vamos aplicar alguns efeitos para o texto.
Color Overlay
Dê um duplo clique na miniatura da camada de texto no painel Camadas para abrir a caixa de diálogo Estilos Layer. Primeiro vamos aplicar sobreposição de cores, eu escolhi a cor # 303030
Inner Shadow
Em seguida aplicar a camada estilo Inner Shadow. Parte a mais importante manter o ângulo de 41o, de alterar os valores de opacidade, distância e tamanho. Eu escolhi para definir a opacidade em 75% ea Distância em 1px e tamanho de 1px.
Sombra
Finalmente vamos aplicar o Drop Shadow, primeiro altere a opção Blending para Normal. Alterar a cor da sombra do padrão para # FFFFFF. Manter o ângulo de 90o, do que alterar os valores de opacidade e à Distância. Eu escolhi para definir a opacidade em 47% ea Distância em 1px.
Resultado
Se você gostaria de verificar o seu trabalho, você pode baixar o arquivo PSD para este tutorial
Se você gostaria de receber mais inspiração de nós, por favor, considerem assinar a nossa feed de RSS ou por e-mail.
Artigos Relacionados:
Se você gostou de ler este artigo, confira outros artigos relacionados abaixo:

































































Enviar um comentário