Letras com efeito de vidro quebrado.

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

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.








01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1280x800 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/

COMENTÁRIOS

  1. Efeito mt bom! vo tentar fazer hj a noite ou amanhã de manhã!
    Seus trabalhos são mt bons André, continue assim.

    ResponderExcluir
  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

    ResponderExcluir
  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... =]

    ResponderExcluir
  4. Tutorial lindo, maravilhoso, fantástico.

    Muito obrigada por compartilhar tanta maravilha conosco.

    Parabéns, Andre Sugai.

    Felicidades!

    ResponderExcluir
  5. Como é a tecla Screen em português?

    Muito legal o tutorial!

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

    ResponderExcluir
  7. 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.

    ResponderExcluir
  8. 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.

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

    ResponderExcluir

Todos os posts carregados Nenhum post encontrado VEJA TODOS Leia Mais Responda Cancelar resposta Deletar De Home PÁGINAS POSTS Veja todos RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO BUSCA TODOS OS POSTS Nenhum post encontrado para sua pesquisa Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Agora 1 minuto atrás $$1$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semanas atrás mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ TRANCADO PASSO 1: Compartilhe nas redes sociais PASSO 2: Clique no link nas suas redes sociais Copie Todo Código Selecione Todo Código Todos os códigos foram copiados para o clipboard Se não consegue copiar os códigos / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar Tabela de Conteúdo