Uma interface amigável, gráficos bem desenhados, a disposição correta dos elementos na página - metade do sucesso do site com o visitante. Desenhar botões para um site é uma parte pequena, mas importante, do trabalho em um projeto online.
Instruções
Passo 1
Experimente desenhar um botão redondo. O método fornecido a seguir também é universal para a criação de logotipos e avatares. Desenhar não é difícil, apesar da quantidade de ações que você tem que realizar.
Passo 2
Abra o Adobe Photoshop. Crie um novo documento pressionando a combinação "Ctrl + N". Parâmetros de imagem 300 * 300, resolução de 72 ppi. O plano de fundo padrão e o modo de cor são branco e RGB, respectivamente.
etapa 3
É melhor desenhar com vetores, para que quando o botão for reduzido, sua qualidade não se deteriore. Selecione a ferramenta Oval, segure Shift e desenhe um círculo a partir do centro.
Passo 4
Agora aplique alguns efeitos ao círculo resultante. Vá ao menu "Layers" - "Layer Style" - "Blending Options". Aqui você precisará aplicar um gradiente.
Etapa 5
Em seguida, marque a caixa ao lado de "Embossing" para dar ao botão a protuberância necessária e defina os seguintes parâmetros: estilo - relevo do contorno, método - corte suave, profundidade - 220%, tamanho - 1 pixel, suavização - 5 pixels, ângulo - 135® sem iluminação global, altura - 32, modo de destaque - normal com 30% de opacidade, modo de sombra - multiplicar por 25% de opacidade
Etapa 6
Para dar ainda mais volume, aqui nos parâmetros de mesclagem, marque a caixa "Sombra" e defina os seguintes parâmetros: modo de mesclagem - multiplicação, transparência - 40%, ângulo - 125o usando iluminação global, deslocamento - 5 pixels, tamanho - 20 pixels.
Etapa 7
O resultado das ações realizadas será a imagem mostrada na figura.
Etapa 8
Agora crie uma nova camada, selecione "Oval" novamente e desenhe um círculo com um raio menor do que a primeira forma. Abra as "Opções de Mesclagem", marque a caixa ao lado de "Sombra Interna" e defina os parâmetros: Modo de Mesclagem - Luz Suave, Ângulo - 125o, Offset - 0px, Encolher - 45%, Tamanho - 21px.
Etapa 9
A seguir, aqui nas opções de mesclagem, marque "Sobreposição de gradiente" e crie um gradiente com os parâmetros como na imagem. Clique OK
Etapa 10
Em seguida, defina o Blending Style para Radial, Scale para 124%
Etapa 11
Agora marque a caixa "Stroke" e defina os seguintes parâmetros: tamanho - 5 pixels, posição - fora, modo de mesclagem - normal, opacidade - 100%, tipo de traço - gradiente.
Etapa 12
Como resultado dessas ações, você deve obter algo que se parece mais com um botão. Você pode reabrir as opções de mistura e experimentá-las.
Etapa 13
Agora precisamos adicionar os botões de realce para que o botão tenha uma textura de vidro. Para fazer isso, crie uma nova camada novamente, selecione a ferramenta Seleção Oval, crie um oval acima do botão e preencha com branco usando a ferramenta Preenchimento. Segure Ctrl, clique na camada com o círculo colorido, inverta a seleção ("Seleção" - "Inversão"). Agora pressione Excluir. O oval deve ser cortado em torno do perímetro do círculo.
Etapa 14
No painel Layers, altere a opção Normal para Soft Light, clique no ícone de máscara de vetor e selecione a ferramenta Fill - Gradient. Preencha o destaque de baixo para cima. O botão está quase pronto.
Etapa 15
Você pode adicionar uma inscrição ao botão. Você também pode aplicar efeitos de mesclagem a ele, como brilho interno, externo, gradiente e assim por diante. Não tenha medo de experimentar, quanto mais imaginação você usar em seu trabalho, mais rápido você dominará o editor em si e o web design.
