em , , , ,

Efeito de luzes para aplicação em palavras.

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/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

20 Comments

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

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

    SE FOR MAC BAIXE NESSE LINK: 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 FilesAdobeAdobe Photoshop CS6Plug-ins"

    Reinicie o photoshop e o problema será resolvido.

  2. 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…

  3. 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.

  4. 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!

  5. 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!! :)

  6. 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..

  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.

  8. 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!!

  9. 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 ?

  10. 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!! :)

  11. 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!)

  12. 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 :)

“Diz que até não é … Um mau blog”

Palestra – Adobe Creative Suite 3 Design Premium 13.03.08