no ,

Letras com efeito de vidro quebrado.

Preview Descrição: Neste tutorial veremos um efeito de texto que dará um aspecto de vidro quebrado para suas palavras e letras, para isso usaremos Layer Styles e algumas ferramentas.

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

})(jQuery);

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

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1280×800 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, escolha o modo Radial e defina um gradiente que vá do #2e5b15 para a cor #103533 e termine na cor #090e13, aplique como na imagem abaixo.

tutoriaisphotoshop.net

02. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, no caso deste tutorial a fonte usada foi Trajan Pro no estilo Bold e com a cor #41a993, mas é possível realizar o efeito com outra fonte qualquer, defina o Fill da layer em 50%.

tutoriaisphotoshop.net

03. Clique com o botão direito do mouse sobre a layer de texto e escolha a opção Rasterize Type, vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo, use a cor #aee8dc.

tutoriaisphotoshop.net

04. Agora vá em Layer> Layer Style> Inner Glow e defina os valores abaixo usando a cor #9ed3c9.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

06. Entre em Layer> Layer Style> Bevel and Emboss> Contour e defina os valores abaixo.

tutoriaisphotoshop.net

07. Vá em Layer> Layer Style> Satin e defina os valores abaixo.

tutoriaisphotoshop.net

08. Vá em Layer> Layer Style> Stroke, escolha a cor #65a49b e defina os valores abaixo.

tutoriaisphotoshop.net

09. Sua imagem deverá ficar parecida com a da foto abaixo.

tutoriaisphotoshop.net

10. Agora pressione a letra L do teclado para selecionar a Lasso Tool, na barra de opções da ferramenta defina os valores abaixo.

tutoriaisphotoshop.net

11. Crie algumas seleções como na foto abaixo, a partir delas criaremos o efeito de vidro quebrado.

tutoriaisphotoshop.net

12. Repita o processo em todas as outras letras, no final seu documento deverá ficar como o da foto abaixo.

tutoriaisphotoshop.net

13. Pressione a letra V do teclado para selecionar a Move Tool, posicione o mouse sobre a seleção, ao ver uma pequena tesoura no cursor clique e arraste para mover as partes selecionadas, posicione alguns pixels acima e solte, pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

14. Agora pressione a letra W do teclado para selecionar a Magic Wand Tool, clique em um dos pedaços “quebrados” da primeira letra para criar uma seleção.

tutoriaisphotoshop.net

15. Pressione Ctrl+T para abrir a caixa de Free Transform, rotacione, redimensione e altere como quiser, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

16. Repita o procedimento nas outras letras como na foto abaixo.

tutoriaisphotoshop.net

17. (Opcional) Caso queira adicionar alguns pontos brilhantes você pode usar este set de brushes, baixe e instale os brushes (Caso não saiba como instalar brushes veja esta vídeo-aula que publiquei aqui no blog), pressione a letra B do teclado para selecionar a Brush Tool, escolha o set de brushes que acabamos de instalar, pressione a letra D do teclado para resetar as cores de Foreground e Background, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Ctrl+Shift+Alt+N para criar uma nova layer e crie alguns pontos brilhantes como na foto abaixo.

tutoriaisphotoshop.net

18. No final sua palavra estará como a da foto abaixo.

tutoriaisphotoshop.net

site de origem:
http://richworks.in/2009/12/create-a-glass-text-effect-in-photoshop-and-shatter-it/

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. Efeito mt bom! vo tentar fazer hj a noite ou amanhã de manhã!
    Seus trabalhos são mt bons André, continue assim.

  2. Oi Andre!!!
    Sempre venho no seu blog pois adoro aprender a manipular minhas fotos e faze-las melhor…… parabens!!!
    Eu adoro todos aquele efeitos pop art e tenho melhorado bastante porem gostaria de pedir uma ajuda a voce e aprender a colocar os baloezinhos como nos quadrinhos. Instalei a font 'talk' mas nao sei como usa-la. Sera que da pra ensinar como fazer isso e aplicar na foto?
    Estou seguindo voce no twitter, meu user name e: Mermaidalone. To tambem como membro da comunidade no orkut.
    Brigada e parabens pelo seu trabalho brilhante!!!
    Aida Britto

  3. Muito bom, gostei do efeito final, ficou realmente bem parecido com uma espécie de vidro quebrado!!

    Parabéns… E Obrigado por compartilhar conosco os tutoriais… =]

  4. Tutorial lindo, maravilhoso, fantástico.

    Muito obrigada por compartilhar tanta maravilha conosco.

    Parabéns, Andre Sugai.

    Felicidades!

  5. Depois de fazer a seleção, meu cursor não fica com a tesoura!
    oq faço?!

  6. Anônimo, você provavelmente foi direto para o bleding options ao em véz de Rasterize Type. Rasterize Type é o que vai fazer as letras editáveis.

  7. Não ficou o mesmo brilho após seguir as configurações das Opções de Mesclagem do texto e na na hora de selecionar a primeira letra do texto pra inclinar a seleção, fica selecionando do o texto.

  8. Não consegui colocar o Rasterize Type o meu photoshop é português, me ajuda?

Deixe uma resposta

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

três × dois =

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