Banner Tutoriais Photoshop

Tutorial Anterior: Otimização do Código Fonte do ::Tutoriais Photosho... | Página Inicial »
Tutorial Anterior: Download: Texturas de papel cartão. | Página Inicial »
Tutorial Anterior: Blue Mil e Um. | Página Inicial »
Tutorial Anterior: Mário na vida real. | Página Inicial »
Tutorial Anterior: Amanhã é dia 09 de Julho uma data muito especial p... | Página Inicial »
Tutorial Anterior: Inspiração - Artistas do Photoshop - Chris Scarbor... | Página Inicial »
Tutorial Anterior: Inspiração, Cartazes de Rock: Of Montreal. | Página Inicial »
Tutorial Anterior: Como criar uma seleção através do Channels. | Página Inicial »
Tutorial Anterior: Fogos de artifício por PES. | Página Inicial »

quarta-feira, 8 de julho de 2009

Criando raios que saltam de uma palavra.


Vote no Tutoriais Photoshop para o Top Blog 2010

Descrição: Efeito de raios saindo do background de uma palavra sempre chama bastante a atenção e dá um destaque bem legal, hoje veremos como criar um efeito simples usando layer styles, filtros e modos de blend.



01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 550x300 pixels, pressione Ok, 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, pressione a letra X do teclado para inverter as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer.

imagem

02. Pressione Ctrl+J para duplicar a layer de texto, vá em Layer> Hide Layers para retirar a visibilidade da layer copiada, clique com o botão direito do mouse sobre a a layer de text original e escolha a opção Rasterize Type, sua paleta de layers deverá ficar como a da foto abaixo.

imagem

03. Pressione a letra B do teclado para selecionar a Brush Tool, crie algumas linhas como na foto abaixo.

imagem

04. Agora vá em Filter> Noise> Add Noise, defina os valores abaixo e pressione Ok.

imagem

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

imagem

06. Vá em Filter> Blur> Radial Blur e defina os valores abaixo.

imagem

07. Pressione Ctrl+F para reaplicar o filtro na imagem.

imagem

08. Pressione Ctrl+J para duplicar a layer, vá em Edit> Transform> Rotate 180º, sua imagem ficará como a da foto abaixo.

imagem

09. Agora vá em Layer> New Adjustment Layer> Hue/Saturation e defina os valores abaixo.

imagem

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

imagem

11. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, 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 e clique no documento para preencher a layer com a cor preta, vá em Filter> Render> Lens Flare, defina os valores abaixo.

imagem

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

imagem

13. Mude o modo de blend da layer para Screen, deixe essa layer abaixo da adjustment layer de Hue/Saturation que aplicamos anteriormente.

imagem

14. Agora clique na layer de texto (que retiramos a visibilidade) e vá em Layer> Show Layers para ativar sua visibilidade novamente, vá em Layer> Layer Style> Color Overlay, escolha a cor preta, vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

imagem

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

imagem

16. No final sua palavra deverá ficar como a da foto abaixo.

imagem1

site de origem: http://www.psdeluxe.com/tutorials/text-effects/light-rays-text-effect.html

Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem práticas:

  • Siga-me no Twitter.
  • Cadastre-se e receba por e-mail o resumo diário do que foi postado aqui no blog.
  • Cadastre nosso endereço RSS para receber as atualizações via leitor de Feeds.
  • Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008 e 2009!

    Até a próxima!!



    12 Comentários:

    Às 8 de julho de 2009 11h17min00s BRT , Blogger Everaldo disse...

    A última imagem não está aparecendo. Será que é só comigo ou vocês também não estão vendo?

     
    Às 8 de julho de 2009 12h05min00s BRT , Blogger Andre Sugai disse...

    Oi Everaldo, obrigado pelo toque, problema resolvido, volte sempre!! :)

     
    Às 9 de julho de 2009 10h05min00s BRT , Blogger figura disse...

    Andre dahora tutorial como sempre esse site é o melhor q conheco
    agora so uma opinia:
    tem q da uma arrumada na sessao tutoriais anteriores
    valeu

     
    Às 9 de julho de 2009 13h32min00s BRT , Blogger rafael disse...

    Andrre muito bom seus tutoriais, teria com vc postar um tutorial para recortar imagens pra montagem? tipo recortar uma pessoa etc pq eu recorto com a borracha e acho q n e a maneira mais correta
    obrigado

     
    Às 9 de julho de 2009 15h56min00s BRT , Anonymous Anônimo disse...

    André acompanho seu trabalho a muito tempo e nele soluciono varias duvidas que apareceram nesta minha "rescente" vida de designer, já que só terminei os cursos a pouco tempo, grande trabalho o seu....

    Sei que aqui não é o local certo, mas no topico voce nao respondeu aos outros que perguntaram, qual fonte usou neste tutorial?
    http://www.tutoriaisphotoshop.net/2008/12/efeito-de-texto-web-20.html

     
    Às 9 de julho de 2009 19h01min00s BRT , Anonymous Anônimo disse...

    Oi André, quero saber qual a fonte usada nesse tutorial. Sempre venho acompanhando os seus truques e montagens. E pra dar certo, sempre faço com os mesmos ensinamentos, assim não fico perdido. E então, qual foi a fonte usada nesse tutorial?

     
    Às 10 de julho de 2009 23h47min00s BRT , Anonymous Anônimo disse...

    Opa André, o problema é o seguinte, quando eu vou em Camada> Nova Camada de Ajuste> Nao da pra Clicar em Huge/Saturation...

    Vlws

     
    Às 28 de julho de 2009 10h48min00s BRT , Anonymous FaeL'z disse...

    Kra meu PS ta com um problema.. tip qnd eu clico pra escolhe uma cor ao invés dela jah fica selecionada a cor (exemplo azul) ela fica um cinza meiu escuro, axo qe meu PS ao inves de escolher a própria cor qe eu seleciono, ele junta as duas cores..axo q deve ser issu ._.''
    Então André vc pode me ajudar? D:.. Obrigado pela atenção

    PS:Mais um belo tuto ^^

     
    Às 4 de agosto de 2009 19h26min00s BRT , Anonymous Anônimo disse...

    Opa André, o problema é o seguinte, quando eu vou em Camada> Nova Camada de Ajuste> Nao da pra Clicar em Huge/Saturation

     
    Às 26 de novembro de 2009 13h06min00s BRST , Blogger Blog da Isadora disse...

    André queria saber qual a fonte pq adoreii demais esse tutor
    bjus

     
    Às 29 de novembro de 2009 13h01min00s BRST , Blogger gyane disse...

    não consigo escrever na hora q é para escrever no fundo preto e as letras brancas
    não consigo, de nenhum jeito
    agradeço a atenção
    bj Gyane
    Carazinho -RS

     
    Às 2 de dezembro de 2009 12h51min00s BRST , Anonymous David disse...

    tenta aumentar a sua fonte ou então aumenta a resolução para 72DPI



    "29 de Novembro de 2009 13h1min0s BRST , gyane disse...
    não consigo escrever na hora q é para escrever no fundo preto e as letras brancas
    não consigo, de nenhum jeito
    agradeço a atenção
    bj Gyane
    Carazinho -RS"

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início