Tutorial: Estilização de texto com textura

COMPARTILHE:

Hoje veremos como decorar um texto textura, modos de blend e alguns recursos de recorte.

Preview Descrição: Hoje veremos como decorar um texto textura, modos de blend e alguns recursos de recorte.

  • [message]
    • ##check##AVISO: Estilização de texto com textura

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1920x1080 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá #8ddbf9 até a cor #ffffff, no modo linear, clique e arraste de baixo para cima, seu documento deverá ficar como na foto abaixo.

Estilização de texto com textura

02. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, achate a imagem como na foto abaixo e pressione Enter.

Estilização de texto com textura

03. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Light Bottom e deixe esta layer entre as duas layers que criamos anteriormente, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, 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, no tutorial foi usado um brush de tamanho aproximado de 1600px, 0% de Hardness e 55% de opacidade, dê um clique na posição indicada na foto abaixo.

Estilização de texto com textura

04. Agora clique na layer que estiver no topo da paleta de layers, pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a Brush Tool ainda selecionada de um único clique novamente na mesma posição.

Estilização de texto com textura

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

Estilização de texto com textura

06. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deverá ser a branca, pressione a letra T do teclado para selecionar a Horizontal Type Tool, caso queira utilizar a mesma fonte do tutorial clique aqui para baixar a fonte, escreva uma palavra qualquer e pressione Enter.

Estilização de texto com textura

07. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Estilização de texto com textura

08. Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

Estilização de texto com textura

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

Estilização de texto com textura

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

Estilização de texto com textura

11. Com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para ativar a seleção ao redor das letras.

Estilização de texto com textura

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

Estilização de texto com textura

13. Agora pressione Ctrl+O para abrir a textura que será usada no tutorial, caso queira utilizar a mesma textura deste tutorial clique aqui, pressione Ctrl+O e abra a textura no Photoshop, clique no documento que estamos trabalhando, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, passe o mouse em cima da seleção até que um pequeno retângulo apareça como na foto abaixo.

Estilização de texto com textura

14. Clique e mantenha o botão do mouse pressionado, clique e arraste a seleção até o documento que contém a textura que abrimos anteriormente.

Estilização de texto com textura

15. Pressione Ctrl+Alt+R para abrir a caixa de Refine Edge, defina os valores abaixo e pressione Ok.

Estilização de texto com textura

16. Pressione Ctrl+C para copiar a parte selecionada, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar o conteúdo selecionado.

Estilização de texto com textura

17. Dê o nome de Water Drop Texture 1 para a nova layer, mude o modo de blend para Overlay.

Estilização de texto com textura

18. Agora clique no documento que contém a textura novamente, a seleção ainda deverá estar ativa, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, clique e arraste a seleção para outra parte da textura, repita o processo, pressione Ctrl+C para copiar o conteúdo da seleção.

Estilização de texto com textura

19. Volte ao documento que estamos trabalhando e pressione Ctrl+V para colar, dê o nome de Water Drop Texture 2 para a nova layer e mude o modo de blend para Overlay.

Estilização de texto com textura

20. Caso queira você pode repetir os passos anteriores para adicionar mais texturas em sua imagem, abaixo temos a imagem com duas layers de textura.

Estilização de texto com textura

21. Agora clique na layer de texto e pressione Ctrl+J para duplicar a layer, deixe a layer duplicada acima de todas as outras layers, reduza a opacidade da layer duplicada para 70%.

Estilização de texto com textura

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

Estilização de texto com textura

23. Clique na miniatura da máscara que está na Adjustment Layer de Levels que acabamos de adicionar, pressione a letra G do teclado para selecionar a Gradient Tool, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, escolha o modo Radial e aplique o gradiente como na foto abaixo.

Estilização de texto com textura

24. Ao final sua imagem estará como na foto abaixo.

Estilização de texto com textura

25. Outros resultados podem ser conseguidos usando modos de blend e adicionando cores extras.

Estilização de texto com textura

site de origem: http://www.psdvault.com/text-effects/design-a-super-sleek-text-effect-with-water-drop-texture/

COMENTÁRIOS

BLOGGER: 3

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,153,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::: Tutorial: Estilização de texto com textura
Tutorial: Estilização de texto com textura
Hoje veremos como decorar um texto textura, modos de blend e alguns recursos de recorte.
https://www.andresugai.org/Tutoriais/05.2009/T20/imagem25.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/05/estilizacao-de-texto-com-textura.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/05/estilizacao-de-texto-com-textura.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