Como Fazer Um Botão Bonito

Índice:

Como Fazer Um Botão Bonito
Como Fazer Um Botão Bonito

Vídeo: Como Fazer Um Botão Bonito

Vídeo: Como Fazer Um Botão Bonito
Vídeo: CRIE SEUS BOTÕES EM CASA DE 2 FORMAS DIFERENTES - DIY 2024, Novembro
Anonim

Ao viajar pela Internet, os usuários costumam prestar atenção ao design gráfico dos recursos. Este é um parâmetro importante de qualquer site. A aparência da página determina se o visitante permanece nela ou a fecha e nunca a visita. Portanto, os gráficos do site recebem especial importância. Mas ao decorar um recurso, não se deve esquecer sua funcionalidade. Os links devem ser semelhantes a links e os botões devem ser semelhantes a botões.

Como fazer um botão bonito
Como fazer um botão bonito

Instruções

Passo 1

Para fazer um belo design para o site, você precisará do conhecimento de editores gráficos. Um dos líderes nessa área é o Adobe Photoshop. Abra seu programa. Crie um novo documento com os parâmetros mostrados na imagem.

Passo 2

Preencha o fundo com a cor "bfbfbf". Use a ferramenta Mover para centralizar as guias horizontal e vertical no documento. Selecione a ferramenta Retângulo arredondado. Observe que ele deve estar no modo Shape Layer. Mova o cursor para o centro do documento, clique com o botão esquerdo e, simultaneamente, mantenha pressionada a tecla "Alt". Desenhe um retângulo. Abra os estilos de camada e defina os parâmetros mostrados na imagem.

etapa 3

Mantenha pressionada a tecla “Ctrl” no teclado e clique com o botão esquerdo na camada de forma. A seleção será carregada. Pegue na barra de ferramentas "seleção retangular". Defina-o para o modo de subtração. Contorne o topo da seleção. Crie uma nova camada e preencha com branco. Defina a opacidade da camada para 20%.

Passo 4

Pegue a ferramenta de texto. Escreva a palavra que você deseja. Defina a fonte, o tamanho e o estilo do texto. Vá para estilos de camada e defina os seguintes parâmetros. Seu botão está pronto.

Etapa 5

Agora vamos verificar os pixels exatos. Pegue a ferramenta de zoom. Aumente o tamanho do botão o máximo possível. Observe cuidadosamente todas as bordas. Eles devem ter limites claros. Sem cores de transição. Se as formas não estiverem claras - carregue a função "transformação livre" e use as teclas de controle para corrigir a forma do botão. Agora você pode colocá-lo em seu site.

Recomendado: