Crie um botão web profissional personalizado no Photoshop CS6

Se você conhece Photoshop Você saberá que este poderoso editor permite criar e usar uma infinidade de efeitos, sombras, cores, caminhos … isso se traduz em uma ampla gama de possibilidades para poder modificar o conteúdo de imagens ou camadas individuais.

Graças às possibilidades oferecidas pelas ferramentas do Adobe Photoshop, a ideia de que podemos criar algo do zero está incluída. O Photoshop já vem com elementos carregados, mas podemos customizá-los ou inventá-los. Se você tem um site ou similar, o tutorial de hoje pode ser útil.

Neste tutorial, veremos duas maneiras de projetar seu próprio botão, criando manualmente seu próprio estilo ou automaticamente com estilos predefinidos.

1. Crie um botão profissional com estilo personalizado no Photoshop


Com este método, criaremos um estilo manualmente com nosso próprio estilo.

Passo 1
A primeira coisa a fazer é criar uma forma de retângulo arredondado que se tornará o nosso botão. Para fazer isso, vamos para a janela de ferramentas e selecionamos a forma Retângulo arredondado.

Passo 2
Dentro da camada da forma criada, clicamos nela e selecionamos Opções de fusão.

etapa 3
Agora vamos apresentar alguns valores semelhantes aos que você está vendo na imagem. Primeiro no efeito de Chanfro e relevo.

PROLONGAR

Passo 4
Insira os valores que você vê abaixo em Sombra paralela.

PROLONGAR

Etapa 5
Como você pode ver, já teríamos nosso botão criado. Deve-se notar que a cor principal é modificada como de qualquer outra forma clicando duas vezes na camada.

Etapa 6
Para manter nosso estilo, vá para Opções de fusão como na etapa 3 e 4. Agora selecione a opção de Novo estilo em Ok e Cancelar. Marque as caixas para salvar os efeitos, dê um nome e salve seu novo estilo.

Etapa 7
Se você agora for para a guia de estilos, verá que existe um estilo personalizado que pode ser aplicado a qualquer forma a partir de agora.

2. Crie um botão profissional com um estilo predefinido no Photoshop


Se você não tem tempo para criar um estilo manualmente, o Photoshop já inclui estilos predefinidos que podem ser facilmente aplicados às nossas formas.

Passo 1
A janela Estilos geralmente aparece por padrão, mas caso não apareça, vá em Janela - Estilos e clique nela para ativar a janela.

Passo 2
Agora, na janela Estilos, clique no menu de três listras que aparece.

etapa 3
Selecione a opção Estilos da Web e adicione.

Passo 4
Agora você só precisa selecionar o estilo que mais gosta e aplicá-lo à sua forma. Você pode adicionar qualquer categoria de visualizações na etapa anterior.

Se você travou em alguma etapa, aqui está o tutorial em vídeo para ver como projetar seu botão profissional de forma manual e automática.

Os estilos do Photoshop são realmente úteis para aplicar em nossos designs, pois evita que tenhamos que configurá-lo toda vez que quisermos aplicar o mesmo efeito. Desta forma, teremos sempre um estilo pessoal guardado.

Você vai ajudar o desenvolvimento do site, compartilhando a página com seus amigos

wave wave wave wave wave