Criando um texto de aço com perspectiva.

COMPARTILHE:

Descrição: Como criar letras de aço em perspectiva usando layer styles e filtros. 01. Pressione Ctrl+N para criar um novo doc...






Preview Descrição: Como criar letras de aço em perspectiva usando layer styles e filtros.








01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1500x1500 pixels, 300 dpi´s e modo de cor em RGB, pressione Ok, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de 3D TEXT_first, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer usando as configuraçãoes abaixo.

tutoriais photoshop

02. Clique com o botão direito do mouse sobre a layer de texto na paleta de layers e escolha a opção Rasterize Type, agora vá em Edit> Transform> Distort e crie uma perspectiva como na foto abaixo, pressione Enter.

tutoriais photoshop

03. Agora pressione Ctrl+J para duplicar a layer, dê o nome de 3D TEXT_last, pressione a letra V do teclado para selecionar a Move Tool, mova a cópia da layer 16 pixels para cima e 2 pixels para a direita, faça isto dando pequenos toques nas setas direcionais do teclado, cada toque representa 1 pixel.

tutoriais photoshop

04. Agora clique na layer 3D TEXT_first e pressione Ctrl+J, clique na layer 3D TEXT_last e pressione Ctrl+J, posicione as cópias como na foto abaixo.

tutoriais photoshop

05. Agora desabilite a visibilidade das layers 3D TEXT_first e 3D TEXT_last clicando sobre a layer e indo em Layer> Hide Layers, clique na layer 3D TEXT_first copy e pressione Ctrl+J 60 vezes para criar 60 cópias da layer, clique em 3D TEXT_last copy mantenha a tecla Shift pressionada e clique na layer 3D TEXT_first copy, isto irá selecionar todas as 60 layers, clique com o botão direito do mouse sobre alguma das layers e escolha a opção Link Layers, sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop






06. Pressione a letra V do teclado para selecionar a Move Tool, clique na layer 3D TEXT_last copy, agora na barra de opções da ferramenta no alto da tela clique nas opções Distribute Vertical Centers e Distribute Horizontal Centers, selecione novamente todas as layers linkadas e pressione Ctrl+E para mesclar as layers, dê o nome de TEXT_merged.

tutoriais photoshop

07. Agora clique na layer 3D TEXT_last e vá em Layer> Show Layers, vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriais photoshop

08. Agora clique na layer 3D TEXT_merged e vá em Layer> Hide Layers para desabilitar a visibilidade da layer, com a tecla Ctrl pressionada clique na miniatura desta layer para ativar a seleção ao redor da palavra, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de 3D TEXT_colored, escolha a cor #a6e6fe e 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 com a cor escolhida, pressione Ctrl+D para desabilitar a seleção.

tutoriais photoshop

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

tutoriais photoshop

tutoriais photoshop

10. Agora com a tecla Ctrl pressionada clique na miniatura da layer 3D TEXT_colored para ativar a seleção ao redor das letras, pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #1a3236 (ou mais escura), pressione a letra B do teclado para selecionar a Brush Tool, na barra de opções da ferramenta defina o valor de Flow em 30%, Hardness em 0% e pinte nos pontos indicados na foto abaixo, ao final pressione Ctrl+D para desabilitar a seleção.

tutoriais photoshop

tutoriais photoshop

11. Agora com a tecla Ctrl pressionada clique sobre a miniatura da layer 3D TEXT_last para ativar a seleção ao redor da palavra, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Shining Lines, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, clique com o botão direito do mouse sobre a seleção e escolha a opção Stroke, defina o valor de Width em 1 pixel, escolha a cor branca em Color, Location deixe em Center, pressione Ok, pressione Ctrl+D para desabilitar a seleção, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas macias, na barra de opções da ferramenta defina o valor de Flow em 30% e Hardness em 0%, apague todas as áreas com excessão das indicadas na imagem abaixo.

tutoriais photoshop

12. Pressione Ctrl+J para duplicar a layer, diminua a opacidade e pressione Ctrl+E para mesclar as duas layers, sua imagem deverá ficar parecida com a da foto abaixo.

tutoriais photoshop

