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.
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.
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.
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.
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.
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.
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.
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.
Ao final sua letra ficará assim.
Meu nome Hudson. Eu fiz e deu certinho muito obrigado!
salva em png
Não esperimentei esse tutô mais me deu uma boa inspiração no meu trampo…
André vc é o Cara!!!
Nosssa num consigo visualizar nenhuma imagem… ¬¬
nao consegui nem apenas pelo começo ..
¬¬
Olaa
eu gostaria de aprender este tutorial de agua e vou tentar aproveitar aprender obrigado
exelenteu .. ficou perfeito o resultado
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.
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
quando escrevo o texto as letras ficam selecionadas e na hora de aplicar o filtro só aplica nas letras. qual o problema? grato
no cs3 nem funfa com essa explicação maluca dele, meio portuga e meio gringa, muito ruim
uma bosta
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á!
Muito legal esse tuto, parabens!!!!
Oi, adorei esse tutorial, mas como eu poderia acrescentar uma cor na letra?
A UNICA COISA Q EU NAO ENTENDO: POR QUE VC, DONO DO TUTORIAL, NAO DISPONIBILIZA O DOWNLOAD DA PAGINA???? QQ MUDA???
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
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?!
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
Parabens, vcs são fantasticos…..
Paulo
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.
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!!
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!!!
Tentei fazer mas não entendi…
Há diferença de linguagens…
mas isso nao interfere muito…
Será que você poderia fazer vídeo-aula ?
Ok. Anônimo, daqui alguns minutos estarei postando o tutorial desta sexta-feira, espero que goste :) volte sempre!!
com certeza vc tem…
compartilhar conhecimento…
sabe como é!
sou eu de novo
bota um tutor avançado…
Oi Raí, obrigado pelas visitas e pelo elogio ao blog!! volte sempre!!
Oi Anônimo, obrigado pelo elogio ao blog! :D volte sempre!!
TÔ SABENDO QUE VC É O CARA
PODE CRÊ!
ARROCHA BÓIA FRIA…
Muito bom mesmo esse tutorial como muitos postado aki, sempre to passando aki e aprendendo muito vlw por compartilhar seus conhecimentos!!!
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!!
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!
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!
Andre .. ja procurei em varios sites e blogs … por isso q pedi uma força pra vc .. mais de qualquer foma vlws !!
Ooi andre! esse tutorial ta mto massa!
Mas sera que vc poderia me ensinar a escrever na areia utilizando o photoshop??
Abraços!
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
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
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