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

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

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

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

38 Comments

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

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

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

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

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

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

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

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

Como mudar a cor do cabelo.

Tutorial: Como criar uma foto feita de várias fotos