Letra saindo da água.

COMPARTILHE:

Descrição: Hoje veremos como estilizar um letra para que ela fique como se estivesse saindo da água, para isso usaremos filtros, brushes, l...

Preview Descrição: Hoje veremos como estilizar um letra para que ela fique como se estivesse saindo da água, para isso usaremos filtros, brushes, layer styles entre outras coisas.



01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 940x700 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor preta, clique aqui e faça o download da imagem do lago que usaremos, pressione Ctrl+O e abra a imagem no Photoshop, pressione a letra L do teclado para selecionar a Lasso Tool, defina o valor de 40 pixels para o Feather na barra de opções da ferramenta, crie uma seleção como a da foto abaixo.

tutoriaisphotoshop.net

02. Pressione Ctrl+C para copiar o conteúdo selecionado, volte ao documento que abrimos antes e pressione Ctrl+V para colar a imagem, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas suaves, passe ao redor da imagem, reduza a opacidade da layer para 60%.

tutoriaisphotoshop.net

03. Pressione Ctrl+J duas vezes para criar duas cópias da layer, pressione a letra V do teclado para selecionar a Move Tool e mova uma das cópias para a direita e a outra para a esquerda, diminua levemente a opacidade das layers copiadas.

tutoriaisphotoshop.net

04. Clique na layer original da imagem e pressione Ctrl+J para criar uma cópia da layer, pressione Ctrl+T para abrir a caixa de Free Transform, pressione as teclas Shift+Alt e diminua a imagem como na foto abaixo, pressione Enter para finalizar a transformação, defina a opacidade da layer em 100%.

tutoriaisphotoshop.net

05. Agora vá em Layer> New Adjustment Layer> Curves e defina a curva como na foto abaixo.

tutoriaisphotoshop.net

06. Vá em Layer> New Adjustment Layer> Levels e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

08. Agora pressione a letra T do teclado para selecionar a Horizontal Type Tool, clique no centro da imagem e digite uma letra qualquer como na foto abaixo.

tutoriaisphotoshop.net

09. Agora vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.

tutoriaisphotoshop.net

10. Vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

11. Vá em Layer> Layer Style> Stroke 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, dê o nome de Noise para a nova layer, com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para ativar a seleção ao redor da letra, clique na nova layer e pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher a seleção com a cor preta, vá em Filter> Noise> Add Noise e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

15. Mude o modo de blend da layer para Screen e defina a opacidade da layer em 35%, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

16. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Light and Shadow para a nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, defina a opacidade do brush por volta de 10% e aplique nas áreas que devem conter sombras, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, defina a opacidade do brush por volta de 10% e aplique nas áreas onde queremos a parte iluminada da letra como na foto abaixo.

tutoriaisphotoshop.net

17. Mude o modo e blend d alayer para Overlay.

tutoriaisphotoshop.net

18. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Water Splash, clique aqui, instale o set de brushes (caso você não saiba como instalar brushes no Photoshop veja esta vídeo aula), selecione o novo set de brushes e aplique ao redor do texto como na foto abaixo, pressione a letra E do teclado para selecionar a Eraser Tool, defina a opacidade do brush em cerca de 40% e apague algumas partes do efeito como na foto abaixo.

tutoriaisphotoshop.net

19. Aplique o Brush (de água) nas áreas indicadas alternando seu tamanho, opacidade e flow.

tutoriaisphotoshop.net

20. Continue adicionando mais brushes para aumentar o realismo do efeito como na foto abaixo.

tutoriaisphotoshop.net

21. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas macias e tamanho de 6 pixels, adicione mais detalhes nos brushes de água que foram aplicados.

tutoriaisphotoshop.net

22. Repita o procedimento nas partes onde a água escorre da letra.

tutoriaisphotoshop.net

23. Diminua o tamanho brush e aplique ao redor das letras, na parte onde a água deveria escorrer.

tutoriaisphotoshop.net

24. Repita o procedimento em todas as partes da letra onde a água deveria escorrer.

tutoriaisphotoshop.net

25. Sua letra deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

