Artigos com o marcador site

Vamos ver como criar uma botão bem simpático e fácil de fazer e editar para colocar no seu site.

1. Selecione “Rounded Rectangle” (Retângulo arredondado).
2. Mude o “Raduio” (Raio) para ’8 px’, ou um valor que desejar depende do quanto você quer que seu botão fuque arredondado, eu sugiro valores pequenos, fica uma coisa mais sutil.
3. Crie um retângulo na cor que desejar.

Clique com o botão direito sobre a camada do retângulo, e em seguida selecione a opção “blending oprions”.

Selecione a opção “Drop Shadow” (Sompra):
E deixe as configurações de acordo como está na imagem a seguir.
Opacidade=40%; Distancia=1; Tamanho 6; O restante mantem o padrão.
Obs: O “Size” (Tamanho) da sombra pode varias de acordo com a sua necessidade e com o tamanho do botão.

Selecione a opção “Inner Glow”:
E deixe as configurações de acordo como está na imagem a seguir.
Blend Mode= Normal; Opacidade=25%; Cor=preto (#000000); Tamanho 30; O restante mantem o padrão.
Obs:O “Size” (Tamanho) da sombra pode varias de acordo com a sua necessidade e com o tamanho do botão.

Selecione a opção “Gradient Overlay”:
E deixe as configurações de acordo como está na imagem a seguir.
Blend Mode= Overlay; Opacidade=45%; Rverse=selecionado; Gradiente= branco para preto; O restante mantem o padrão.

O resultado deve ser algo como:

Dublique a camada, deixe-a na cor branca (#FFFFFF), e limpe o estilo da camada, assim como a imagem a seguir:

Segue…