Banner Tutoriais Photoshop

Tutorial Anterior: Efeito de imagem com círculos. | Página Inicial »
Tutorial Anterior: Colocando fogos de artifício em sua foto. | Página Inicial »
Tutorial Anterior: Screensavers da suíte CS3 . | Página Inicial »
Tutorial Anterior: Escondendo uma imagem dentro de outra. | Página Inicial »
Tutorial Anterior: Efeito Metal Líquido. | Página Inicial »
Tutorial Anterior: Efeito com retângulos. | Página Inicial »
Tutorial Anterior: Comercial usando stop motion e efeito de luzes. | Página Inicial »
Tutorial Anterior: Scanlines. | Página Inicial »
Tutorial Anterior: Web: Como criar um favicon para seu site. | Página Inicial »

Quinta-feira, 2 de Agosto de 2007

Texto de Água.


Clique aqui para votar no ::Tutoriais Photoshop::

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



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.

Bevel and Emboss.



Drop Shadow.



Outter Glow.



Inner Glow.



Ao final sua letra ficará assim.

Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008!

Até a próxima!!



25 Comentários:

Às 3 de Agosto de 2007 10h31min0s BRT , Blogger Humberto disse...

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

 
Às 3 de Agosto de 2007 10h32min0s BRT , Blogger kal disse...

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

 
Às 3 de Agosto de 2007 10h43min0s BRT , Blogger Andre Sugai disse...

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

 
Às 3 de Agosto de 2007 11h56min0s BRT , Anonymous Leticia Neves disse...

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

Abraços!

 
Às 3 de Agosto de 2007 12h21min0s BRT , Blogger Humberto disse...

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

 
Às 3 de Agosto de 2007 13h0min0s BRT , Anonymous Anônimo disse...

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!

 
Às 3 de Agosto de 2007 13h2min0s BRT , Blogger Andre Sugai disse...

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!

 
Às 3 de Agosto de 2007 13h8min0s BRT , Blogger Andre Sugai disse...

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

 
Às 3 de Agosto de 2007 14h54min0s BRT , Anonymous Raí disse...

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

 
Às 3 de Agosto de 2007 15h3min0s BRT , Anonymous Anônimo disse...

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

 
Às 3 de Agosto de 2007 15h4min0s BRT , Blogger Andre Sugai disse...

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

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

 
Às 3 de Agosto de 2007 15h12min0s BRT , Anonymous Anônimo disse...

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

 
Às 3 de Agosto de 2007 15h16min0s BRT , Anonymous Anônimo disse...

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

 
Às 3 de Agosto de 2007 15h49min0s BRT , Blogger Andre Sugai disse...

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

 
Às 18 de Agosto de 2007 20h47min0s BRT , Blogger Renan disse...

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

 
Às 24 de Junho de 2008 14h56min0s BRT , Anonymous Anônimo disse...

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

 
Às 18 de Julho de 2008 21h32min0s BRT , Anonymous Anônimo disse...

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

 
Às 7 de Setembro de 2008 12h57min0s BRT , Anonymous Anônimo disse...

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.

 
Às 11 de Setembro de 2008 20h38min0s BRT , Blogger Paulo disse...

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

 
Às 22 de Setembro de 2008 0h44min0s BRT , Blogger Herik disse...

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

 
Às 5 de Novembro de 2008 12h9min0s BRST , Anonymous Victor disse...

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

 
Às 2 de Dezembro de 2008 20h27min0s BRST , Anonymous Anônimo disse...

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

 
Às 31 de Dezembro de 2008 21h45min0s BRST , Blogger Anderson disse...

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

 
Às 11 de Fevereiro de 2009 15h53min0s BRST , Blogger Elaine Cristina disse...

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

 
Às 26 de Março de 2009 2h20min0s BRT , Blogger alvinho disse...

Muito legal esse tuto, parabens!!!!

 

Postar um comentário

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Início