no , , , ,

Texto de Água.

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

Tutorial Avançado

"use strict"; var adace_load_5f0c3c8e7265d = function(){ var viewport = $(window).width(); var tabletStart = 601; var landscapeStart = 801; var tabletEnd = 961; var content = '%3Cdiv%20class%3D%22adace_adsense_5f0c3c8e72621%22%3E%3Cscript%20async%20src%3D%22%2F%2Fpagead2.googlesyndication.com%2Fpagead%2Fjs%2Fadsbygoogle.js%22%3E%3C%2Fscript%3E%0A%09%09%3Cins%20class%3D%22adsbygoogle%22%0A%09%09style%3D%22display%3Ablock%3B%22%0A%09%09data-ad-client%3D%22ca-pub-3297652328497884%22%0A%09%09data-ad-slot%3D%221456553999%22%0A%09%09data-ad-format%3D%22auto%22%0A%09%09%3E%3C%2Fins%3E%0A%09%09%3Cscript%3E%28adsbygoogle%20%3D%20window.adsbygoogle%20%7C%7C%20%5B%5D%29.push%28%7B%7D%29%3B%3C%2Fscript%3E%3C%2Fdiv%3E'; var unpack = true; if(viewport=tabletStart && viewport=landscapeStart && viewport=tabletStart && viewport=tabletEnd){ if ($wrapper.hasClass('.adace-hide-on-desktop')){ $wrapper.remove(); } } if(unpack) { $self.replaceWith(decodeURIComponent(content)); } } if($wrapper.css('visibility') === 'visible' ) { adace_load_5f0c3c8e7265d(); } else { //fire when visible. var refreshIntervalId = setInterval(function(){ if($wrapper.css('visibility') === 'visible' ) { adace_load_5f0c3c8e7265d(); clearInterval(refreshIntervalId); } }, 999); }

})(jQuery);

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

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  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

  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 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

  3. Oi Humberto, dá uma procurada em sites como o 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.
    tutoriaisphotoshop.blogspot.com/2006/12/removendo-fundo-branco-usando-channels.html

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

    Abraços!

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

  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!

  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!

  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!! 😀 obrigado pela visita e pela paciência!!

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

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

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

  11. Ok. Anônimo, daqui alguns minutos estarei postando o tutorial desta sexta-feira, espero que goste 🙂 volte sempre!!

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

  13. 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!!!

  14. 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!!

  15. 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.

  16. 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

  17. 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?!

  18. 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

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

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

  21. 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á!

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

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

  24. 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

  25. 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.

  26. Olaa

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

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

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

15 − onze =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.