Ei mais um Photoshop Tutorial. Neste tutorial eu vou te encontrar Como criar um simples botão verde no Photoshop. Isto é muito simples e bastante eficaz tutorial. Eu espero que você aprecie este tutorial.

Resultado Final

Isto é o que nós fomos fazer hoje

Etapa # 1

Abra o photoshop e criar um novo documento, o meu é 550px × 398px com fundo branco.

Etapa # 2

Preencha a cor na camada de fundo, o meu é cor # 979696.

Etapa # 3

Selecione a Rounded Rectangle Tool e crie o botão, o meu raio é 5px, width: 219px e height: 40px..

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 de gradiente vertical para o botão. Em seguida, clique no gradiente de cores à direita da opção Gradient para abrir o Color Gradient Editor.

Dê um duplo clique no left-color-stop e digite o valor de cor # 55A646, em seguida, dê um duplo clique sobre o botão direito do cor-stop e digite o valor de cor # A5CE3F.

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 20%, Distance 1px em tamanho e em 5px.

Inner Shadow

Em seguida aplicar a camada estilo Inner Shadow. Manter o ângulo de 120o, do que alterar os valores de opacidade, Choke e tamanho. Eu escolhi para definir a opacidade em 27% e Choke a 100% e Size em 2px.

Próximo Alterar a opção Blending para Normal.

Bevel Emboss

Em seguida vamos aplicar Bevel Emboss, primeiro alterar o estilo de Inner Bevel e Técnica para Smooth, do que alterar os valores de profundidade, direção, tamanho e amolecer. Eu escolhi para definir a profundidade de 100%, Direção de Up, Size em 1px e Soften na 0px

Manter o ângulo de 120o, Altitude em 30o

Modo de Destaque: eu escolher para definir a opacidade em 0%.

Shadow Mode: eu escolher para definir a opacidade em 14%.

Golpe

Finalmente vamos aplicar o Stroke. Primeira alterando os valores de Size. Eu escolhi para definir o tamanho de 1px. Alterando a posição no interior

Eu escolhi para definir a opacidade em 50%.

Alterar a cor do curso a partir do padrão a # 529846

Deve ser semelhante a este.

Etapa # 4

Selecione a Horizontal Type Tool e digite o texto na frente.

Vamos aplicar algum efeito para o texto.

Gradient 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 Gradient Overlay, vamos aplicar um efeito de gradiente vertical para seu texto. Em seguida, clique no gradiente de cores à direita da opção Gradient para abrir o Color Gradient Editor ..

Dê um duplo clique no left-color-stop e digite o valor de cor # DDDCDC, em seguida, clique duplo no centro-cor-stop e digite o valor da cor # FFFFFF.

Sombra

Finalmente vamos 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 34%, Distance 1px de tamanho e de 1px.

Resultado Final

Se você gostaria de verificar o seu trabalho, você pode baixar o arquivo PSD para este tutorial

Download de arquivo [240KB]

Se você gostaria de receber mais inspiração de nós, por favor, considerem assinar a nossa feed de RSS ou por e-mail.

Arquivado em: Photoshop, Tutorials por admin