em , , , ,

Tutorial: Energy Beam (explosão com laser)

Preview Descrição: Como criar raios de energia no estilo quadrinho.

  • [message]
    • ##check##AVISO: Energy Beam (explosão com laser)

      • 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 🙂

tutoriais photoshop

01. Abra um novo documento pressionando Ctrl+N e depois pressione a letra G do teclado para selecionar a Paint Bucket Tool, pinte o fundo de preto, neste tutorial usamos a figura do Cyclops já recortada e sem fundo, caso queira usar outra figura e aplicar o efeito sobre ela sem o recorte do fundo sinta-se a vontade.

Energy Beam (explosão com laser)

02. Pressione Ctrl+Shift+N para criar uma nova layer dê o nome de “Ray Layer”, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho médio e ponta suave para criar uma “bola” de energia como a da foto abaixo, logo após pressione a letra R do teclado para selecionar a Smudge Tool, (a ferramenta com o dedo apontado), caso apareça outra ferramenta selecionada pressione Shift+R até que a Smudge Tool apareça, puxe algumas pontas como aparecem na foto abaixo.

Energy Beam (explosão com laser)

03. Vá em Layer> Layer Style> Outer Glow, defina o modo de blend em Color Dodge, a cor escolhida neste tutorial foi o vermelho, mas pode-se usar outras cores também, deixe o campo Opacity em 100%, Spread 0% e Size em 5, depois pressione Ok.

Energy Beam (explosão com laser)

04. Agora clique com o botão direito sobre o efeito Outer Glow que está anexado em sua layer “Ray Layer” e escolha a opção Create Layer, isto irá criar uma layer a parte com o efeito Outer Glow, dê o nome de “Ray Layer Outer Glow” para esta layer e a deixe acima da layer “Ray Layer”, mude o modo de blend da layer “Ray Layer Outer Glow” para Color Dodge.

Energy Beam (explosão com laser)

05. Para o raio de energia pressione a letra B do teclado para selecionar a Brush Tool e escolha o último Brush da lista de brushes default do Photoshop, o brush se chama Airbrush Dual Brush, pressione Ctrl+Shift+N para criar uma nova layer e dê o nome de “Beam Layer”, deixe acima de todas as outras, para criar um traço reto como o da foto abaixo clique no ponto inicial e com o Shift pressionado arraste com o botão do mouse ainda pressionado, isto criará uma linha reta.

Energy Beam (explosão com laser)

06. Clique com o botão direito sobre a layer “Beam Layer”, vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

Energy Beam (explosão com laser)

07. Pressione Ctrl+J para copiar a layer, entre em Layer> Layer Style> Outer Glow e dessa vez escolha um vermelho mais escuro.

08. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte de preto, vá em Filter> Render> Lens Flare, defina o Brightness em aproximadamente 112% e a Lens Type em 50-300mm Zoom.

Energy Beam (explosão com laser)

08. Mude o modo de blend da layer para Linear Dodge (as opções Color Dodge e Screen também funcionam muito bem).

Energy Beam (explosão com laser)

09. Agora pressione Ctrl+T para abrir a caixa de Free Transform ou vá em Edit> Transform> Scale e deixe o efeito Lens Flare como na foto abaixo.

Energy Beam (explosão com laser)

10. Posicione o efeito no início do raio como na foto abaixo.

Energy Beam (explosão com laser)

Ao final seu efeito estará como na foto abaixo.

Energy Beam (explosão com laser)

E aqui outros exemplos de uso do efeito.

Energy Beam (explosão com laser)

Energy Beam (explosão com laser)

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.

