Efeito de luzes para aplicação em palavras.

COMPARTILHE:

Descrição: Como aplicar efeitos de iluminação em suas palavras ou letras. Tutorial Avançado 01. Pressione Ctrl+N para criar um novo do...

Preview Descrição: Como aplicar efeitos de iluminação em suas palavras ou letras.

Tutorial Avançado


01. Pressione Ctrl+N para criar um novo documento de um tamanho qualquer no modo RGB com 72 dpi´s, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, na barra de opções da ferramenta escolha o modo de gradiente Linear e faça um gradiente que vá de um cinza escuro para um cinza mais escuro como na foto abaixo.

tutoriais photoshop

02. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escolha a cor #c2c8d4 (pode ser outra cor qualquer também) e escreva uma palavra qualquer, a fonte usada neste tutorial foi a Agency FB em Bold.

tutoriais photoshop

03. Clique com a tecla Ctrl pressionada sobre a miniatura da layer de texto na paleta de layers para ativar a seleção ao redor das letras, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Gradient Tool e escolha um gradiente que vá da cor #495a79 para o transparente, clique e arraste da direita para a esquerda afim de deixar suas letras como as da foto abaixo.

tutoriais photoshop

04. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, com a seleção ainda ativa pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra V do teclado para selecionar a Move Tool, pressione a seta que aponta para baixo no teclado e a seta que aponta para a direita uma única vez para mover a seleção para baixo e para a direita, pressione Alt+Backspace (a telca acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para pintar de preto, novamente clique na seta que aponta para baixo e depois na seta que aponta para a direita uma única vez para descer e mover a seleção para a direita e repita o processo, faça isso algumas vezes até que sua imagem fique como a da foto abaixo, depois de terminado posicione esta layer abaixo das duas layers de texto.

tutoriais photoshop

05. Com a layer da sombra que foi criada selecionada vá em Filter> Blur> Motion Blur e defina um valor de -45º para Angle e 30 pixels para Distance e pressione Ok.

tutoriais photoshop

06. Mude o modo de blend da layer para Multiply e defina o valor de 45% de opacidade, agora com a tecla Shift pressionada clique na seta que aponta para baixo e na seta que aponta para a direita no teclado, isto irá mover sua sombra 10 pixels para baixo e 10 pixels para a direita, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas macias, passe nas partes de cima das letras, deixando o efeito apenas nas partes inferiores.

tutoriais photoshop

07. Pressione Ctrl+J para duplicar a layer com a sombra, com a tecla Shift pressionada clique na seta para baixo e para direita novamente afim de descer e mover a sombra mais 10 pixels para baixo e para direita, novamente vá em Filter> Blur> Motion Blur e defina 50 pixels para Distance e pressione Ok, mude o modo de blend da layer para Multiply e defina 20% de opacidade para layer.

tutoriais photoshop

08. Pressione Ctrl+D para desabilitar a seleção e logo após pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer acima de todas as outras layers na paleta de layers, clique com a tecla Ctrl pressionada sobre a layer do texto afim de ativar a seleção ao redor do texto, clique novamente na nova layer criada, pressione a letra X do teclado para inverter as cores de Foreground e Background afim de deixar sua cor de Foreground como branca, 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 pintar de branco, pressione a letra V do teclado para selecionar a Move Tool, vá em Select> Transform Selection, pressione a seta que aponta para baixo e para a direita no teclado para mover sua seleção 1 pixel para baixo e 1 pixel para direita, pressione a tecla Enter e logo após pressione a tecla Delete, defina 80% de opacidade nesta layer.

tutoriais photoshop

09. Sua imagem deverá ficar como a imagem abaixo.

tutoriais photoshop

10. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie alguns retângulos como na foto abaixo, com a cor branca como cor de Foreground 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 pintar de branco, pressione Ctrl+D para retirar a seleção.

tutoriais photoshop

11. Pressione Ctrl+T para ativar a caixa de Free Transform, clique em um dos quadrados que existe nas diagonais da caixa e gire afim de deixar como na foto abaixo, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective, clique em um dos quadrados das diagonais da caixa e estique as linhas afim de dar a impressão de que estão em perspectiva.

tutoriais photoshop

12. Mude o modo de blend da layer para Overlay e defina 20% de opacidade, vá em Filter> Blur> Gaussian Blur e defina 6 pixels para o Radius e pressione Ok.

tutoriais photoshop

13. Sua imagem deverá ficar assim.

tutoriais photoshop

14. Agora clique com a tecla Ctrl pressionada sobre a miniatura dos raios criados na paleta de layers afim de ativar a seleção ao redor dos raios, clique na layer das bordas brancas que foram criadas anteriormente e clique no ícone de Add Layer Mask no rodapé da paleta de layers, isto fará com que as bordas brancas apareçam apenas nos lugares onde os raios batem.

tutoriais photoshop

15. Sua imagem deverá ficar assim.

tutoriais photoshop

16. (Opcional)Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte a nova layer na cor rosa #9d506c e posicione esta layer acima da layer do fundo usado anteriormente.

tutoriais photoshop

17. Mude o modo de blend da layer para Color e defina o valor de 20% para a opacidade, sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

18. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor branca como cor de Foreground e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na layer para preencher toda a layer de branco, vá em Filter> Render> Lightning Effects e defina os valores abaixo.

tutoriais photoshop

19. Mude o modo de blend da layer para Overlay, pressione Ctrl+J para duplicar a layer, coloque a layer acima de todas as outras e defina 40% de opacidade.

tutoriais photoshop

20. Pressione Ctrl+J novamente para duplicar a layer e defina a opacidade da layer em 65%, clique no ícone de Add Layer Mask no rodapé da paleta de layers, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do preto para o branco, clique e arraste de uma diagonal para a outra para dar a sensação de que a luz apaga suavemente conforme a posição da imagem.

tutoriais photoshop

site de origem: http://psdtuts.com/text-effects-tutorials/using-light-shade-to-bring-text-to-life/

COMENTÁRIOS

BLOGGER: 20
  1. andre muito bom o conteúdo do seu
    blog. tenho 1 ano e alguns meses, de estrada no photoshop, novato nessa vida!!
    e algumas vezes já fui salvo por tutoriais do blog muito legal e conteúdo interresante.
    continua assim menino
    meus parabéns pelo blog

    flw :)

    ResponderExcluir
  2. Guri, acho que tu tem bola de cristal! Leu meus pensamentos, ou melhor, minha dificuldade! Era exatamente o que eu estava precisando! Mais uma vez, parabéns! Em fotografia já tenho algum tempo de escola, mas internet ainda estou aprendendo!
    Mas pra quem já está acostumado, por favor, incluam este blog nas listas dos melhores do ano, ou algo do gênero! rsrsrsrs
    O André merece!
    Aliás, qdo eu crescer quero ser que nem vc! ihihihih
    Existe alguma possibilidade de trocar e-mail com vc, sem virar público? (algumas imagens eu não posso expor em publico, por causa dos clientes!)

    ResponderExcluir
  3. Oi edinei schlickmann, obrigado pela visita, fico feliz que tenha gostado do blog, volte sempre!! :)

    Oi Lunna, o blog está concorrendo ao prêmio iBest, é a primeira vez que o blog concorre em algo do gênero e já está em 3º lugar, fico feliz que tenha gostado do blog, caso queira me mandar um e-mail pode mandar clicando no link de contato no alto da tela, obrigado pela visita!! volte sempre!! :)

    ResponderExcluir
  4. Eai André,
    na moral esse foi um dos melhores tutoriais, muito bom mesmo.
    a letra ficou muito show, parabéns pelo blog.
    abraço

    ResponderExcluir
  5. OI amigo,

    VC PODERIA ME EXPLICAR MELHOR COMO SE FAZ O PASSO 03 ? EU CLICO com a tecla Ctrl pressionada sobre a miniatura da layer de texto na paleta de layers para ativar a seleção ao redor das letras MAIS NÃO ACONTECE NADA, ELA NÃO SELECIONA AS LETRAS PARA QUE EU POSSA ADICIONAR O GRADIENTE !!!

    COMO FAÇO ESSA SELECÇÃO DAS LETRAS PARA UTILIZAR EM SEGUIDA A GRADIENT TOOL ?

    ResponderExcluir
  6. Oi Anônimo, no seu caso você terá que rasterizer a layer da palavra antes de selecionar, para isto clique com o botão direito do mouse sobre a layer do texto na paleta de layers e escolha a opção Rasterize Type ou Rasterize Layer, depois basta continuar com o tutorial clicando com a tecla Ctrl pressionada sobre a miniatura da layer na paleta de layers, obrigado pela visita!!

    ResponderExcluir
  7. André
    To com uma certa dificuldade no passo 04. Eu crio uma nova layer, e na hora de mover pra baixo e pra direita aparece. "Nao foi possivel empurrar a seleção porque a área selecionada está vazia."
    Preciso muito da sua ajuda
    ^^
    Grato desde já.

    OBS : Muito bom esse efeito.

    ResponderExcluir
  8. Ola andré!
    Estou com o mesmo problema do Rafael...
    Fiz todo o resto perfeitamente..
    mas essa parte ai impede de prosseguir com o efeito..não consigo mover a seleção com as setas porque aparece esse mesmo problema.
    consigo arrastar a seleção com o mouse mas a sombra fica por cima das letras...
    agradeço a atenção..
    muuuito bom o Blog!
    tenho aprendido bastante..

    ResponderExcluir
  9. Oi Rafael e Dan Souza, façam o seguinte então, com a seleção ainda ativa vá em Select> Transform Selection com a caixa de Transform Selection seguir normalmente o tutorial para deslocar a seleção, depois de deslocada apertem Enter e pronto, obrigado pela visita!! espero que isso ajude!!, voltem sempre!! :)

    ResponderExcluir
  10. Oi André...
    Muito bom esse tutorial.
    Eu fiz aqui passo a passo como você ensina mas não ficou do mesmo geito, ficou tudo muito claro e a letra quase toda branca também... Vou tentar fazer novamente.
    Mais esse seu tutorial é muito bom tem um efeito bem realista.
    Um Abraço!

    ResponderExcluir
  11. Oi,Andre estou com um problema no passo 4°, quando abaixo a seleçao e pinto ela ela fica toda preta, mas em cima da figura, nao fica atras mas sim em cima. AJUDAAA XD

    ResponderExcluir
  12. OI andré, estou com o mesmo problema da ariel, quando vou volocando pata baixo para cima e preenchendo com G, so pinta a sempre a primera nun vai descendo formando o 3d.

    ResponderExcluir
  13. Olá André, estou fazendo agora o tutorial, eu tinha visto um em outro lugar que tinha uma dica interessante pra abreviar o processo do passo 4 - um atalho do teclado que vai criando um "rastro" da camada, sem a necessidade de preencher a cada camada nova: é Alt+Ctrl+seta. Não entendo como funciona, às vezes cria um monte de camadas, outras vezes cria o "rastro" na camada original. Fica essa informação como retribuição simbólica pelas suas, um dos sites de tutoriais mais bem-feitos e detalhados que encontrei.

    ResponderExcluir
  14. Caraka ...... muito bom mesmo esse tuto ,d + ,adorei,grande profissional vc André abrasss... ^^

    ResponderExcluir
  15. otimo,gostei do resultado,da um ar bastante profissional,tentei fazer aqui e consegui,mas nao ficou tao bom,mas requer pratica

    ResponderExcluir
  16. pessoal,vale lembrar que nao foi ele que fez,ele so tirou de um site '-',ele nao e um grande designer,quem fez o tutorial que é um grande designer

    ResponderExcluir
  17. brother, seu post está quase perfeito. só que nem tudo ocorre como vc diz. tem questões com versões do programa, atalhos, etc. eu encontrei algumas dificuldades, por exemplo, na parte opcional, por exemplo, no passo 18, após "pintar" a layer de branco, não aparece a opção Filter>Render>Lighting Effects, está "inativo" por algum motivo...
    mas no fim, o post eh muito bom pra aprender muitas coisas novas, em especial a maneira de trabalhar com as layers...

    ResponderExcluir
  18. André estou com o mesmo problema do Daniel M Monteiro, o que fazer ?

    ResponderExcluir
  19. Para quem não está conseguindo usar o Lighting Effects, baixe esse pacote de plugins para o ps6:

    SE FOR WINDOWS BAIXE NESSE LINK: http://download.adobe.com/pub/adobe/photoshop/win/13.x/Win_Optional_Plug-Ins.zip

    SE FOR MAC BAIXE NESSE LINK: http://download.adobe.com/pub/adobe/photoshop/mac/13.x/Optional_Plug_Ins_Release.dmg

    Depois de baixa-lo, coloque todos os plugins e pastas dentro do seguinte diretório:

    "C:\Program Files\Adobe\Adobe Photoshop CS6\Plug-ins"

    Reinicie o photoshop e o problema será resolvido.

    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,350,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,510,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Efeito de luzes para aplicação em palavras.
Efeito de luzes para aplicação em palavras.
http://www.andresugai.org/Tutoriais/03.2008/T01/imagem20.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/03/efeito-de-luzes-para-aplicao-em.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/03/efeito-de-luzes-para-aplicao-em.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