Neste tutorial vamos criar simples & liso botão azul. Isto é muito simples e bastante eficaz tutorial, então tudo que você precisa é o Adobe Photoshop para criar esse efeito. Espero que gostem deste tutorial.

Etapa # 1

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

Etapa # 2

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

Etapa # 3

Selecione a ferramenta Rounded Rectangle e criar o botão, o meu raio é 15px, width: 128px e height: 36px. Mude sua cor para um bom # 13AAB7 (Azul).

Etapa # 4

Agora, precisamos adicionar alguns efeitos agradáveis para o botão.

Gradient Overlay

Denominando o duplo-clique no botão Button miniatura da camada no painel Camadas, para abrir a caixa de diálogo Layer Styles, vamos aplicar um efeito de gradiente vertical para o seu botão. Então clique no gradiente de cor sobre o direito de opção Gradient para abrir o Color Gradient Editor.

Primeira alterar a opção de mesclagem para Overlay. Mantenha o ângulo de 90o, do que alterar os valores de opacidade. Eu escolhi para definir a opacidade em 50%.

Dê um duplo clique sobre a cor-esquerda parar e entrar o valor da cor # 000000, clique duas vezes sobre a cor-direito do batente e inserir o valor da cor # FFFFFF.

Inner Glow

Em seguida aplicar o estilo camada interna brilho. Primeira alterar a opção de mesclagem para Overlay, do que alterar os valores de opacidade e tamanho. Eu escolhi para definir a opacidade em 55% e Size em 6px.

Alterar a cor do brilho do padrão # FFFFFF

Sombra

Depois, aplique a gota estilo de camada de sombra. Primeira alterar a opção de mesclagem para Normal. Mantenha o ângulo em 120o, do que alterar os valores de opacidade e tamanho. Eu escolhi para definir a opacidade em 55% e Size em 3px.

Caso parecido com este.

Etapa # 5

Crie uma nova camada, faça uma seleção em torno do seu botão original, você pode fazer isso segurando a tecla ctrl clicando em miniatura da camada)..

Preencha a cor para branco.

Selecione a ferramenta Rounded Rectangle, selecione e exclua a metade inferior da camada branca que acabou de fazer, pode ser necessário para medir a altura do seu botão antes de eliminar a metade inferior.

Primeiro você precisa alterar a opção de modo de camada para Softlight, do que alterar os valores de opacidade. Eu escolhi para definir a opacidade em 20%

Etapa # 6

Selecione Horizontal Type Tool e digite o texto na parte dianteira.

Final

Deixe-nos saber que este tutorial pode ser mais melhor? Se você encontrou algum outro tutorial photoshop que você deseja compartilhar conosco, sinta-se livre para nos avisar deixando cair em um comentário.

Se você gostaria de receber mais tutoriais de nós, por favor considere subscrever o nosso feed de RSS ou por e-mail .

Arquivado em: Photoshop , Tutoriais por admin