Tutorial: Efeito de vidro gelado para suas letras

COMPARTILHE:

Como criar o efeito de vidro gelado em letras normais.

Preview Descrição: Como criar o efeito de vidro gelado em letras normais.

  • [message]
    • ##check##AVISO: Efeito de vidro gelado para suas letras

      • 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+O e abra uma textura qualquer, para este tutorial a textura usada será a da imagem abaixo, caso queira usar a mesma textura clique com o botão direito do mouse sobre a imagem e escolha a opção Save Link As.

Efeito de vidro gelado para suas letras

02. Sua paleta de layers deverá ficar parecida com a da imagem abaixo.

Efeito de vidro gelado para suas letras

03. Clique duas vezes para destravar a layer, clique em Ok na caixa que irá aparecer.

Efeito de vidro gelado para suas letras

04. Agora sua paleta de layers deverá ficar como a da foto abaixo.

Efeito de vidro gelado para suas letras

05. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Gradient Tool, defina um gradiente que vá do #3bc2fb (azul claro) para o #002d59 (azul escuro), na barra de opções da ferramenta escolha o modo radial para o gradiente, clique e arraste para aplicar na layer, deixe esta layer abaixo da layer da textura, clique na layer da textura e mude o modo de blend para Soft Light, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground agora deve ser a branca, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva algo, sua imagem deverá ficar como na imagem abaixo.

Efeito de vidro gelado para suas letras

06. Sua paleta de layers deverá ficar como na imagem abaixo.

Efeito de vidro gelado para suas letras

07. Agora vá em Layer> Layer Style> Blending Options e defina os valores abaixo.

Efeito de vidro gelado para suas letras

08. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Efeito de vidro gelado para suas letras

09. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

Efeito de vidro gelado para suas letras

10. Vá em Layer> Layer Style> Inner Glow e defina os valores mostrados abaixo.

Efeito de vidro gelado para suas letras

11. Vá em Layer> Layer Style> Bevel And Emboss e defina os valores abaixo.

Efeito de vidro gelado para suas letras

12. Agora vá em Layer> Layer Style> Satin e defina os valores abaixo.

Efeito de vidro gelado para suas letras

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

Efeito de vidro gelado para suas letras

14. Ao final seu texto estará com o efeito abaixo.

Efeito de vidro gelado para suas letras

site de origem: http://luxa.org/tutorial_smooth_glass_type.php

COMENTÁRIOS

