Tutorial: Letras de Vidro

COMPARTILHE:

Como deixar uma palavra com o aspecto de vidro.

Preview Descrição: Como deixar uma palavra com o aspecto de vidro.

  • [message]
    • ##check##AVISO: Letras de Vidro

      • 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. Antes de começar este tutorial clique aqui e baixe este arquivo, é um gráfico de Gloss Contour pré-definido que usaremos mais adiante, ele deve ser instalado em "C:\Arquivos de programas\Adobe\Adobe Photoshop CS3\Presets\Contours" e logo após o Photoshop deve ser reiniciado caso esteja aberto.

02. Pressione Ctrl+N e abra uma foto qualquer, neste tutorial foi usada uma imagem de 800x600 pixels, 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 a cores de Foreground e Background, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer como na foto abaixo.

Letras de Vidro

03. Clique com o botão direito do mouse na layer do seu texto na paleta de layers e escolha a opção Blending Options e defina os valores a seguir.

Letras de Vidro

04. Ainda com a janela de Blend Options aberta clique na opção Bevel And Emboss que está na lista do lado esquerdo da caixa e defina os valores abaixo.

Letras de Vidro

05. Para definir o Gloss Contour clique na seta ao lado da miniatura do gráfico, isto irá abrir a caixa com gráficos pré-definidos, clique na pequena seta que está indicada na foto abaixo e escolha o Gloss Contour que carregamos anteriormente.

Letras de Vidro

06. Clique na opção Stroke e defina os valores abaixo.

Letras de Vidro

07. Clique em Ok e sua palavra estará assim.

Letras de Vidro

site de origem: http://www.webdesign.org/web/photoshop/text-effects/glass-text.10526.html

COMENTÁRIOS

