Slick , gráficos limpos, com a aparência de plástico brilhante e vidro são a marca registrada do 2.0 Web olhar . Web 2.0 botões de estilo pode adicionar um toque de cor e uma sensação de profundidade para a sua página web e outros projetos de design visual . Gimp , uma aplicação poderosa e livre de criação de imagem, dá-lhe todas as ferramentas que você precisa para criar facilmente botões de plástico brilhante. Instruções
1
Crie um novo documento do tamanho que você deseja que o botão seja. Para começar , tente 200 pixels de largura por 100 pixels de altura .
2
Crie uma nova camada transparente chamada "Botão ". Jogue a camada de fundo no lixo ou escondê-lo. Clique na camada " botão" para torná-la ativa .
3
Clique no botão " Rectangle Select Tool " na caixa de ferramentas . Marque a opção " cantos arredondados " no painel de opções e ajustar o raio para a quantidade desejada . Para um botão 200 -by- 100, tentar um raio de 20.
4
Escolha uma cor em tons de meio para a cor de primeiro plano (não muito escuro , nem muito claro) . Use 114 , 205, 227 para os valores B R, G, e , respectivamente, e que vai lhe dar um tom de azul empoeirado ovo do robin .
5
Selecione " Encha com FG Color" do "Editar " menu.
6
Clique no botão" Criar uma camada duplicada " botão na paleta de camadas.
7
Selecione o " Caminhos da ferramenta " na caixa de ferramentas . Crie um retângulo em torno da metade inferior da imagem um pouco maior do que o botão. Além de pontos de ancoragem canto do retângulo , incluir um ponto de ancoragem ao longo da borda superior do retângulo no centro do botão, arrastando o mouse , mantendo o botão esquerdo do mouse para criar alças para ajustar a curva do caminho. Depois de terminar o retângulo , clique no ponto central âncora superior e mova as alças para fazer uma onda muito sutil ou curva para a reflexão . ( Consulte a seção " Recursos" deste artigo para obter mais informações sobre a criação e edição de caminhos . )
8
Clique em " Seleção de Caminho " na paleta de opções. Verifique novamente se a camada superior é a camada ativa. Existe agora uma área de seleção ao redor da parte inferior do botão na forma que você desenhou com a ferramenta Path .
9
pressione a tecla Delete para apagar a metade inferior da imagem do botão na camada superior . Clique na caixa de seleção "Bloquear canal alfa " em " Layers" paleta para assegurar que as partes transparentes desta camada ficar transparente. Remova a caixa de seleção ao escolher "None" no menu "Selecionar".
10
Selecione uma cor de fundo que é uma sombra mais clara da cor de primeiro plano . Clique na cor de fundo amostra na caixa de ferramentas para abrir a janela de seleção de cores. Clique na cor de primeiro plano na caixa de ferramentas para copiar essa cor. Ajuste os valores para criar uma cor mais clara para a nova cor de primeiro plano . Se a sua cor de primeiro plano é azul do ovo do robin mencionado anteriormente , tente R, G, B valores de 164 , 237, 255 para a cor de fundo .
11
Selecione a opção " Mistura " ferramenta da caixa de ferramentas . Defina o " Gradient " para " FG a BG" no painel " Opções" . Preencha a camada superior com um gradiente , clicando na parte superior da imagem e arrastando para baixo verticalmente a um ponto da metade para baixo da imagem. Repita até obter o efeito desejado.
12
Mova a camada de cima para baixo e para a direita ( apenas 3 pixels para um botão de 200x100 ), para dar a ilusão de uma borda chanfrada .