botões de gel , também chamados de botões de vidro, são elementos de sites populares , porque eles destacam-se na página, mas não são muito intrusivos. Gel botões aparecem como se a luz está refletindo fora deles , criando um destaque a partir da luz que faz com que a cor do botão a desaparecer gradualmente de uma cor escura para uma mais clara sável . Com o Adobe Illustrator , você pode fazer um botão de gel à base de vetor por meio de três retângulos com uma combinação de amostras sólidas e gradientes. Instruções
1
Selecione a ferramenta " Retângulo arredondado " .
2
Desenhe um retângulo do tamanho do botão. Pressione o botão " Up" seta para aumentar um raio de canto ou a seta " para baixo " para diminuir um raio de canto .
3
Clique no ícone " Stroke" . Clique no botão " Sem preenchimento " para remover o acidente vascular cerebral.
4
Dê um clique duplo no ícone " Fill" . Selecione a cor desejada para o botão.
5
Selecione o " Retângulo arredondado . " Desenhe um segundo , menor retângulo em direção ao centro da parte inferior da primeira .
6
Duplo clique sobre o ícone " Fill" . Escolha um tom mais claro da cor do retângulo de origem.
7
Selecione a ferramenta "mistura " . Clique no pequeno retângulo eo retângulo grande .
8
Selecione o " Retângulo arredondado . " Para o centro da parte superior do primeiro retângulo , desenhe um terceiro retângulo que é um pouco maior do que o segundo , mas menor do que o primeiro.
9
Clique no menu "Window" e selecione " Gradient ". Defina o controle deslizante preto para 100 por cento CMYK preto e branco o controle deslizante para 0 por cento. Digite " -90 " na caixa " ângulo" .
10
Clique no menu "Window" e selecione " Transparência ". Selecione "Screen" a partir do menu drop-down.
11
Clique no painel Gradiente. Arraste o controle deslizante de gradiente , o triângulo acima do gradiente , para ajustar o tamanho do destaque no botão gel.
12
Selecione o botão inteiro. Clique no menu " Effect" , passe o mouse sobre " Stylize " e selecione " Drop Shadow ".
13
Clique na caixa de seleção "Preview" . Aplique as opções de sombra desejados.
