A navegação fácil é a chave para tornar um site confortável para visitar e atraente para o proprietário e os visitantes online. Os elementos de menu e navegação devem ser claros, bonitos e concisos, e é uma boa ideia criar botões atraentes para o seu site no editor gráfico Adobe Photoshop. Isso não é difícil de fazer.
Instruções
Passo 1
Crie um novo documento e selecione a ferramenta Retângulo arredondado na barra de ferramentas. Desenhe um retângulo arredondado estreito, selecione a ferramenta Elliptical Marquee Tool na caixa de ferramentas e desenhe um círculo no lado esquerdo do retângulo que se sobrepõe às suas bordas e vai além dele.
Passo 2
Clique com o botão direito do mouse na camada do retângulo e selecione a opção Rasterizar camada e, a seguir, no centro da seleção, clique novamente e selecione a opção Camada via corte no menu de contexto para copiar a seleção para uma nova camada.
etapa 3
Abra o menu de configurações da camada e na guia Drop Shadow defina o modo de mesclagem para Normal, a opacidade para 23% e a distância para 3 pixels. Na guia Sobreposição de cor, defina a cor desejada com o modo de mesclagem Normal e transparência em 100%. Você deve ter uma imagem de duas cores.
Passo 4
Selecione a ferramenta Elliptical Marquee Tool na caixa de ferramentas novamente e desenhe um círculo dentro da seleção de cor à esquerda. Clique em Apagar. Depois disso, transfira a seleção para uma nova camada e preencha com qualquer cor.
Etapa 5
Abra o menu Layer Style novamente e ajuste a guia Gradient Overlay em qualquer cor que se adeque ao esquema de cores do seu site. Defina o estilo radial para o gradiente. Em seguida, na guia Traço, defina a espessura do traço como 2 pixels, a posição externa do caminho e a opacidade como 30%. Selecione um preenchimento gradiente para o traço. Clique OK.
Etapa 6
Na caixa de ferramentas, selecione um pincel com a cor branca, ajuste-o para que seja macio e o diâmetro do pincel seja de 10 pixels. No canto superior direito do círculo que você pintou, desenhe um ponto para desenhar um destaque.
Etapa 7
Em seguida, selecione a camada com a parte principal do botão e no menu Layer Style defina o parâmetro Inner Shadow com Multiply Blending Mode e Opacity de 33%. Defina um gradiente linear com 25% de opacidade. Seu botão está pronto - tudo o que resta é adicionar uma inscrição a ele.