13. Agora clique na layer 3D TEXT_first, troque o nome da layer para Bottom Shadow 1 e vá em Layer> Show Layers para ativar a visibilidade da layer novamente, pressione Ctrl+J para duplicar a layer, dê o nome de Bottom Shadow 2, vá em Filter> Blur> Gaussian Blur e defina o valor de Radius em 3 pixels.

tutoriais photoshop






14. Pressione a letra V do teclado para selecionar a Move Tool, mova a sombra criada 5 pixels para a esquerda dando 5 toques na seta direcional esquerda do teclado, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas suaves e passe nas áreas indicadas (opcional).

tutoriais photoshop

tutoriais photoshop

15. Agora clique na layer Bottom Shadow 1 e vá em Filter> Blur> Gaussian Blur, defina o valor de 2 pixels para o Radius e pressione Ok, pressione a letra V do teclado para selecionar a Move Tool, mova a sombra 2 pixels para baixo e 2 pixels para a direita dando pequenos toques nas setas direcionais do teclado, cada toque representa 1 pixel.

tutoriais photoshop

16. Agora selecione as layers Shining Lines, 3D TEXT_last, Shadows Bottom 1 e 2 e 3D TEXT_colored, clique e arraste as layers para o ícone de Create New Layer no rodapé da paleta de layers para criar cópias das layers, pressione Ctrl+E para mesclar todas as cópias, dê o nome de Reflection para a nova layer, deixe ela abaixo de todas as outras layers na paleta de layers e vá em Layer> Hide Layers para desabilitar sua visibilidade.

tutoriais photoshop

17. Agora clique na layer Background e vá em Layer> Hide Layers para retirar a visibilidade da layer, vá em Layer> Merge Visible, dê o nome de TEXT a layer que acabou de ser criada, deixe a layer abaixo da layer Reflection na paleta de layers, pressione Ctrl+J para duplicar a layer TEXT, mude o modo de blend da layer duplicada para Overlay e defina a opacidade em 63%, vá em Image> Adjustments> Gradient Map e defina os valores abaixo.

tutoriais photoshop

18. Clique na layer TEXT e pressione Ctrl+J para duplicar a layer novamente, deixe esta cópia da layer acima de todas as outras layers na paleta de layers, dê o nome de Sharp Edges para a layer, mude o modo de blend desta layer para Hard Light e vá em Filter> Other> High Pass, defina os valores abaixo e pressione Ok, defina o valor da opacidade da layer entre 60 e 70%.

tutoriais photoshop




19. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Surface, deixe abaixo de todas as outras layers na paleta de layers, 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 o modo Linear na barra de opções da ferramenta, crie um grande gradiente afim de que ele fique como na imagem abaixo, vá em Edit> Transform> Distort e deixe como na imagem abaixo.

tutoriais photoshop

tutoriais photoshop

20. Agora clique na layer TEXT e vá em Image> Adjustments> Brightness/Contrast e defina os valores abaixo.

tutoriais photoshop

21. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe ela abaixo da layer Surface, dê o nome de Glass, escolha a cor #3f3f3f e 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 com a cor escolhida, vá em Filter> Noise> Add Noise e defina os valores abaixo.

tutoriais photoshop

22. Agora vá em Filter> Blur> Motion Blur e defina os valores abaixo, pressione Ok, mude o modo de blend da layer para Overlay e deixe a opacidade em 50%, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas macias, defina o valor de Hardness em 0% e Flow em 20% passe nas áreas próximas as letras preservando apenas na parte funda da imagem afim de criar uma certa ilusão de profundidade.

tutoriais photoshop

23. Agora clique na layer que estiver no topo da paleta de layers e vá em Layer> New Adjustment Layer> Hue/Saturation, defina os valores abaixo e pressione Ok, clique na layer Reflection, vá em Layer> Show Layers, defina a opacidade da layer por volta de 20 a 30%, pressione a letra V do teclado para selecionar a Move Tool e mova a layer alguns pixels para baixo para criar o reflexo, vá em Layer> Layer Mask> Reveal All, 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, clique e arraste afim de criar uma transição suave em seu reflexo.

tutoriais photoshop

24. Ao final seu texto estará como na foto abaixo.

