NOTÍCIA

Micro botões no Photoshop

Os “micro botões” estão
muito populares e sendo muito procurados no Brasil para desenvolvimento
web. Criaremos neste artigo uma intarface somente com a identidade
visual de micro botões. Créditos de criação
para o americano Man1c M0g.

Passo 01: Crie um novo arquivo de
200×200 pixels. Crie um layer novo no topo e deixe-o como
ativo. Selecione a ferramenta retangular e crie um retângulo
de 60×11 pixels. Selecione a opção Edit
> Fill
do menu e preencha o retangulo com alguma
cor leve. Usamos a cor #F2F2F2.

Passo 02: Selecione Layer >
Layer Style > Drop Shadow
do menu, onde preencheremos
nossas preferências. Não clique em ok até
chegar no passo 05.

Passo 03: Vamos na opção
Inner Shadow e entramos
com as opções. Siga as opções
preenchidas na imagem.

Passo 04: Progredimos para o ítem
Bevel And Emboss. Você
irá notar que o botão está praticamente
pronto. Porém, ainda faltam os últimos passos.

Passo 05: Vamos na ferramenta Stroke
e entramos com o preenchimento mostrado na figura ao lado.
A cor de preenchimento deve ser uma cor forte, talvez um
cinza bem escuro seja o ideal pois o preto já é
forte demais.

Escolhemos a cor #616161. Agora você
já pode clicar em ok.

Passo 06: O padrão de fontes
do Windows tem uma dificuldade de serem usadas quando muito
pequenas. Sugerimos que faça o download de algumas
fontes em pixel, para finalizar o botão.

Não esqueça de usar a criativadade
para aperfeiçoar ainda mais esse exemplo!

Matérias especiais e reportagens conduzidas internamente pela Redação iMasters. Acompanhe no Twitter @imasters e no Instagram/Threads @portalimasters

Ver perfil