BOTOES PARA SITES

 

Botão de água





1 - Crie uma nova imagem (ex. 500 x 500)



2 - Com as guias, divida a imagem ao meio.



3 - Selecione a ferramenta se seleçaão circular.



4 - Clique no cruzamento das linhas quias, pressione Ctrl+Shift e arraste o mouse. Isso criará uma seleção circular.





5 - Crie uma camada transparente.



6 - Aqui escolheremos a cor da esfera. Na barra de ferramentas, selecione uma cor escura para o fundo.

Para a cor da frente escolha uma cor um pouco mais clara.







7 - De um duplo click na ferramenta de gradiente e em "Forma" selecione "Radial".

      Preencha a área circular com este gradiente.

      O inicio do gradiente deve ser na parte superior esquerda. Isso a é para fazer com que o circulo pareça uma esfera.





8 - Ainda nas opções da ferramenta de gradiente, altere os seguintes itens:



- Modo = "somente clarear"

- Opacidade = 13.7 (isso deixa o gradiente transparente)

- Deslocamento = 100 (Resuz os tons)

- Degradê = "Frente para Transparente"



Aplique este novo gradiente sobre como mostrado.

Esse passo adicioná um pouco de reflexo a esfera.









9 - Ainda com a seleção circular ativa, crie uma camada transparente e prencha com branco.

- Tecle Crtl +Shift +A para remover a seleção.











10 - Selecione a metade inferior, como mostrado e presione Ctrl+K para recortá-la.

     - Tecle Crtl +Shift +A para remover a seleção.





11 - Na metade que sobrou, utilize o filtro: Filtros=>Desfocar=>Desfocagem Gaussiana(h=30, v=30).

Com a "Varinha Magica", selecione uma área como a mostrada abaixo. Para facilitar a seleção, marque

a opção "Usar amostra combinada" que aparece na janela de opções da "Varinha Mágica".









12 - Crie uma nova camada transparente.

- Apague a camada que foi criada no passo 9.

- De um duplo click na ferrameta de gradiente e pressione o botão "Reinicializar ".

- Na barra de ferramentas, mude a cor da frente para branco.

- Em "Mistura", selecione "Frente para Transparente".

- Preencha a área selecionada como mostrado abaixo. Aplique o gradiente de cima para baixo.

- Duplique esta camada.

- Pressione Ctrl + Shit + A para remover a seleção.

- Na barra de ferramentas, de um duplo clique na ferramenta de Inversão e selecione vertical.

- Aplique a ferramenta a camada. Veja a imagem abaixo, lado direito.







13 - Na janela das camadas, diminua a opacidade do brilho inferior da esfera.



 

14 - Crie uma camada branca.

- Duplique a camada da esfera, diminua um pouco sua opacidade(transparência), mova-a um pouco para baixo e una-a com a camada branca.

- Isso criará a sombra da esfera.



15 - Na camada da sombra, aplique o filtro: Filtros=>Desfocar=>Desfoc Gaussiano(h=30, v=30)

- Em uma nova camada transparente, crie uma seleção circular com a mostrada abaixo.



16 - Preencha a seleção com branco, retire a seleção e use o filtro: Filtros=>Desfocar=>Desfoc Gaussiano(h=40, v=40)

- Isso criará a projeção da luz sobre superfície onde a esfera se encontra.

- Posicione esta camada sobre todas as outras camadas e mude seu modo para "Sobrepor".



 



17 - A imagem final



Uma boa opção para mudar as cores das esferas sem ter que refazer tudo, é usar a ferramenta: filtros=>cores=>colorir. Mude a cor da esfera e a cor da sombra.



As mesmas esferas, só que achatadas



Aqui temos uma forma retangular