Como Criar Um Botão

Índice:

Como Criar Um Botão
Como Criar Um Botão

Vídeo: Como Criar Um Botão

Vídeo: Como Criar Um Botão
Vídeo: Como Criar Botão em HTML e CSS basic | Code Universe 2024, Abril
Anonim

Se você decidir por si mesmo criar um botão para a barra de navegação do seu site, é bastante simples fazê-lo usando o programa Adobe Photoshop. Como resultado, você obterá um botão muito bom que pode ajustar a cor e outros parâmetros exatamente para o design do seu site.

Como criar um botão
Como criar um botão

Instruções

Passo 1

Crie um novo documento no programa (Arquivo - Novo ou Arquivo - Novo). Agora mude o documento para o modo cinza, para isso selecione Imagem - Modo - Tons de cinza. Agora, usando a ferramenta Retângulo, crie um retângulo que corresponda às dimensões do seu botão futuro. Agora coloque a imagem no modo RBG. Abra a paleta RBG (esquerda) e defina todos os valores como 170. Preencha o retângulo com cinza.

Passo 2

Agora clique em Imagem - Modo - Bitmap para colocar a imagem no modo Bitmap. Na janela Bitmap, na lista Usar, selecione o valor Tela de meio-tom. Outra janela deve ser aberta. Nesta janela, defina os seguintes valores de parâmetro:

Frequência: 256

Linhas / polegada

Ângulo: 45

Forma / Redondo

Você vai acabar com um retângulo salpicado de estrelas.

etapa 3

Agora mude a imagem de volta para o modo Tons de cinza (Imagem - Modo - Tons de cinza). Defina a relação de tamanho 1. Defina a imagem de volta para o modo RBG. Aplique o filtro Stylize - Fmd Edges.

Passo 4

Em seguida, aplique o filtro Blur - Motion Blur, nele defina os seguintes parâmetros:

Ângulo - 36

Distância - 19

Esses valores são opcionais, você pode aceitar os seus próprios, dependendo do resultado que deseja obter no final. Isso se aplica a todos os parâmetros fornecidos neste manual - tente experimentar e ver o que você obtém, talvez você fique satisfeito com alguma outra opção, diferente daquela que o autor da instrução fará.

Etapa 5

Agora pinte sua imagem. Para fazer isso, selecione Imagem - Ajustes - Matiz / Saturação. Lá, marque a caixa ao lado de Colorir e, movendo as alavancas, selecione a cor da borda desejada para o seu botão.

Etapa 6

Agora selecione a parte saliente do botão com a Rectangular Marquee Tool e torne-a um pouco mais leve. Para fazer isso, altere as curvas da imagem - Imagem - Ajustes - Curvas.

Etapa 7

Se o resultado já é satisfatório para você, pode parar por aí e considerar que seu botão está pronto. Mas se quiser, você pode ajustar a imagem um pouco mais para torná-la melhor.

Etapa 8

Para fazer isso, precisamos nos livrar dos cantos cortados. Selecione a ferramenta Rectangular Marquee Tool e selecione a área do botão que você precisa (sem cantos feios) e copie (Editar - Copiar ou use o atalho de teclado Ctrl + C). Em seguida, pressione Ctrl + V para colar o copiado em uma nova camada. Aplicar imagem - Girar tela - Virar horizontalmente.

Etapa 9

Selecione o fragmento desejado novamente, copie e aplique novamente Imagem - Girar Tela - Virar Horizontal. Assim, a imagem voltará à sua aparência original. Agora exclua este fragmento (como regra, esta é a camada superior no painel de camadas). Agora cole o trecho da área de transferência usando Editar - Colar. Arraste a peça para a borda esquerda do botão, faça a borda retangular. Faça o mesmo com o canto direito.

Etapa 10

Agora você precisa adicionar texto ao botão. Para isso, use a ferramenta de texto para criar a inscrição necessária, mudando a cor para uma mais adequada. Aplique um filtro Desfoque ao botão para desfocá-lo um pouco.

Recomendado: