Tutorial: Efeito borda de vidro para palavras no Photoshop

COMPARTILHE:

Hoje veremos como criar o efeito de bordas de vidro em um texto usando layer styles combinadas, no final ainda criaremos uma action para aplicação rápida do efeito em textos no Photoshop.

Preview Descrição: Hoje veremos como criar o efeito de bordas de vidro em um texto usando layer styles combinadas, no final ainda criaremos uma action para aplicação rápida do efeito em textos no Photoshop.

  • [message]
    • ##check##AVISO: Efeito borda de vidro para palavras no Photoshop

      • 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 :)

tutoriaisphotoshop.net

01. Pressione Ctrl+N e defina os valores abaixo, dê o nome de Glass Text Effect para o documento e pressione Create.

Efeito borda de vidro para palavras no Photoshop

02. Vá em Window> Character, defina os valores abaixo usando a cor #ffffff e a fonte Soviet Program, caso queira utilizar a mesma fonte usada no tutorial clique aqui para fazer o download, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer.

Efeito borda de vidro para palavras no Photoshop

03. Vá em Layer> Layer Style> Blending Options e defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

04. Vá em Layer> Layer Style> Drop Shadow, escolha a cor #000000 e defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

05. Vá em Layer> Layer Style> Stroke, defina os valores abaixo, clique na amostra de gradiente e defina o gradiente usando a opacidade e cores abaixo, depois clique em New e salve o gradiente com o nome Glass Gradient.

Stop 1: Location: 0% Opacity: 0%
Stop 2: Location: 4% Opacity: 100%
Stop 3: Location: 26% Opacity: 0%
Stop 4: Location: 43% Opacity: 100%
Stop 5: Location: 64% Opacity: 0%
Stop 6: Location: 85% Opacity: 100%
Stop 7: Location: 100% Opacity: 0%

Stop 1: Location: 0% Color: #ffffff
Stop 2: Location: 6% Color: #ffffff
Stop 3: Location: 7% Color: #194962
Stop 4: Location: 41% Color: #ffffff
Stop 5: Location: 42% Color: #194962
Stop 6: Location: 84% Color: #e0e0e0
Stop 7: Location: 85% Color: #194962

Efeito borda de vidro para palavras no Photoshop

06. Vá em Layer> Layer Style> Bevel & Emboss, escolha as cores #ffffff, #000000 e defina os valores abaixo, clique em Contour e defina os valores abaixo.

Contour: Linear
Anti-aliased: On
Range: 50%

Efeito borda de vidro para palavras no Photoshop

07. Vá em Layer> Layer Style> Inner Glow, use a cor #fdfdfd e defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

08. Vá em Layer> Layer Style> Outer Glow, escolha a cor #b0f1ff e defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

09. Pressione Ctrl+J para duplicar a layer de texto, dê o nome de Glass 2 para a nova layer, vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo e clique na amostra de gradiente, defina o gradiente com os valores abaixo.

Stop 1: Location: 0% Color: #40006e
Stop 2: Location: 51% Color: #b900ce
Stop 3: Location: 100% Color: #40006e

Efeito borda de vidro para palavras no Photoshop

10. Vá em Layer> Layer Style> Color Overlay, escolha a cor #ff003c e defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

11. Vá em Layer> Layer Style> Bevel & Emboss, use as cores #ffffff e #000000, defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

12. Vá em Layer> Layer Style> Inner Shadow, escolha a cor #baf3ff e defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

13. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

14. Vá em Layer> Layer Style> Inner Glow, escolha a cor #000000 e defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

15. Vá em Layer> Layer Style> Drop Shadow, escolha a cor #0076a2 e defina os valores abaixo.

Efeito borda de vidro para palavras no Photoshop

Como criar uma action para aplicar o efeito


16. Clique na layer de texto original, vá em Window> Styles, clique em Create New Style, dê o nome de Glass - A e clique em Ok.

Efeito borda de vidro para palavras no Photoshop

17. Repita o procedimento com a segunda layer de texto, dê o nome de Glass - B.

Efeito borda de vidro para palavras no Photoshop

18. Vá em Window> Actions, clique no ícone de Create New Set no rodapé do painel de Actions, dê o nome de Glass Text Effect, clique em Ok.

Efeito borda de vidro para palavras no Photoshop

19. Vá em Window> Layers e clique na layer de texto original, vá em Window> Actions, clique no ícone de Create New Action no rodapé do painel de Actions, dê o nome de Red Glass Text Effect, clique no ícone de Record no rodapé do painel de Actions.

Efeito borda de vidro para palavras no Photoshop

20. Vá em Window> Styles, clique no style Glass - A.

Efeito borda de vidro para palavras no Photoshop

21. Pressione Ctrl+J para duplicar a layer, dê o nome de Glass Top, vá em Window> Styles, clique no style Glass - B, vá em Window> Actions, clique no ícone de Stop no rodapé do painel de Actions.

Efeito borda de vidro para palavras no Photoshop

22. Para aplicar a action basta escrever qualquer texto, ir em Window> Actions, escolher a action Red Glass Text Effect e clicar em Play Selection.

Efeito borda de vidro para palavras no Photoshop

Site de origem: https://design.tutsplus.com/tutorials/how-to-make-cool-photoshop-text-effects-fast-with-actions--cms-30941


COMENTÁRIOS

BLOGGER: 1
Loading...
Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,548,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1196,2016,518,2017,748,2018,700,2019,122,2axion,1,360,4,abril,339,abstrato,222,actions,131,adobe,32,adobe experience house,1,adobe max,1,agosto,501,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,74,bmx,1,booombox,2,brasilmegaarena,2,brushes,106,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,99,cartazes de rock,185,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,385,dificuldade 3,935,dificuldade 4,330,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1684,edição de vídeo,3,efeito,1060,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,542,fotolia,13,fotoshistoricas,40,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,17,html5,3,hype,2,hyperlapse,5,hyperx,28,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,445,junho,361,kingston,15,kinship,2,layer style,42,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,297,março,458,matéria,565,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,30,música,48,natal,1,novembro,698,off,1,off-topic,458,outubro,725,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,1,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,responsivo,2,retoque de imagem,111,rixty,3,saga,11,selecaoTP,44,setembro,448,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,270,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2192,tutorial builder,2,tutorial player,2,ubisoft,69,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,649,vídeo aula,376,video mapping,3,wallpaper,1,warspear,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Efeito borda de vidro para palavras no Photoshop
Tutorial: Efeito borda de vidro para palavras no Photoshop
Hoje veremos como criar o efeito de bordas de vidro em um texto usando layer styles combinadas, no final ainda criaremos uma action para aplicação rápida do efeito em textos no Photoshop.
https://www.andresugai.org/Tutoriais/01.2019/T02/imagem22.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2019/01/tutorial-efeito-borda-de-vidro-para-palavras-no-photoshop.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2019/01/tutorial-efeito-borda-de-vidro-para-palavras-no-photoshop.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 BUSCA 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 DOWNLOAD PREMIUM Mas não se preocupe, basta COMPARTILHAR e o DOWNLOAD será LIBERADO GRATUITAMENTE! Assim você ajuda a divulgar o TP nas redes sociais. Obrigado! 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