Como criar uma barra com efeito glossy.(Web)

Descrição: Neste tutorial veremos de forma bem simples como criar uma barra com efeito glossy que pode ser usada como fundo para menus ou simplesmente para enfeitar um site como decoração fazendo uso de apenas duas layer styles.



01. Pressione Ctrl+N para criar um novo documento e defina o tamanho de 500x30 pixels, 72 dpi's e modo de cor em RGB, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher com a layer com a cor preta, clique duas vezes sobre a layer na paleta de layers e pressione Ok para retirar o cadeado da layer, vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.



02. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.



03. Ao fina sua barra com efeito glossy estará como a da foto abaixo, caso queira mudar as cores você pode ir em Layer> New Adjustment Layer> Hue/Saturation e mudar a vontade.

Design: LOARDS | Valid XHTML & CSS