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.


Vote no Tutoriais Photoshop para o Top Blog 2010

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.

Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem práticas:

  • Siga-me no Twitter.
  • Cadastre-se e receba por e-mail o resumo diário do que foi postado aqui no blog.
  • Cadastre nosso endereço RSS para receber as atualizações via leitor de Feeds.
  • Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008 e 2009!

    Até a próxima!!



    34 Comentários:

    Às 3 de agosto de 2007 10h31min00s 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 10h32min00s 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 10h43min00s 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 11h56min00s 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 12h21min00s 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 13h00min00s 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 13h02min00s 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 13h08min00s 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 14h54min00s 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 15h03min00s BRT , Anonymous Anônimo disse...

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

     
    Às 3 de agosto de 2007 15h04min00s 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 15h12min00s BRT , Anonymous Anônimo disse...

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

     
    Às 3 de agosto de 2007 15h16min00s BRT , Anonymous Anônimo disse...

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

     
    Às 3 de agosto de 2007 15h49min00s 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 20h47min00s 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 14h56min00s 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 21h32min00s 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 12h57min00s 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 20h38min00s BRT , Blogger Paulo disse...

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

     
    Às 22 de setembro de 2008 00h44min00s 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 12h09min00s 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 20h27min00s 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 21h45min00s 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 15h53min00s 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 02h20min00s BRT , Blogger alvinho disse...

    Muito legal esse tuto, parabens!!!!

     
    Às 24 de julho de 2009 20h48min00s BRT , Anonymous Anônimo disse...

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

     
    Às 28 de julho de 2009 14h11min00s BRT , Anonymous Anônimo disse...

    uma bosta

     
    Às 28 de julho de 2009 14h12min00s BRT , Anonymous Anônimo disse...

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

     
    Às 4 de novembro de 2009 15h39min00s BRST , Anonymous Anônimo disse...

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

     
    Às 13 de janeiro de 2010 19h55min00s BRST , Blogger Kalina disse...

    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

     
    Às 15 de janeiro de 2010 10h41min00s BRST , Anonymous Marcus Uchôa disse...

    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.

     
    Às 26 de abril de 2010 21h27min00s BRT , Blogger bruno disse...

    exelenteu .. ficou perfeito o resultado

     
    Às 26 de agosto de 2010 19h21min00s BRT , Blogger mark disse...

    Olaa

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

     
    Às 26 de agosto de 2010 19h41min00s BRT , Blogger mark disse...

    nao consegui nem apenas pelo começo ..

    ¬¬

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início