Criando botões estilo Glass

gimplogoQue tal aprender a fazer aqueles lindos botões com Glass que vemos no Mac? O processo não é específico para o GIMP, que é o editor que vou usar de exemplo…Basta ser capaz usar Alpha e Camadas. Antes de tudo, crie uma imagem totalmente transparente, do tamanho que desejar. Depois, basta seguir as instruções abaixo:

  • Crie uma forma simples, que será seu molde, depois duplique essa camada até ter 3 exatamente iguais, por exemplo:

  • Agora,  na camada superior (lembra…aquelas que você acabou de duplicar?), faça um corte de forma qualquer, sendo que ele que dará a sensação de glass. Cortes em elipse geralmente levam à um melhor resultado.
  • Feito isso, na camada intermediária, adicione um degradè, com a ferramenta “mistura”, depois disso, adicione um degradè na camada superior também, mas no sentido contrário, ficará mais ou menos assim:
ex2
  • Para diminuir os serrilhados, usa o plug-in de desfoque! Uma boa opção é o plug-in em Filtros>Desfocar>Desfoque Encaixável. Olhe como ficou:
3.png
  • Agora, no diálogo “Camadas”, defina as opacidades, de maneira que você consiga ver as 3 camadas (topo com corte, intermediária com degradè, inferior apenas forma).
  • Aplique um degradè com tonalidades de cinza na última camada (lembre-se de selecionar apenas a parte colorida dela.)
  • Quando estiver satisfeito com as cores, combine as três camadas em apenas uma, se quiser altere a ordem das camadas.
  • Para fazer o contorno, selecione todo o botão, vá em editar>encolher, e encolha em 1 ou 2 pixels a seleção.
  • Corte e cole como uma nova camada, inverta uma das camadas que você obteve, combine-as, depois rotacione-a até chegarna posição correta:
4.png
  • Pronto! Sua base está pronta! Agora, basta aplicar os textos espelhados, ou uma camada que reforce o efeito gloss, e finalizar seu trabalho!
5.png
6.png
modelo-de-botao.png
Aurora Live section
Espero que tenham gostado!

Uma resposta

  1. [...] transparente da parte mais clara ficar menor, e “glassificando” seu botão como no post Criando Botões Estilo Glass. Se você quiser, tentar modificar alguns métodos podem fazer suas criações ficarem bem [...]

Deixe uma resposta