Vou mostrar aqui como criar os famosos botões no estilo “orb”. Aqueles botões que parecem bolas de vidro…
Bom, a intenção é criar este efeito em links, então precisaremos cumprir duas etapas:
Etapa 1 (PhotoShop) – Como criar as imagens que serão usadas para o efeito.
Etapa 2 (DreamWeaver) – Como criar o efeito utilizando html+CSS
> Vale lembrar que você pode usar o editor de imagens e de páginas web de sua preferência. Não precisa ser os que menciono neste tutorial. Mas vai caber a você adaptar os passos ao seu modo de trabalho e do seu software :)
> Pulo do Gato – Algumas ações tem um asterisco * ao lado delas. Isto significa que existe, no fim deste tutorial, uma dica rápida de como executar aquela ação, como a de criar uma nova camada* por exemplo :)
> Então…. mão na massa!
1. Crie um novo arquivo de fundo branco e do tamanho que você quiser, mais tarde veremos como recortar a imagem para ficar do tamanho desejado. Para este turorial eu estou usando 200x200px. Crie um novo layer*, o nome será orb-bg. Com a ferramenta eclipse, Crie um círculo perfeito*. Aplique um preenchimento gradiente no círculo de #2a2a2a (no topo) para #3e3e3e (no fundo).
