Tutorial: Texto estilizado com textura, reflexo e sombra

COMPARTILHE:

Neste tutorial veremos como aplicar em uma palavra uma textura usando o filtro displace, criar o reflexo da palavra e a sombra através de filtros, ferramentas e alguns outros recursos.

Preview Descrição: Neste tutorial veremos como aplicar em uma palavra uma textura usando o filtro displace, criar o reflexo da palavra e a sombra através de filtros, ferramentas e alguns outros recursos.

  • [message]
    • ##check##AVISO: Texto estilizado com textura, reflexo e sombra

      • 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 :)

tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 540x300 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, vá em Edit> Fill e defina os valores abaixo.

Texto estilizado com textura, reflexo e sombra

02. Agora escolha a cor #CAC9C9, pressione a letra T do teclado para selecionar a Horizontal Type Tool, vá em Window> Character e defina os valores abaixo, clique no documento e escreva uma palavra qualquer.

Texto estilizado com textura, reflexo e sombra

03. Agora vá em Layer> Layer Style> Inner Shadow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Bevel and Emboss> Contour e Layer> Layer Style> Gradient Overlay, defina os valores abaixo e pressione Ok.

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

04. Sua palavra deverá ficar como a da foto abaixo.

Texto estilizado com textura, reflexo e sombra

05. Agora vá em File> Save As e salve o arquivo com um nome qualquer no formato .PSD, posteriormente este arquivo será usado em conjunto com o filtro Diplace.

Texto estilizado com textura, reflexo e sombra

06. Agora pressione Ctrl+O e abra a imagem que será aplicada sobre o texto, no caso deste tutorial a bandeira dos Estados Unidos, caso queira utilizara mesma bandeira basta clicar aqui e fazer o download, com a imagem aberta no Photoshop pressione Ctrl+A para selecionar seu conteúdo, Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, diminua a opacidade da layer para 40%, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste um dos pontos diagonais da caixa para redimensionar a imagem de acordo com o tamanho do seu documento, pressione Enter para finalizar a transformação.

Texto estilizado com textura, reflexo e sombra

07. Defina a opacidade da layer em 100% novamente, pressione Ctrl+A para selecionar toda área do documento, vá em Filter> Distort> Diplace, na caixa que irá abrir defina o valor de 5 pixels para Horizontal e Vertical Scales, marque a opção Stretch To Fit e Wrap Around e pressione Ok, escolha o arquivo .PSD que salvamos no começo do tutorial e clique em Open, agora pressione Ctrl+D para desabilitar a seleção, sua imagem deverá ficar parecida com a da foto abaixo.

Texto estilizado com textura, reflexo e sombra

08. Agora clique na layer da imagem que foi aplicada, no caso do tutorial a bandeira, e vá em Layer> Create Clipping Mask.

Texto estilizado com textura, reflexo e sombra

09. Agora clique na layer de texto e vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo e pressione Ok.

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

10. Clique na layer Background, 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, clique no documento para preencher a layer com a cor preta.

Texto estilizado com textura, reflexo e sombra

11. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Reflection para a nova layer, com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para carregar a seleção ao redor do texto.

Texto estilizado com textura, reflexo e sombra

12. Agora pressione Ctrl+Shift+C e depois Ctrl+V para colar o conteúdo da bandeira dentro da seleção criada, vá em Edit> Transform> Flip Vertical, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique e arraste para a parte de baixo do documento com na foto abaixo.

Texto estilizado com textura, reflexo e sombra

13. Agora vá em Layer> Layer Mask> Reveal All para aplicar uma máscara na layer Reflection, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá preto para o transparente no modo Linear, aplique de cima para baixo com na foto abaixo.

Texto estilizado com textura, reflexo e sombra

14. Defina o valor da opacidade da layer em 40%.

Texto estilizado com textura, reflexo e sombra

15. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, coma tecla Ctrl pressionada clique na miniatura da layer de texto para carregar a seleção ao redor da palavra, 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, clique dentro da seleção para preencher com a cor preta, pressione Ctrl+T para abrir a caixa de Free Transform, distorça a sombra que estamos criando como na foto abaixo e pressione Enter para finalizar a transformação.

Texto estilizado com textura, reflexo e sombra

16. Agora pressione Ctrl+D para desabilitar a seleção, vá em Filter> Blur> Gaussian Blur e defina o valor de 2 a 3 pixels para o Radius, pressione Ok, defina a opacidade da layer em 60% e no final sua palavra estará como a da foto abaixo.

Texto estilizado com textura, reflexo e sombra

site de origem: http://pshero.com/archives/patriotic-text-using-displacement-masks

COMENTÁRIOS

BLOGGER: 10
  1. cara adorei esse tutorial
    vc tá de parabéns :)

    ResponderExcluir
  2. Blz ... fiz algo errado a cor ficou como na letra ... ñ teve graça ... como pode ficar colorido ?

    ResponderExcluir
  3. Olá!. Gostaria de saber qual photoshop voce utiliza. Grata, Paloma.

    ResponderExcluir
  4. Gostei muito desse tutorial, me deu até duas iideia uma para meu site www.achounailha.com.br, depois da epoca de natal vou mudar o topo novamente,
    e outra para fazer com meu nome e o fundo do flamengo.

    parabéns!

    ResponderExcluir
  5. Sorte de hoje: Ninguém pode voltar e criar um novo início, mas todo mundo pode começar hoje e criar um novo final

    ResponderExcluir
  6. olaa andreeeeeeee mt obrigado amigo pedi e vc vez pr anos mt bomm vo fazer assim que chgar em casa **
    vlwss andre parabens

    ResponderExcluir
  7. Olá ... quando fui fazer a imagem perdeu a cor ficou como a letra...

    eu tô usando o CS4

    ResponderExcluir
  8. No passo 12, quando vou girar a palavra, as duas palavras giram, e ficam as duas de ponta cabeça, ao invés de ficar apenas a de baixo... o que fiz de errado?

    ResponderExcluir
  9. Achei muuuuuito bom o tutorial!
    pena que não consegui fazer o brilho igual! mas vou treinar aqui...
    Muito bom..!

    ResponderExcluir
  10. Tutorial muitooooo bom!
    Vlw ;)

    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,415,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,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,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,520,outubro,748,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,216,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,488,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Texto estilizado com textura, reflexo e sombra
Tutorial: Texto estilizado com textura, reflexo e sombra
Neste tutorial veremos como aplicar em uma palavra uma textura usando o filtro displace, criar o reflexo da palavra e a sombra através de filtros, ferramentas e alguns outros recursos.
https://www.andresugai.org/Tutoriais/12.2009/T11/imagem21.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/12/texto-estilizado-com-textura-reflexo-e.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/12/texto-estilizado-com-textura-reflexo-e.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