Efeito Glossy Futurista

COMPARTILHE:

Descrição: Neste tutorial veremos como estilizar um texto com um efeito glossy que utiliza diversas layer styles e modos de blend. Tutori...

Preview Descrição: Neste tutorial veremos como estilizar um texto com um efeito glossy que utiliza diversas layer styles e modos de blend.

Tutorial Intermediário
tutoriaisphotoshop.net

01. Pressione Ctrl+O e abra uma imagem qualquer para que fique como background, no caso deste tutorial usaremos esta imagem, caso queira fazer o download basta clicar aqui, com a imagem aberta escolha a cor #77a5c2, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, no caso deste tutorial usamos a fonte Alba, caso queira usar a mesma fonte basta clicar aqui para fazer o download, pressione Ctrl+J para duplicar a layer, defina o valor de Fill da layer em 0%.

tutoriaisphotoshop.net

02. Clique na layer de texto original e vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

03. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

04. Clique na opção Contour e defina os valores abaixo.

tutoriaisphotoshop.net

05. Sua palavra deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

06. Agora clique na layer de texto copiada e vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.

tutoriaisphotoshop.net

07. Clique em Contour e defina os valores abaixo.

tutoriaisphotoshop.net

08. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

09. Pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de Texture e pressione Ok, deixe a layer entre as duas layers de texto, com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto original para ativar a seleção ao redor das letras.

tutoriaisphotoshop.net

10. Clique na layer Texture, defina a cor de Foreground como #164b7c e a de Background como #b2ebfc, vá em Filter> Render> Clouds, pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

11. Vá em Filter> Brush Strokes> Crosshatch e defina os valores abaixo.

tutoriaisphotoshop.net

12. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

13. Mude o modo de blend da layer para Overlay.

tutoriaisphotoshop.net

14. No final sua palavra ficará como a da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://textuts.com/glossy-futuristic-text-effect/

COMENTÁRIOS

BLOGGER: 4
  1. Oi André,faz muito tempo que não visito o seu blog, e ele continua maravilhoso como sempre!!!
    tuto muito legal.
    essa imagem inicial é de tuto anterior, que também tá muito bom.
    parabéns e muito sucesso!
    bjos

    ResponderExcluir
  2. Oi, André, adoro seu blog e sempre visito ansioso pelas atualizações.
    Eu só tenho uma dúvida quanto esse tutorial. Tem dois Countours do Bevel/Emboss que eu não tenho no meu Photoshop. Eu baixei o Phothoshop CS5 Expanded e ainda assim, não tenho esses contours. Você tem alguma dica ou sabe o que preciso fazer para tê-los?
    Porque eu baixei o CS5 só pra isso e ele não tem... :(

    ResponderExcluir
  3. Os contours são o Steep Slope - Rolling e o Steps :)

    ResponderExcluir
  4. Nossa, segui todos os passos, mas não ficou nada igual!!
    Acho que me perdi no meio do caminho T-T

    Enfiim, belo tutorial.

    Parabéns.

    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,410,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,121,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,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,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,515,outubro,743,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,139,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,470,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Efeito Glossy Futurista
Efeito Glossy Futurista
http://www.andresugai.org/Tutoriais/03.2011/T04/imagem14.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2011/03/efeito-glossy-futurista.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2011/03/efeito-glossy-futurista.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