BLOGGER: 14
  1. eu num consigui da o efeito de transparencia dentro das letras...

    alguem me ajuda...

    todos os valores estão iguais aos das imagens...

    mas numdeu :S

    ResponderExcluir
  2. PS:

    pra quem tiver a mesma duvida que eu ( snoop )

    sh assim... selecione o texto e deixe a opacidade do preenchimento ( fill ) em 0%

    ResponderExcluir
  3. André, como aconteceu com o Snoop, minhas letras tb não ficaram transparentes.
    Mas usei a dica q ele deixou coloquei o fill da layer das letras em 0%.
    O que pode estar errado? Meu photoshop eh CS3.

    ResponderExcluir
  4. E eu não consigo salvar a imagem :P

    ResponderExcluir
  5. Agora consegui copiar a imagem.
    E o problema com a transparência está no passo 7. Prestem atenção no Advanced Blending, em Fill Opacity tem que estar em 0%.

    ResponderExcluir
  6. Adorei!

    Consegui fazer e achei bem simples o tutorial!

    ResponderExcluir
  7. Boa noite, André.

    Detesto quando tenho dúvidas (rs)!
    No passo 5 após selecionar a Gradient Tool, onde defino um gradiente
    igual ao citado? Não abre nenhuma janela para que eu possa definir o
    gradiente.

    Parabéns pelo 2º lugar no "Peixe Grande". Se todos que usam o seu blog
    tivessem votado, com certeza "Tutoriais Photoshop" teria recebido o
    primeiro lugar. Mas valeu, não é mesmo?
    Um grande abraço.

    Minha.

    ResponderExcluir
  8. Oi Vitor_Snoop, dê uma olhada no passo 07 e confira se você definiu o valor de Fill em 0%, obrigado pela visita!! :)

    Oi Anônimo, obrigado pela dica!! volte sempre!:)

    Oi Eliane, não há nada de errado não, no passo 07 dentro da caixa de Blending Options você deve deixar o valor do Fill em 0%, o Fill e o Opacity quando você define o valor de 0% deixam qualquer objeto transparente a diferença porém é que o Opacity deixa tudo transparente enquanto que o Fill deixa apenas o preenchimento interno transparente, então se você aplicar Layer Styles elas continuam intactas, obrigado pela visita! :)

    Oi Evaldo, fico feliz que tenha conseguido, obrigado pela visita! :)

    Oi Carine, obrigado pela visita! :)

    Oi Minha, faça assim, pressione a letra G do teclado para selecionar a Gradient Tool, se aparecer a Paint Bucket Tool (Lata de Tinta) pressione Shift+G, com a Gradient Tool selecionada veja que na barra de opções da ferramenta, no alto da tela você verá uma miniatura do gradiente que será aplicado, clique duas vezes neste gradiente, uma nova tela abrirá, dentro desta nova tela você também verá uma amostra do gradiente que será usado (assim como outros modelos de gradiente prontos), mas o gradiente que você deve mudar as cores é o que está mais abaixo e possui algumas setas ao longo das cores usadas, todos os gradientes são customizáveis ou seja você pode mudar as cores, então o que você deve fazer para mudar as cores do gradiente é clicar nas pequenas setas que existem em cada ponta do gradiente e definir as cores indicadas no tutorial, espero que isso ajude, e ahh, sim, eu gostei bastante do resultado do Peixe Grande, com certeza iria gostar mais se fosse 1º lugar, mas concurso é assim mesmo, o que vale é competir, conhecer novos blogs, fazer novas amizades e fazer os leitores participarem, de mais de 900 inscritos acho que 2º pode ser considerado muito bom né, aliás o primeiro lugar é um blog do Globo esporte e voltado para a torcida do São Paulo, mesmo que o Photoshop atraia muitas pessoas acho que competir com a paixão nacional ainda é covardia hahah, obrigado pela visita, espero ter ajudado! :)

    ResponderExcluir
  9. Obrigada, André, pela explicação.

    Minha.

    ResponderExcluir
  10. Então, Escrevi o nome d banda do meu irmão..! Ficou assim.. http://images.orkut.com/orkut/albums3/ATgAAAAEbkBvlgG5LqbvFCWF_fleLK-5JKjTlQnn2ZqE4PR9ySNiDAP3z0rRZgoMtxMsmNGVWsufb5RAie3n3fqCDYX8AJtU9VC55aV-DeNH3SguOzp-igFLboGWrg.jpg

    ResponderExcluir
  11. Como faria pra juntar uma layer em cima da outra pra dar o resultado do passo 5?

    ResponderExcluir
  12. eu me desanimo com tutoriais de photoshop, ou meu photoshop é de outro mundo que nenhum atalho que o pessoal cita em tutoriais funciona nele, ou então tem que ter uma configuração no teclado especifica pra photoshop, pois não é possivel, não importa o site ou o tutorial, eu sempre chego num passo que não funciona no meu pc, nesse aqui a tecla G não abriu Gradient Tool nenhum, e ja tentei Ctrl+G, Shift+G, Alt+G acho que vou ter que comprar um photoshop pra cada tutorial.

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,582,.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,285,2am,1,2axion,1,360,4,abril,378,abstrato,223,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,503,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,94,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,1758,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,561,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,17,html5,3,hype,2,hyperlapse,5,hyperx,29,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,488,junho,392,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,569,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,484,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,2,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,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,70,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,692,vídeo aula,438,video mapping,3,wallpaper,1,warspear,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Efeito de vidro gelado para suas letras
Tutorial: Efeito de vidro gelado para suas letras
Como criar o efeito de vidro gelado em letras normais.
https://www.andresugai.org/Tutoriais/10.2008/T14/imagem10.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/10/efeito-de-vidro-gelado-para-suas-letras.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/10/efeito-de-vidro-gelado-para-suas-letras.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