no ,

Texto multicolorido com efeito de filtros e layer styles.

Preview Descrição: Neste tutorial veremos como estilizar um texto usando filtros, modos de blend e layer styles.

tutoriaisphotoshop.net

"use strict"; var adace_load_5f0c4b5c0a366 = function(){ var viewport = $(window).width(); var tabletStart = 601; var landscapeStart = 801; var tabletEnd = 961; var content = '%3Cdiv%20class%3D%22adace_adsense_5f0c4b5c0a326%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_5f0c4b5c0a366(); } else { //fire when visible. var refreshIntervalId = setInterval(function(){ if($wrapper.css('visibility') === 'visible' ) { adace_load_5f0c4b5c0a366(); clearInterval(refreshIntervalId); } }, 999); }

})(jQuery);

(adsbygoogle = window.adsbygoogle || []).push({});

01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

02. Escolha uma cor qualquer e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique no documento para preencher a layer com a cor escolhida, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escolha um fonte Bold e escreva uma palavra qualquer, no caso deste tutorial a fonte usada foi a Berlin Sans FB.

tutoriaisphotoshop.net

03. Vá em Layer> Layer Style> Blending Options e defina os valores abaixo.

tutoriaisphotoshop.net

04. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

05. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

tutoriaisphotoshop.net

06. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

07. Sua palavra deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

08. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, defina o gradiente como na foto abaixo e aplique no documento.

tutoriaisphotoshop.net

09. Vá em Filter> Distort> Wave e defina os valores abaixo.

tutoriaisphotoshop.net

10. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

11. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

12. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

13. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe ela abaixo da layer onde aplicamos o filtro Wave, clique na layer onde aplicamos o filtro Wave e pressione Ctrl+E para mesclar as duas layers.

tutoriaisphotoshop.net

14. Mude o modo de blend da layer para Screen.

tutoriaisphotoshop.net

15. Com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para ativar a seleção ao redor das letras, clique na layer onde aplicamos o filtro Wave, clique com o botão direito do mouse dentro da seleção e escolha a opção Select Inverse para inverter a seleção.

tutoriaisphotoshop.net

16. Sua imagem deve ficar como a da foto abaixo.

tutoriaisphotoshop.net

17. Pressione Ctrl+J para duplicar a parte selecionada, vá em Filter> Distort> Glass e defina os valores abaixo.

tutoriaisphotoshop.net

18. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

19. Vá em Filter> Distort> Ripple e defina os valores abaixo.

tutoriaisphotoshop.net

20. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

21. Adicione qualquer tipo de imagem como Background e no final sua palavra estará como a da foto abaixo.

tutoriaisphotoshop.net

Site de origem: PSDartist Photoshop Tutorials

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. Boa Noite André Sugai!
    O pouco que sei de Photoshop aprendo aqui, assim veja se pode me ajudar:
    Gostaria de fazer este tutorial, mas tive estas dúvidas:
    Layer Style
    Fill opacity = 0 some o texto e no preview não fica circundado em azul como o seu.

    Inner Glow color Dodge
    Também some o texto,
    e que conclui em bevel and emboss onde diz sua palavra deverá ficar:
    nada aparece
    Troquei o color Doge por sreen e surge o texto circundado.
    Lá onde damos ctrl para selecionar o texto, diz para clicar na layer onde se deu wave e clicar dentro do
    texto para inverter a seleção.Não falta nada por aqui,pois não abre opção para que isto aconteça.
    Graça e Paz

  2. Eu Gostaria de saber si posso fazer esse tutorial no photoshop cs2 version 9.0

  3. " 21. Adicione qualquer tipo de imagem como Background e no final sua palavra estará como a da foto abaixo. " ??????
    seria bom explicar como ' juntar ' a palavra com o background e colocar o background do tutorial para download.."
    consegui fazer idêntico, so faltou isso…

  4. Lá onde damos ctrl para selecionar o texto, diz para clicar na layer onde se deu wave e clicar dentro do
    texto para inverter a seleção.Não falta nada por aqui,pois não abre opção para que isto aconteça.²
    Se puder ajudar..
    Abraço..

  5. Estranho a minha habilidade de fazer tudo exatamente como o tutorial e sair algo totalmente nada a ver.

  6. Estranho a minha habilidade de fazer tudo exatamente como o tutorial e sair algo totalmente nada a ver.(2)

  7. ja q ele não colocou, ta ai o linkda imagem q ele usou no tuto, consegui achar ela !

    kirbyandfriends.files.wordpress.com/2011/03/underwater_light_and_bubbles_by_della_stock.jpg

Deixe uma resposta

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

dois × 1 =

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