BLOGGER: 25
  1. Cara... que maneiro. Parabéns. Mais uma vez marcando presença no blog.

    ResponderExcluir
  2. Eu comprei o livro "Estudo Dirigido de Adobe Photoshop CS2" que você indica. É para chegar semana que vem. Mesmo sem fazer um curso, será que dá pra eu pegar o jeito da coisa e, em parceria com seus tutoriais, dominar as técnicas?

    ResponderExcluir
  3. Oi Daniel, legal, é sempre bom comprar livros sobre Photoshop ou qualquer outro programa pois eles ensinam (na maioria dos casos) do 0 até o nível avançado, é como fazer um curso, sem o professor é claro, mas é muito bom, parabéns, depois é só ir acompanhando o blog e treinando com os tutoriais :), obrigado pela visita!!

    ResponderExcluir
  4. Cara, de verdade, muito obrigado!

    ResponderExcluir
  5. Demais !!! Entro aki todo dia estava
    faltando mais efeitos com luzes flosflorescentes !

    Parabéns, Otimo os tutos daki !

    ResponderExcluir
  6. Bom dia Andre,

    Esse tutorial serve somente para Photoshop CS3 ou CS2 também?

    Grato.

    ResponderExcluir
  7. Aproveitando a pergunta da Turma de segunda - CIEE... aí vai uma sugestão; você podia colocar um ícone da versão mais antiga que é capaz de executar cada tutorial. Assim, em cada tutorial, fica aquelas estrelas vermelhas indicando a complexidade (que é bem legal) e um ícone indicando a versão base para executá-lo. Acho que seria uma boa. Abraços.

    ResponderExcluir
  8. Parabéns.... esse Blog Tutorial de Photoshop é o melhor do Brasil na minha opinião.... visito sempre mas é a primeira vez que estou deixando um comentario.

    só complementando esse tutorial, acho q pra esse efeito ficar como o da foto, faltou dizer para tirar o preenchimento da camada do texto deixando só os efeitos....

    gostaria de deixar uma sugestão quanto ao blog....
    teria como organizar por categorias os tutoriais antigos???
    como tem mtos tutoriais, as vezes fica difícil achar um específico!!!

    Parabéns pelo Blog mais uma vez... esse blog é fantástico!!!!

    ResponderExcluir
  9. Oi André, estou passando por aqui novamente por dois motivos. O primeiro é para parabenizá-lo mais uma vez pelo blog que é M.A.R.A.V.I.L.H.O.S.O. O segundo motivo é para lhe perguntar como faço para utilizar a ferramenta Lasso Tool quando eu preciso dar um zoom em uma foto, pois quando a foto fica bem grande e eu preciso alcançar uma determinada área, não consigo, pois o cursor pasa direto, as vezes demarcando outra área que não deveria. Já tentei usar a ferramenta segurando o Shift, mas não deu certo. por favor me ensine como utilizar essa ferramenta da melhor forma possível. Um forte abraço e até mais. Desde já agradeço a atenção.

    ResponderExcluir
  10. Oi Junior, obrigado pelas visitas, pode deixar que vou postar mais tutoriais sobre isso ok? volte sempre!! :)

    Oi Turma de Segunda - CIEE , só testei o arquivo do Gráfico de Gloss Contour no Photoshop CS3, e como foi feito em um pode ser que não funcione em versões abaixo... caso você tente no CS2 e consiga deixe um comentário aqui dizendo ok? obrigado pela visita!!

    Oi Daniel, boa idéia a sua, vou trabalhar nisso ok? obrigado pela força :D

    Oi Thiago, estou trabalhando nisto agora mesmo, provavelmente estarei colocando isto no ar neste fim de semana, obrigado pela visita e pela sugestão!!

    Oi Néia, quando você der Zoom na foto e estiver trabalhando nela com a Lasso Tool pressione a barra de espaço para movimentar a tela e para aumentar o zoom ou diminuir pressione Ctrl+ +(para mais zoom) ou Ctrl+ - (para menos zoom), ;), obrigado pela visita!!

    ResponderExcluir
  11. Ow André sei que esse Tutorial é um pouco antigo e que provavelmente você não ira ler... mas para outros que estejam lendo ai vai um conselho:

    Estou com PhotoShop CS2 e seguindo o que diz no tutorial o efeito ficou estranho.

    Então fiz o seguinte:

    No Bevel And Emboss mudei ; Em Style Inner Bevel para Outside Bevel, Em Technique de Chisel Hard para Soft.

    E Apliquei um Satin com Opacity de 5% Distance 1 px e size 0 px.

    Ficou melhorzinho parece um pouco mais... mas chega perto da do tutorial.

    Flw ae.

    ResponderExcluir
  12. Oi Lucas, independente da data recebo todos os comentários por e-mail :D, obrigado pela dica!! :)

    ResponderExcluir
  13. Rapaz, ficou bonito o vidro. Pra levar 10 faltou só o efeito de refração.

    Conhece o phong ? tem um ótimo tutorial de texto em vidro lá, entre muitos outros.

    www.phong.com (em inglês).

    Abraço

    ResponderExcluir
  14. Oi Luciano, muito legal a navegação deste site hein, não conhecia, obrigado pela dica, assim que puder postarei alguns tutoriais deste site, obrigado pela visita!!

    ResponderExcluir
  15. Vixe cara...eu achava q eu sabia mexer no photoshop ...mais depois de pesquisar alguns tutoriais...eu axei esse blog ak...mto fera esses seus tuto....eu to falando no modo geral...nao soh nesse de vidro

    Parabens ^^

    Alguns eh complicados
    xD

    E eu queria saber se tem algum PS CS2 para baxar em algum site...pq o meu eh o 7.0 -.-

    Abras

    ResponderExcluir
  16. Oi Lyon, fico feliz que tenha gostado dos tutoriais aqui do blog, quanto ao Photoshop, você pode baixar a versão CS3 diretamente do site da Adobe e testar durante 30 dias gratuitamente, obrigado pela visita!! volte sempre!!

    ResponderExcluir
  17. KraK show de bola....adorei...parabéns belo trabalho continuem assim!!!
    flw galera continuem assim

    ResponderExcluir
  18. caray, muito doido
    eu sei fazer varias coisas no Photoshop
    mas não sabia fazer isso

    ResponderExcluir
  19. Nuss
    Super fácil e o resultado eh ótimo!!!
    Valeu Andre, sempre acho o q procuro aki (e o q não procuro também uahauahuahauhau).

    ResponderExcluir
  20. Mais um macete para facilitar nossa vida! Valeu André e demais amigos! Show de bola!!!!!!!!!

    ResponderExcluir
  21. Clique com o botão direito do mouse na layer do seu texto na paleta de layers e escolha a opção Blending Options e defina os valores a seguir.
    naum entendi onde acho isso ??

    ResponderExcluir
  22. Muito bom seu tutorial, parabens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    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,358,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,511,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Letras de Vidro
Tutorial: Letras de Vidro
Como deixar uma palavra com o aspecto de vidro.
https://www.andresugai.org/Tutoriais/01.2008/T06/imagem6.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/01/letras-de-vidro.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/01/letras-de-vidro.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