Tutorial: Como criar uma barra com efeito glossy

COMPARTILHE:

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.

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

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/

COMENTÁRIOS

  1. Comigo não fica assim :S
    Não fica como uma linha, fica mais tipo gradiente


    e já agora, tens um erro,
    Layer> Layer Style> Inner Glow ( é Inner Shadow não é ? )

    ResponderExcluir
  2. Gostei, é útil para, por exemplo, fazer botões para sites, que foi a finalidade que eu direcionei esta barra, mudando a cor, claro.

    ResponderExcluir
  3. opa deu certo sim corrigir o q eu tava errando \o/

    ResponderExcluir
  4. Bom, muito legal. Fica um estilo de barra Windows Vista...

    casatuga, tá certo manin, é Inner Shadow que tá lá hehe (Sombra interna; Inner Glow -> Brilho interno)

    ResponderExcluir
  5. 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.

    ResponderExcluir
  6. Aew manow deu certinho eu jah sabia fazer isso mais é muito Bom, Vlw mesmo

    ResponderExcluir
  7. muito legal mesmo esse tutorial.
    eu ja tinha visto algo parecido, mas era com botons acho que não muda muita coisa
    parabéns Andre

    ResponderExcluir
  8. Muito legal! Tava procurando isso para colocar em um fórum meu! Por isso que amo esse site!

    ResponderExcluir

Todos os posts carregados Nenhum post encontrado VEJA TODOS Leia Mais Responda Cancelar resposta Deletar De Home PÁGINAS POSTS Veja todos RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO BUSCA TODOS OS POSTS Nenhum post encontrado para sua pesquisa Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Agora 1 minuto atrás $$1$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semanas atrás mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ TRANCADO PASSO 1: Compartilhe nas redes sociais PASSO 2: Clique no link nas suas redes sociais Copie Todo Código Selecione Todo Código Todos os códigos foram copiados para o clipboard Se não consegue copiar os códigos / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar Tabela de Conteúdo