Letras com efeito de vidro quebrado.

COMPARTILHE:

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

BLOGGER: 9
  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

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,412,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,517,outubro,745,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,159,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,474,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Letras com efeito de vidro quebrado.
Letras com efeito de vidro quebrado.
http://www.andresugai.org/Tutoriais/01.2010/T13/imagem18.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2010/01/letras-com-efeito-de-vidro-quebrado.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2010/01/letras-com-efeito-de-vidro-quebrado.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb 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$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar