em , , , ,

Tutorial: Como criar uma barra com efeito glossy

Preview 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.

  • [message]
    • ##check##AVISO: Como criar uma barra com efeito glossy

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo documento e defina o tamanho de 500×30 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.

Como criar uma barra com efeito glossy

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

Como criar uma barra com efeito glossy

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.

Como criar uma barra com efeito glossy

site de origem: http://www.ps-tutorials.org/2008/09/simple-gloss-navigation-bar/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

11 Comments

  1. bom, sou marinheiro de primeira viagem no photoshop e tentei fazer esta barra, notei que ficou como o casatuga tinha dito, mas fui fuçando e percebi que fica assim se o efeito inner shadow estiver com a cor preta, se estiver exatamente como a imagem do tutorial fica certinho.

    abraços.

Estilo anos 80 para letras.

Inspiração, Cartazes de Rock: Helmet.