Como Desenhar Um Botão No Photoshop

Índice:

Como Desenhar Um Botão No Photoshop
Como Desenhar Um Botão No Photoshop

Vídeo: Como Desenhar Um Botão No Photoshop

Vídeo: Como Desenhar Um Botão No Photoshop
Vídeo: Como criar um Botão no Photoshop 2024, Maio
Anonim

Desenhar um botão estiloso para um site no Photoshop não é tão difícil. Este processo levará apenas 10-20 minutos. O botão que você pode criar com este tutorial fica sobre um fundo claro. Opcionalmente, você pode colocar o botão em um fundo escuro. E também mostre sua imaginação e crie-a em um estilo que se encaixe no design do seu site.

Como desenhar um botão no Photoshop
Como desenhar um botão no Photoshop

Instruções

Passo 1

Crie um novo documento usando o atalho de teclado Ctrl + N.

Passo 2

Defina o tamanho desejado, por exemplo, 200 por 100 pixels.

etapa 3

O documento foi criado. Agora você pode começar a criar o botão.

Passo 4

Selecione a ferramenta U de retângulo arredondado na paleta de ferramentas. Em seguida, selecione o modo Shape Layer, localizado no menu principal da Barra de opções, para as configurações da ferramenta ativa.

Etapa 5

Desenhe um botão no documento. Neste exemplo, a cor do primeiro plano é preta, portanto, o botão é preto. A seguir, selecionaremos uma cor adequada para ele.

Etapa 6

Para fazer isso, vá para a paleta Estilos e selecione o estilo apropriado para o nosso botão.

Etapa 7

Este exemplo usa o estilo Blue Glass.

Etapa 8

Rasterizar a camada superior: menu "Camada" - comando "Rasterizar" - item "Camada".

Etapa 9

Pressione a tecla Ctrl e, enquanto a segura, selecione o ícone da camada superior com o botão esquerdo do mouse. O botão será destacado com uma linha pontilhada.

Etapa 10

Para criar uma pequena borda ao redor das bordas do botão, clique em Selecionar - Modificar - Reduzir.

Etapa 11

Na janela que se abre, defina 3 pixels.

Etapa 12

O resultado é um traço pontilhado.

Etapa 13

Inverta a seleção usando o atalho de teclado Shift + Ctrl + I.

Etapa 14

Copie a seleção para uma nova camada pressionando Ctrl + J. A terceira camada aparecerá na paleta "Camadas".

Etapa 15

Escolha um estilo de sua preferência para uma pequena borda de 3 pixels. Para fazer isso, vá para a paleta Estilos novamente e selecione o que deseja. Neste exemplo, o estilo de borda do céu cinzelado é aplicado, porque corresponde à cor do botão.

Etapa 16

O resultado é esse botão. Opcionalmente, você pode aplicar seus próprios estilos de que mais gosta.

Etapa 17

Resta escrever o texto. Para fazer isso, selecione a ferramenta de tipo horizontal (T). Você pode escolher as opções de fonte na barra de opções para definir esta ferramenta.

Etapa 18

Agora seu botão está pronto.

Recomendado: