Pagina inicial » Photoshop » Design Web 2.0 Label / Badges No Photoshop

    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.