tutoriais photoshop





site de origem: http://psdtuts.com/tutorials/text-effects-tutorials/how-to-create-high-quality-metal-3d-text-in-photoshop/


COMENTÁRIOS

BLOGGER: 11
  1. Tarde André... mais uma vez obrigado pelo tuto.. que é muito legal de ser feito..

    mas estou tendo dificuldade no passo 17, pq está pedindo para ir na seguinte opção "Image> Merge Visible" e o meu photoshop.. não possui essa opção.. uso o CS3, a não ser que esteja disponivel apenas no Extended.. =|... se puder me ajudar...

    ResponderExcluir
  2. Oi Marco, valeu pelo toque, o caminho correto é Layer> Merge Visibles, já arrumei no tutorial, obrigado pela visita!!

    ResponderExcluir
  3. André, não preciso mais de ajuda... mas o tópico precisa ser revisado... pq tem alguns errinhos, que vão deixar as pessoas meio perdidas...

    ex:"Edit> Adjustments> Gradient Map", não é em Edit e sim em "Image> Adjustments> Gradient Map.


    e tem umas boberinhas tb... se puder revisar... mas no mais, consegui fazer aqui... e ficou sensacional!!.. brigadão por esse tuto!

    ResponderExcluir
  4. Oi Marco, é verdade, mas o erro já veio do tutorial original em inglês, aliás tive que inserir diversas coisas que o autor simplesmente ignorou... mas nem tinha notado que alguns caminhos estavam errados, assim que chegar em casa vou dar uma boa revisada neste tutorial para ver se acho mais algum erro, mais uma vez obrigado pelo toque, já corrigi o caminho, volte sempre! :)

    ResponderExcluir
  5. Olá André, sempre acompanho o seu blog e ele tem me ajudado mto, parabéns pelo trabalho....
    Sou formada em Design Gráfico e possuo um conhecimento intermediário de Photoshop, mas gostaria de me aperfeiçoar mais, vc indica algum curso, pois alguns cursos que eu pesquisei ensinam o que eu tive na faculdade.

    Att,

    Thaisa

    ResponderExcluir
  6. andre esse foi fera viu
    eu queria esse tuto mesmo
    vai ajudar pacas esse efeito e mto belo
    valeu mesmo
    show viu
    parabens

    ResponderExcluir
  7. fiz hoje mas o autor omitiu mta coisa e tive que fazer uns ajustes, porem ficou fino mto bom o efeito e mto util parabens

    ResponderExcluir
  8. Os tutoriais são de mais... porém acho que vc deveria fazer uma versão de download em pdf ou doc, ou até mesmo em zip. Pois ficaria muito mais acessível para todos em qualquer lugar.

    Por exemplo, eu acesso na Lan pra poder fazer em casa, meio complicado né?

    ResponderExcluir
  9. è uma boa ideia mesmo, se pudesse colocar o tutorial em um arquivo tipo doc ou zip seria bom!

    ResponderExcluir
  10. Caramba!!! Muito bom o tutorial, está de parabéns. Quero deixar uma dica, ponha seus tutoriais disponíveis para impressão. Abraço.


    Anderson Barretto

    ResponderExcluir
  11. Ótimo Turotial André, muito bom pra quem esta começando ou até memsmo aperfeiçoando suas técnicas em PHOTOSHOP.
    Venho acompanhando os seus Turoriais a algum tempo, tinha muita curiosidade de aprender a utilizar esta ferramenta maravilhosa.
    Estou hoje aqui porque como foi comentado anteriormente o "passo 17", não esta correto e gostaria de saber qual o caminho correto, em alguns "passos" aparecem
    pequenos erros em alguns Turoriais e esse esta muito Bom e gostaria de completá-lo. Dá uma revisada Ok!!!
    Forte abraço e mais uma vez Parabéns!!!

    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,487,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Criando um texto de aço com perspectiva.
Criando um texto de aço com perspectiva.
http://www.andresugai.org/Tutoriais/01.2009/T02/imagem24.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/01/criando-um-texto-de-ao-com-perspectiva.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/01/criando-um-texto-de-ao-com-perspectiva.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