35 Comments

  1. Annnnnnnnndré aqui é o josé cara Muito bom os tutoriais aqui expostos rapaz, aprendi muita coisa só pelos detalhes e deduzi outras e fui até criando(introduzindo)nos próprios tutoriais daqui outras idéias… mas no passo nº 6 não consigo ver com clareza o print! :^( no que diz respeito a: A "técnica" não dá pra ler? e meu photo é em português; e o size está encoberto. Agradeço o retorno…

  2. Eu nao gostei desse tutorial pois vc nao encina muito bem
    eu tentei fazer isso umas 5 vezes
    mas nao conssigo intender nao estou ofendendo nem nada mas em alguns passos vc nao colocou onde eu devo ir xD
    eu sou design de fotos trabalho mais na parte de maquiagem digital.
    esse tutorial é legalzinnho até mas eu aconcelho que vc arrume isso
    =P

    flws

  3. Oi Lucian, antes de mais nada me desculpe pela demora na resposta, mas para achar o Brush pressione a letra B do teclado para selecionar a Brush Tool e na barra de opções da ferramenta que fica no alto da tela clique na opção Brush, existe uma seta apontando para baixo, uma caixa irá se abrir com vários Brushes, deixe o mouse sobre algum Brush e você verá que o nome dele aparecerá, o Airbrush Dual Brush é um dos últimos, quanto a foto, o ideal é usar uma foto com fundo bem escuro quanto a figura usada pode ser qualquer uma 🙂 o fundo escuro ajuda a destacar o efeito :), obrigado pela visita!!

  4. Tudo bem André, gostaria de parabeniza-lo pelo blog q tanto tem me ajudado, já q sou iniciante no photoshop, Gostei mto do tutorial, mas naum consegui deixar a foto como queria, no meu photoshop falta a brush usada neste tutorial, a Airbrush Dua Brush, que é citada no 5º passo, vc sabe onde posso encontrá-lo?
    Mais uma coisa, eu usei uma foto pessoal normal com o fundo original, será que isso afeta na qualidade? Espero a resposta, até mais….

  5. Oi Bia, realmente, existia um erro nesse passo, ao invés de aplicar o Color Dodge na layer “Ray Layer” o certo seria mudar na “Ray Layer Outer Glow”, inclusive já corrigi o erro, peço desculpas pelo incomôdo e espero que agora dê certo!! obrigado pela visita e pelo toque!! 🙂

  6. Oii sou eu de novo!

    Então, fiz tudo direitinho mesmo…Pintei o fundo de preto, criei a outra camada clicando no efeito Outer Glow e a colokei em cima da “Ray Layer”…Mas aí qdo vou mudar o modo de mesclagem da camada “Ray Layer” para Subexposição de cores, some tudo!

    Obrigada pela atenção!

  7. Oi Bia, obrigado pela visita e pelo elogio ao blog, quanto ao passo 4 você chegou a criar a layer a partir do efeito Outer Glow antes de passar a Ray Layer para Color Dodge? e você está usando uma foto com fundo preto como a do tutorial? esse efeito é muito legal mas em fundos coloridos muitas vezes não funciona, depende muito da foto, aguardo sua resposta, obrigado mais uma vez pela visita!! 🙂

  8. oi! parabéns pelo blog!

    fiz várias vezes esse tutorial e nao consegui entender onde errei!

    toda vez q faço o passo 4, dps de mudar o modo de mesclagem da camada “Ray Layer” pra Subexposição de cores, o color dodge, não aparece nada, soh fica o fundo…nem o brilho externo nem o raio branco aparecem…oq aconteceu??

    obrigadaaaa

  9. Oi Greicy, muito obrigado pelo elogio ao blog, fico feliz que tenha gostado :), volte sempre!!

    Oi Anônimo, tente estes dois efeitos, são técnicas parecidas, se chamam Processo Cruzado.

    Processo Cruzado.
    tutoriaisphotoshop.blogspot.com/2006/01/processo-cruzado.html

    Processo Cruzado 2.
    tutoriaisphotoshop.blogspot.com/2007/07/processo-cruzado-2.html

    Espero que ajude, obrigado pela visita!!

    Oi Kelly, obrigado pelo elogio ao blog e pela visita, pode deixar que em breve postarei sim!! volte sempre!!

  10. Ola, meu nome é Kelly, parabéns pelo seu blog, esta maravilhoso. Todos os tutoriais são geniais, e estão super bem explicados… Acabei encontrando seu blog pelo blog de um amigo, que sorte a minha. Bom, eu gostaria de saber se você pode me ensinar como faz para deixar a foto
    com o estilo do filme Sin City

    Desde já muito obrigada !

  11. Oi, parabéns pelo blog, tá muito bom. Todos os tutoriais que eu olhei estão ótimos, bem explicados… enfim, adorei! Bom, eu gostaria de saber se vc pode me ensinar como faz pra deixar a foto
    assim:

    tupixel.com/images/35618CHRISEVANS.jpg

    ou assim:

    i154.photobucket.com/albums/s258/nelida2812/Galeria.jpg

    É que eu tento há anos fazer isso, mas não consigo, e se vc puder ajudar eu agradeceria muitissimo 🙂

    obrigada desde já…^^

  12. Olá.. estou aprendendo muito com os seus tutoriais.. são muito bons
    queria fazer uma pedido..não sei se existe um tutorial sobre, pelo menos eu não achei, mas sera q vc poderia criar um sobre como instalar plug-ing e filtros essas coisas??? parabéns.. ótimo seu site

  13. Ahh sim Ivan, aquele detalhe você pode fazer criando uma nova layer (Ctrl+Shift+N), escolhendo um brush de ponta suave de cor vermelha, passa nas áreas em que deseja o reflexo do laser e depois muda o modo de blend da layer e mexe um pouco na opacidade 🙂 (talvez um multiply ou overlay resolvam o caso dependendo da foto, mas o bom mesmo é experimentar diferentes tipos de modos de blend). obrigado pela visita!! 🙂

  14. Ok ok! Excelente tutorial (Pra variar ^-^!)! A minha única dúvida pra conseguir reproduzir essa receita foi o último passo:
    Eu consegui aplicar o lens flare tranquilamente, fiz o resize e etc… Porém essa iluminação vermelha no corpo do cyclops eu não consegui reproduzir! O que eu faço para conseguir esse efeito que dá mais auntenticidade à imagem? Valeu André!

Tutorial: Composição com várias fotos

Web: Como criar um favicon para seu site