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

BLOGGER: 11
  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

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,216,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,487,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Como criar uma barra com efeito glossy
Tutorial: Como criar uma barra com efeito glossy
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.
https://www.andresugai.org/Tutoriais/11.2008/T15/imagem3.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/11/como-criar-uma-barra-com-efeito-glossy.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/11/como-criar-uma-barra-com-efeito-glossy.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb 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$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar