Texto de Água.

COMPARTILHE:

Descrição: Como criar um texto feito de água. Tutorial Avançado 01. Para nosso tutorial iremos usar a imagem de uma superfície onde o...

Preview Descrição: Como criar um texto feito de água.


Tutorial Avançado


01. Para nosso tutorial iremos usar a imagem de uma superfície onde o texto irá ficar, no caso a imagem abaixo, mas nada impede de que seja usado outro tipo de foto.

tutoriais photoshop

02. Vá em Window> Channels e crie um novo channel clicando no ícone Create New Channel no rodapé da paleta de Channels, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer (a fonte usada neste tutorial se chama Tree Frog), caso use outra fonte procure alguma fonte que tenha formas que lembrem a forma da água quando está sobre algo, pressione a letra B do teclado para selecionar a Brush Tool e com um brush de ponta suave e tamanho médio crie algumas formas que serão as gotas de água.

tutoriais photoshop

03. Duplique o Channel clicando e arrastando ele até o ícone de Create New Channel no rodapé da paleta de Channels e vá em Filter> Blur> Gaussian Blur e defina um valor de 7 pixels para o Radius, sua imagem irá ficar como a da foto abaixo.

tutoriais photoshop

04. Agora clique na pequena seta que existe na parte superior da paleta de Channels e scolha a opção Duplicate Channel, uma nova janela irá se abrir e no menu dropdown existente nesta janela escolha a opção New e pressione Ok, a imagem do Channel irá aparecer em um novo documento, salve esta imagem com um nome fácil para usarmos mais a frente.

tutoriais photoshop

05. Agora volte a paleta de layers indo em Window> Layers, e pressione Ctrl+J para duplicar sua imagem de Background, com isso você terá duas layers, uma chamada Background e outra chamada Background Copy, selecione a layer Background Copy e vá em Filter> Distort> Glass, uma janela irá abrir e no menu dropdown em frente a palavra Texture escolha a opção Load Texture, ao escolher esta opção uma nova janela irá se abrir, escolha a imagem que salvamos antes e pressione Ok, na janela do filtro Glass defina um valor de 10 para Distortion, 4 para Smoothness e Scaling em 100%, pressione Ok, sua imagem deverá estar próxima a esta, renomeie sua layer Background Copy para Glassy.

tutoriais photoshop

06. Agora volte a paleta de Channels indo em Window> Channels, clique no Channel que contém a palavra sem o efeito de Blur, clique com a tecla Ctrl pressionada sobre a miniatura na layer para selecionar a palavra, com a seleção ativa vá em Window> Layers para voltar para a paleta de layers, pressione Ctrl+Shift+N para criar uma nova layer, posicione a nova layer entre a layer Background e a layer Glassy, com a seleção ainda ativa pressione a letra G do teclado para selecionar a Paint Bucket Tool, depois pressione a letra D do teclado para resetar as cores de Foreground e Background para Preto e Branca e pinte a seleção de preto, sua paleta de layers deve estar como a da foto abaixo agora.

tutoriais photoshop

07. Agora selecione a layer Glassy e pressione Ctrl+Alt+G ou clique com o botão direito sobre a layer e escolha a opção Create Clipping Mask, sua paleta de layers irá ficar como a da imagem abaixo.

tutoriais photoshop

08. Agora clique com o botão direito sobre a layer do meio (que contém o texto) e selecione a opção Blending Options e defina os seguintes efeitos.

Bevel and Emboss.

tutoriais photoshop

Drop Shadow.

tutoriais photoshop

Outter Glow.

tutoriais photoshop

Inner Glow.

tutoriais photoshop

Ao final sua letra ficará assim.

tutoriais photoshop

COMENTÁRIOS

BLOGGER: 38
  1. sera q vc poderia disponobilizar essa font em algum link pra gente ??
    parabens pelo blog.. trabalho com design e sempre passo por aki !!
    brigadao
    vlws

    ResponderExcluir
  2. andre preciso de sua ajuda.O dono da empresa em q trabalho me pediu para tirar o fundo branco do logotipo da empresa e deixa-la transparente,mas como salva-la com fundo transparente?vi na net q se salva em gif,mas tem algumas configuraçoes,como configuro?é pra colocar no site da empresa www.setsistemas.com
    da uma forçinha ai,quem sabe depois disso ele da permissao para instalar o ps no pc da empresa.
    um abraço

    ResponderExcluir
  3. Oi Humberto, dá uma procurada em sites como o www.dafont.com que você acha, o nome da fonte é "Tree Frog", obrigado pela visita!!

    Oi Kal, aqui no blog postei um tutorial ensinando a retirar o fundo branco de imagens justamente para esse propósito, quando for salvar eu aconselho salvar em .PNG pois em .GIF muitas vezes se perde muita informação, e caso use algum degradê em seu logo o resultado vai ser desastroso, para salvar em .PNG com boa qualidade e com fundo transparente quando for salvar escolha a opção Save For Web, File> Save For Web ou Ctrl+Shift+Alt+S, escolha a opção PNG 24 e certifique-se que a opção Transparency esteja selecionada, depois é só aplicar no seu site, espero que ajude. obrigado pela visita!!

    Removendo Fundo Branco Usando Channels.
    http://tutoriaisphotoshop.blogspot.com/2006/12/removendo-fundo-branco-usando-channels.html

    ResponderExcluir
  4. Ooi andre! esse tutorial ta mto massa!
    Mas sera que vc poderia me ensinar a escrever na areia utilizando o photoshop??

    Abraços!

    ResponderExcluir
  5. Andre .. ja procurei em varios sites e blogs ... por isso q pedi uma força pra vc .. mais de qualquer foma vlws !!

    ResponderExcluir
  6. Andre...postei um coments sobre as bordas c/ efeitos e ainda não tive resposta...por favor assim que vc tiver um tempinho...please!!!
    Obrigada!

    ResponderExcluir
  7. Oi Letícia, pode deixar que postarei um tutorial com este efeito ok? obrigado pela visita!!

    Oi Humberto vou ver se localizo o arquivo da fonte e disponibilizo aqui, mas você precisa desta mesma fonte? obrigado pela visita!

    ResponderExcluir
  8. Oi Anônimo, desculpe a demora na resposta, mas recebo muitos recados por dia e como aqui no serviço as coisas andam muito corridas venho tentando responder a todos, eu demoro mas respondo!! :D obrigado pela visita e pela paciência!!

    ResponderExcluir
  9. Muito bom mesmo esse tutorial como muitos postado aki, sempre to passando aki e aprendendo muito vlw por compartilhar seus conhecimentos!!!

    ResponderExcluir
  10. TÔ SABENDO QUE VC É O CARA
    PODE CRÊ!
    ARROCHA BÓIA FRIA...

    ResponderExcluir
  11. Oi Raí, obrigado pelas visitas e pelo elogio ao blog!! volte sempre!!

    Oi Anônimo, obrigado pelo elogio ao blog! :D volte sempre!!

    ResponderExcluir
  12. sou eu de novo
    bota um tutor avançado...

    ResponderExcluir
  13. com certeza vc tem...
    compartilhar conhecimento...
    sabe como é!

    ResponderExcluir
  14. Ok. Anônimo, daqui alguns minutos estarei postando o tutorial desta sexta-feira, espero que goste :) volte sempre!!

    ResponderExcluir
  15. Tentei fazer mas não entendi...
    Há diferença de linguagens...
    mas isso nao interfere muito...
    Será que você poderia fazer vídeo-aula ?

    ResponderExcluir
  16. Olá...
    você ofereceu o site que contem a fonte mas mesmo assim não consegui encontrar.
    Você poderia colocar algum link ??
    Eu agradeceria....

    Bjos....mto bom seu trabalho!!!

    ResponderExcluir
  17. Os tutos são 10! Mas poderia se retirar essas palavras em ingles tipo... tools laço magnetic; brush, layer,, pq não camada? laço magnetico? nem todo mundo entende ingles como eu claro!!!

    Valeu andre pelos tutos!!

    ResponderExcluir
  18. Bom...eu até consegui fazer mais podia ser um pouco mais explicado para quem realmente não sabe mexer em muitas coisas do photoshop =)
    Fora isso...ótimo tuto.

    ResponderExcluir
  19. Parabens, vcs são fantasticos.....
    Paulo

    ResponderExcluir
  20. Parabens pelo blog!
    ta nota 10!
    com muitos tutos para a galera e muito bem explicado!

    mas tenho uma duvida bem incial!
    qual a versao usada nesse tuto????

    acho q vcs deveriam colocar a versao q vcs usam pq muitas vezes da diferença de uma versao para outra!

    Desde já, agradeço!
    Herik

    ResponderExcluir
  21. Cara, estou com dificuldade no passo 04.
    Você mandou salvar o channel só que a opção que salva não esta funcionando aqui, diz que esta proibida, alguem mem ajuda por favor?!

    ResponderExcluir
  22. Boa noite, gostaria de uma ajuda. Fiz uma montagem de 5 fotos através de um site mas no meio da montagem ficou aparecendo o endereço do site. Como faço para retirar? Muito obrigada

    ResponderExcluir
  23. A UNICA COISA Q EU NAO ENTENDO: POR QUE VC, DONO DO TUTORIAL, NAO DISPONIBILIZA O DOWNLOAD DA PAGINA???? QQ MUDA???

    ResponderExcluir
  24. Oi, adorei esse tutorial, mas como eu poderia acrescentar uma cor na letra?

    ResponderExcluir
  25. Olá André! =)
    Adorei o tutorial! Parabéns!
    No passo 2, quando pressiono B para selecionar o Brush Tool, eu não consigo fazer as gotas de água e o texto que eu digito fica selecionado. Inclusive quando vou aplicar o Gaussian Blur o efeito não fica igual ao do tutorial.
    Vc pode me ajudar?
    Obrigada desde já!

    ResponderExcluir
  26. no cs3 nem funfa com essa explicação maluca dele, meio portuga e meio gringa, muito ruim

    ResponderExcluir
  27. quando escrevo o texto as letras ficam selecionadas e na hora de aplicar o filtro só aplica nas letras. qual o problema? grato

    ResponderExcluir
  28. bom adorei achei genial porem chega a uma parte q fica meio confusa e ainda tem umas palavras em ingles porem eu compreendi as palavras mais mesmo assim o tuto... nao esta muito bom me perdi por compreto no meuio da esplicaçao

    ResponderExcluir
  29. Kra, adorei esse efeito... 1º tentei com uma img q tinha mas nun fiko mt bom, dps tentei com a q vc uso e fiko mt bom... tbm tentei com outra img com um iceberg, com água embaixo, coloquei o efeito água, e fiz tbm como akele seu tuto da mulher saindo da água... PERFEITO! Adoro seus trabalhos e continue assim, quero aprender mais e mais.

    ResponderExcluir
  30. exelenteu .. ficou perfeito o resultado

    ResponderExcluir
  31. Olaa

    eu gostaria de aprender este tutorial de agua e vou tentar aproveitar aprender obrigado

    ResponderExcluir
  32. nao consegui nem apenas pelo começo ..

    ¬¬

    ResponderExcluir
  33. Nosssa num consigo visualizar nenhuma imagem... ¬¬

    ResponderExcluir
  34. Não esperimentei esse tutô mais me deu uma boa inspiração no meu trampo...
    André vc é o Cara!!!

    ResponderExcluir
  35. Meu nome Hudson. Eu fiz e deu certinho muito obrigado!

    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,347,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,510,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Texto de Água.
Texto de Água.
http://www.andresugai.org/Tutoriais/08.2007/T02/imagem12.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2007/08/texto-de-gua.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2007/08/texto-de-gua.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