26. Pressione Ctrl+J para duplicar a layer Water Splash, vá em Filter> Sharpen> Smart Sharpen e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

28. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Shadow, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, passe na parte inferior da letra como na foto abaixo variando o nível de opacidade da ferramenta para criar algumas sombras.

tutoriaisphotoshop.net

29. Caso queira adicione mais brushes de água no rodapé da letra como na foto abaixo.

tutoriaisphotoshop.net

30. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Mist para a nova layer, deixe a layer acima da layer Background, pressione a letra L do teclado para selecionar a Lasso Tool, defina o valor de Feather na barra de opções da ferramenta em 50 pixels, crie uma seleção como na foto abaixo.

tutoriaisphotoshop.net

31. Vá em Filter> Render> Clouds e pressione Ok, defina a opacidade da layer em 50%.

tutoriaisphotoshop.net

32. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer acima de todas as outras layers, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho pequeno na cor branca, crie alguns pontos com um único clique como na foto abaixo (cada ponto adicionado deve ficar uma layer separada).

tutoriaisphotoshop.net

33. Agora pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Distort, distorça o ponto criado afim de ajustá-lo conforme o shape da letra, pressione Enter para finalizar a transformação, repita a operação em todos os pontos adicionados.

tutoriaisphotoshop.net

34. Agora vá em Layer> New Adjustment Layer> Color Balance, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

35. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas macias e tamanho médio, clique na miniatura da máscara que existe na Adjustment Layer de Color Balance e aplique o brush no documento como na foto abaixo.

tutoriaisphotoshop.net

36. No final sua imagem estará como a da foto abaixo.

tutoriaisphotoshop.net

site de origem: http://www.webdesign.org/photoshop/special-effects/create-awesome-splashing-water-text-effect-in-photoshop.18423.html

COMENTÁRIOS

BLOGGER: 16
  1. Qual photoshp é recomendado para os tutorias que você posta?

    ResponderExcluir
  2. Parabéns ficou muito show

    ResponderExcluir
  3. nuss, esse tuto eh demais O.O

    ResponderExcluir
  4. muito legal esse tutorial, parabéns!
    Podia até virar uma vídeo-aula!

    ResponderExcluir
  5. Criei algo inspirado nesse tutorial, o resultado final foi esse:

    http://www.flickr.com/photos/vitorg_design/4847798291/

    ResponderExcluir
  6. Cada um melhor que o outro!!!!!!
    Adoro esses tutoriais........

    ResponderExcluir
  7. super show acabei de fazer esse o/ ameiii

    ResponderExcluir
  8. Boa noite!

    Encontrei um problema na hora de aplicar o brush... não consegui chegar ao efeito desejado (água), será que faltou alguma informação no tutorial ?
    Alguém poderia me dar uma força ?
    valeu.
    Cezar

    ResponderExcluir
  9. Parabéns, o tutorial é muito bom e o efeito é fantástico *-*

    ResponderExcluir
  10. Muito Bom, mas é preciso ter paciência e ter a cabeça fria para fazer este tipo de grau de 4 estrelas

    ResponderExcluir
  11. Eu não consegui encontrar o Water Splash Brush, pelo link que vc forneceu, gostaria que vc mandasse outro link válido se possível, atenciosamente!


    Att.

    PS: Parei infelizmente
    na parte para aplicar o brush

    ResponderExcluir
  12. Vocês poderiam fazer uma video aula sobre esse tutorial fiquei intereçado mas não conseguir fazer 13 ai parei por isso pedir uma video aula, achei muito bom esse S.

    ResponderExcluir
  13. o link do Water Splash plugin mudo

    http://www.designreflexion.com/toolbox/plugin/water-splash-brush-for-photoshop/

    ResponderExcluir
  14. Show! Estou treinando muito para chegar a esse resultado! Não desisto!!!

    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,158,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::: Letra saindo da água.
Letra saindo da água.
http://www.andresugai.org/Tutoriais/07.2010/T21/imagem37.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2010/07/letra-com-sainda-da-agua.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2010/07/letra-com-sainda-da-agua.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