Design Web 2.0 Label / Badges No Photoshop
Muitos sites da Web 2.0 gostam de usar rótulos (ou distintivos) como esse para fornecer o status do site / serviço atual, seja a versão ou se eles ainda estão na versão beta. Criar esses rótulos é muito fácil, especialmente com o uso do Photoshop. Tutorial depois do salto.
Crie uma nova tela, 400 de largura e 200 de altura. Selecione Ferramenta de forma personalizada, debaixo FormaNa lista suspensa, selecione Foca e desenhe a forma no meio da página.
Nomeie a camada Star Label, lançamento Opções de mesclagem e insira o seguinte estilo:
Sombra
Sombra interior
Bisel e relevo
Sobreposição de Gradiente
- Color Stop 1: # 0076b3, Local: 0%
- Color Stop 2: # b3d5ff, Localização: 100%
Crie uma nova camada, selecione Ferramenta de tipo horizontal e insira qualquer texto. Vou usar o texto Beta! Aqui. Inicie as opções de mesclagem, insira os seguintes estilos:
Sombra
Sobreposição de Gradiente
- Color Stop 1: # b2b9bc, Localização: 0%
- Color Stop 2: #ffffff, Localização: 100%
Aguarde Ctrl, clique na miniatura da camada para camada Rótulo de estrela para selecionar seu contorno. Crie uma nova camada no topo, nomeie-a Lustroso.
Com contornos ainda selecionados, selecione Ferramenta de laço poligonal, aguarde Alt, e desenhe meio círculo como ilustrado na imagem abaixo.
Pinte a metade restante com branco, diminua a opacidade até 15% e aqui está seu resultado final.