Neste tutorial de efeitos do Photoshop, aprenderemos como criar e adicionar raios facilmente a uma imagem com o Photoshop! Existem algumas maneiras diferentes de criar raios usando o Photoshop. A maneira como aprenderemos aqui é a minha favorita, porque, diferentemente dos relâmpagos reais na natureza, essa técnica nos dá muito controle sobre onde os raios aparecem e como se parece em nossa imagem.

Depois de criar o raio inicial, aprenderemos como colori-lo e como iluminar as coisas com alguns destaques para completar o efeito!

Vou usar o Photoshop CS5 neste tutorial, mas não faremos nada específico ao CS5, portanto qualquer versão recente do Photoshop funcionará.

Veja como será o efeito final do raio (a imagem original sem o raio está disponível na biblioteca de imagens Fotolia ):

O efeito final do raio.

Como adicionar um raio a uma foto

Etapa 1: adicionar uma nova camada em branco

Com a foto recém-aberta no Photoshop, se olharmos no painel Camadas, vemos que atualmente temos uma camada - a camada Fundo - que é a camada em que a foto está colocada. Vamos adicionar nosso raio acima dessa camada para não danificar a imagem original. Clique no ícone Nova camada na parte inferior do painel Camadas:

Clique no ícone Nova camada.

Isso adiciona uma nova camada em branco chamada "Camada 1" acima da camada Fundo:

O Photoshop nomeia automaticamente a nova camada "Camada 1".

Etapa 2: Selecione a ferramenta Lasso

Selecione a ferramenta Lasso no painel Ferramentas:

Selecione a ferramenta Lasso.

Etapa 3: faça uma seleção em torno da área onde o raio aparecerá

Com a Lasso Tool selecionada, decida onde deseja que o raio apareça na imagem e desenhe um contorno de seleção em torno dessa área geral. Aqui, desenhei meu esboço de seleção no canto inferior direito da foto:

Faça uma seleção em torno da área geral onde o raio aparecerá.

Etapa 4: preencher a seleção com branco

Vá para o menu Editar na barra de menus na parte superior da tela e escolha Preenchimento :

Vá para Editar> Preenchimento.

Isso abre a caixa de diálogo Preenchimento. Defina a opção Usar na parte superior da caixa de diálogo para Branco :

Defina a opção Usar como Branco.

Clique em OK para fechar a caixa de diálogo Preenchimento. O Photoshop preenche a área selecionada com branco no documento:

A área selecionada agora está preenchida com branco sólido.

Etapa 5: selecione a ferramenta Pincel

Selecione a ferramenta Pincel no painel Ferramentas:

Selecione a ferramenta Pincel.

Etapa 6: definir a cor do primeiro plano como preto

Precisamos pintar com preto, e o Photoshop usa a cor atual do primeiro plano como a cor da tinta, o que significa que precisamos garantir que a cor do primeiro plano esteja definida como preta antes de começarmos a pintar. Pressione a letra D no teclado, que redefine as cores de primeiro plano e plano de fundo para os padrões, tornando preto a cor de primeiro plano (branco se torna a cor de plano de fundo). Você pode ver como as cores estão definidas observando as amostras de cores de primeiro plano e plano de fundo próximas à parte inferior do painel Ferramentas:

Verifique se a cor do primeiro plano (amostra superior esquerda) está definida para preto.

Etapa 7: escolha um pincel redondo e duro

Com a ferramenta Pincel selecionada, clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) em qualquer lugar do documento, que abre o Seletor de pincéis, e escolha um pincel redondo e duro, clicando na miniatura. Estou usando o Photoshop CS5 aqui, mas não se preocupe se você estiver usando o CS4 ou anterior e sua seleção de pincéis parecer diferente da minha. Qualquer pincel redondo e com borda dura serve. Depois de selecionar um pincel, pressione Enter (Win) / Return (Mac) para fechar o Seletor de pincéis:

Clique em qualquer pincel redondo e duro para selecioná-lo.

Etapa 8: pintar um traço preto irregular através da seleção preenchida com branco

Pinte um traço preto irregular através da seleção preenchida em branco, onde deseja que o raio apareça. Eventualmente, o raio aparecerá ao longo da borda direita do traço de tinta, onde o preto e o branco se encontram. Para melhores resultados, use um pincel bem pequeno. Você pode alterar o tamanho do pincel no teclado. Pressione a tecla do suporte esquerdo ( ( ) para diminuir o pincel. Pressionar a tecla do suporte direito ( ) ) aumenta o pincel. Quando terminar, seu traço preto deve ser algo como isto:

Use um pincel pequeno para pintar um traço irregular na seleção.

Etapa 9: Pinte a área à esquerda do traço de preto

Depois de ter o seu traçado preto inicial, continue pintando sobre a área à esquerda do traçado até que também fique completamente coberto de preto. Somente a área à direita do traçado deve permanecer branca. Você pode aumentar o tamanho do seu pincel para poder pintar sobre essa área mais rapidamente pressionando a tecla do suporte direito ( ) algumas vezes:

Pinte sobre a área à esquerda do traço para preenchê-lo com preto.

Etapa 10: aplicar o filtro Gaussian Blur

Em seguida, precisamos suavizar a borda onde as áreas em preto e branco se encontram e podemos fazer isso desfocando-a. Vá para o menu Filtro na parte superior da tela, escolha Desfoque e escolha Desfoque Gaussiano :

Vá para Filter> Blur> Gaussian Blur.

Isso abre a caixa de diálogo do filtro Gaussian Blur. Fique de olho no documento enquanto arrasta o controle deslizante Raio na parte inferior da caixa de diálogo para a direita. Quanto mais você arrastar o controle deslizante, mais desfoque será aplicado e mais suave a borda ficará. A área de transição entre preto e branco criada pela borda suave é o que acabará se tornando o raio, portanto, quanto mais suave a borda, maior será o raio. Para minha imagem, vou definir meu valor de Radius para cerca de 9 pixels. O valor do raio que você acaba usando pode ser diferente dependendo do tamanho da imagem com a qual você está trabalhando:

Aumente o valor do raio para suavizar as bordas do traço preto.

Clique em OK para fechar a caixa de diálogo. A borda agora deve ser semelhante a esta:

A borda suave do curso em breve se tornará o raio.

Etapa 11: aplicar o filtro de nuvens de diferença

Vá para o menu Filtro, escolha Render e escolha Nuvens de diferença :

Vá para Filter> Render> Difference Clouds.

Não há caixa de diálogo para o filtro Nuvens de diferença, então o Photoshop simplesmente segue em frente e o executa. Podemos ver no documento que a borda suave que criamos um momento atrás agora começa a parecer um raio, embora seja a cor errada no momento:

O raio começa a aparecer.

Etapa 12: inverter a imagem

Vá para o menu Imagem, escolha Ajustes e escolha Inverter :

Vá para Imagem> Ajustes> Inverter.

Isso inverte os valores de brilho na área selecionada, tornando as áreas claras escuras e as áreas escuras claras, o que transforma nosso raio de preto para branco:

A inversão da imagem altera o raio de preto para branco.

Etapa 13: aplicar o comando Níveis

Volte ao menu Imagem, escolha Ajustes mais uma vez e, desta vez, escolha Níveis :

Vá para Imagem> Ajustes> Níveis.

Isso abre a caixa de diálogo Níveis. Vamos usar os Níveis para escurecer as "nuvens" ao redor do raio, para que a área ao redor seja preta. Primeiro, clique no controle deslizante preto abaixo do lado esquerdo inferior do histograma no centro da caixa de diálogo e comece a arrastá-lo para a direita. Ao arrastar, você verá as áreas ao redor do raio começarem a desaparecer em preto. Continue arrastando o controle deslizante preto para a direita até que a maioria das "nuvens" desapareça:

Arraste o controle deslizante preto para a direita para escurecer a maior parte da área ao redor do raio.

A maior parte da área agora deve estar escurecida em preto. Algumas áreas cinzas permanecerão:

Apenas algumas áreas cinzas permanecem ao redor do raio.

Clique no controle deslizante cinza entre os controles deslizantes preto e branco e comece a arrastá-lo também para a direita, o que tornará as áreas cinzentas restantes em preto. É importante, no entanto, que você não escureça tanto as coisas que o raio se torne áspero, com arestas duras e irregulares. Você deseja manter uma penugem suave e sutil aos raios, para escurecer as coisas o máximo possível com os controles deslizantes preto e cinza, mas não se preocupe se ainda houver algumas áreas restantes de cinza. Vamos limpar as coisas a seguir:

Arraste o controle deslizante cinza médio para a direita para escurecer as demais áreas cinzas.

Clique em OK quando terminar de fechar a caixa de diálogo Níveis. A imagem agora deve ser semelhante a esta:

A maioria das áreas cinzentas ao redor do raio foi agora escurecida.

Etapa 14: desmarque a área

Vá para o menu Selecionar na parte superior da tela e escolha Desmarcar para remover o contorno da seleção da área. Ou, para uma maneira mais rápida de desmarcar uma seleção, pressione Ctrl + D (Win) / Command + D (Mac) no teclado. De qualquer maneira, fará:

Vá para Selecionar> Cancelar seleção para cancelar a seleção da área.

Etapa 15: Pintar de preto para limpar as áreas cinzentas restantes

Com a ferramenta Pincel ainda selecionada, clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) em qualquer lugar do documento para abrir novamente o Seletor de pincéis . Mantenha o mesmo pincel redondo selecionado, mas abaixe a Dureza do pincel para 50% . Isso suavizará a borda do pincel. Pressione Enter (Win) / Return (Mac) quando terminar de fechar o Brush Picker:

Abaixe a dureza do pincel para 50% para suavizar a borda.

Em seguida, com o preto imóvel como sua cor de primeiro plano, pinte as áreas cinzentas restantes ao redor do raio para limpá-las. O motivo pelo qual suavizamos a borda da escova é se houver áreas cinzentas restantes próximas ao próprio raio. Dessa forma, podemos pintar perto do raio sem achatar sua borda macia:

Limpe as áreas cinzentas restantes pintando sobre elas com preto.

Além disso, se você olhar ao redor das bordas externas da área preta, verá que elas parecem um pouco transparentes, o que é o resultado de termos executado o filtro Gaussian Blur anteriormente. Essas bordas transparentes causarão problemas, então pinte as bordas externas com o pincel para cobri-las com um preto sólido. Quando terminar, tudo que não seja o raio deve ser preto. Não se preocupe, porque a coisa toda parece uma bagunça feia por enquanto. Ficará muito melhor em um momento:

Pinte sobre as bordas externas transparentes.

Etapa 16: Alterar o modo de mesclagem para a tela

Com tudo agora preto, exceto o próprio raio, vá para a opção Blend Mode na parte superior do painel Layers e altere o modo de blend de Normal para Screen :

Altere o modo de mesclagem da camada de Normal para Tela.

O modo de mesclagem de tela oculta todas as áreas pretas da camada, mantendo apenas visível o raio:

Somente o raio permanece visível na camada.

Etapa 17: mover e redimensionar o raio com transformação gratuita

Vá para o menu Editar na parte superior da tela e escolha Transformação livre ou pressione Ctrl + T (Win) / Command + T (Mac) para acessar o comando Transformação livre com o atalho do teclado:

Vá para Editar> Transformação livre.

Isso coloca a caixa Free Transform do Photoshop e manipula o raio. Mova o raio para a posição clicando em qualquer lugar dentro da caixa delimitadora e arrastando-o com o mouse. Para redimensionar o raio, basta arrastar qualquer uma das alças. Se você pressionar a tecla Ctrl (Win) / Command (Mac), isso mudará temporariamente para o modo Distorcer, o que lhe dará mais liberdade ao arrastar as alças. Solte a tecla para voltar ao modo Free Transform padrão. Depois de mover e redimensionar o raio, pressione Enter (Win) / Return (Mac) para aceitar a alteração e sair do Free Transform:

Use Free Transform para redimensionar o raio e movê-lo para o lugar.

Etapa 18: duplicar a camada

Vamos adicionar um brilho aos raios. Vá para o menu Camada, escolha Novo e escolha Camada via cópia, ou pressione Ctrl + J (Win) / Command + J (Mac) para acessar o mesmo comando com o atalho de teclado:

Vá para Camada> Novo> Camada via cópia, ou pressione Ctrl + J (Win) / Command + J (Mac).

De qualquer maneira, o Photoshop deve fazer uma cópia da Camada 1 e colocá-la acima do original no painel Camadas. Observe que a cópia é definida automaticamente no modo de mesclagem de tela para nós:

O Photoshop nomeia a nova camada "Cópia da camada 1".

Etapa 19: Aplicar o filtro Gaussian Blur

Para criar um brilho ao redor do raio, precisamos apenas desfocar a cópia que criamos. Vá para o menu Filtro, escolha Desfoque e escolha Desfoque Gaussiano, como fizemos anteriormente. Vou definir novamente o meu valor Radius em torno de 9 pixels, o que adiciona um bom efeito de brilho. O valor que você usa pode ser diferente dependendo do tamanho da sua imagem:

Arraste o controle deslizante Raio para desfocar a cópia do raio e criar um efeito de desfoque.

Clique em OK quando terminar de fechar a caixa de diálogo Gaussian Blur. Agora você deve ver um brilho sutil ao redor do raio:

O raio depois de adicionar um brilho suave.

Etapa 20: duplicar a camada

O efeito de brilho inicial é um pouco sutil, então vamos aumentar sua intensidade. Pressione Ctrl + J (Win) / Command + J (Mac) para duplicar rapidamente a camada desfocada. O brilho parecerá mais forte. Se você achar que agora está muito forte, diminua a opacidade da camada para ajustar os resultados. Você encontrará a opção Opacidade na parte superior do painel Camadas, em frente à opção Blend Mode. Vou deixar minha opacidade definida para 100%:

Duplique a camada desfocada para fortalecer o efeito de brilho e, em seguida, diminua a Opacidade, se necessário, para ajustar os resultados.

Aqui está o meu resultado com o brilho agora mais intenso:

O efeito após duplicar a camada desfocada.

Etapa 21: Mesclar as camadas de raios

Vá para o menu Camada e escolha Mesclar para baixo ou pressione Ctrl + E (Win) / Command + E (Mac) para acessar o comando Mesclar para baixo com o atalho de teclado. Então faça a mesma coisa uma segunda vez. Isso mesclará as duas camadas de efeito de brilho na Camada 1 com o raio inicial:

Vá para Camada> Mesclar para baixo ou pressione Ctrl + E (Win) / Command + E (Mac) e faça a mesma coisa novamente.

Agora você deve voltar para uma única camada, Camada 1, acima da camada Plano de fundo no painel Camadas:

As camadas de efeito de brilho foram mescladas com o raio na Camada 1.

Etapa 22: Colorir o raio com matiz / saturação

Se você deseja colorir o raio, vá para o menu Imagem, escolha Ajustes e escolha Matiz / Saturação :

Vá para Imagem> Ajustes> Matiz / Saturação.

Isso abre a caixa de diálogo Matiz / Saturação. Selecione a opção Colorir, e arraste o controle deslizante Matiz para selecionar uma cor para o raio. Vou selecionar uma cor azul / roxo definindo meu valor de Matiz como 232. Claro, você pode escolher qualquer cor que desejar. Para tornar a cor mais intensa, aumente o valor da saturação . Vou definir o meu para 50%. Clique em OK quando terminar de fechar a caixa de diálogo:

Selecione a opção Colorir, e escolha um nível de Matiz e Saturação.

Aqui está a aparência do meu raio depois de colori-lo:

O raio depois de dar uma cor púrpura azulada.

Etapa 23: Mesclar as camadas em uma nova camada

Mantenha pressionada a tecla Alt (Win) / Option (Mac) e, com a tecla pressionada, vá para o menu Camada e escolha Mesclar visível :

Mantenha pressionada a tecla Alt (Win) / Option (Mac) e vá para Layer> Merge Visible.

Isso mescla as camadas existentes em uma nova camada acima delas no painel Camadas:

As duas camadas existentes são mescladas em uma terceira camada.

Etapa 24: selecione a ferramenta Dodge

Selecione a ferramenta Dodge no painel Ferramentas:

Selecione a ferramenta Dodge.

Etapa 25: defina a opção Intervalo para Destaques e desmarque Proteger tons

Com a ferramenta Esquivar selecionada, defina a opção Intervalo na barra de opções na parte superior da tela para Destaques . Deixe Exposição definida como 50% e desmarque a opção Proteger tons :

Defina as opções para a ferramenta Dodge na barra de opções.

Etapa 26: abaixe a dureza do pincel para 0%

A Dodge Tool é considerada um pincel no Photoshop e podemos ajustar a suavidade de suas bordas da mesma forma que podemos com a Brush Tool padrão. Clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) em qualquer lugar do documento para abrir o Selecionador de pincéis e, em seguida, abaixe a Dureza da ferramenta Dodge até 0% para obter as arestas mais suaves possíveis. Pressione Enter (Win) / Return (Mac) quando terminar de fechar o Brush Picker:

Abaixe a dureza da borda da Ferramenta Dodge para 0%.

Etapa 27: Pinte com a ferramenta Dodge para clarear áreas

Por fim, pinte algumas áreas com a ferramenta Dodge para iluminá-las e adicionar alguns destaques de iluminação. Cada vez que você pintar sobre o mesmo local com a Ferramenta Dodge, você iluminará a área um pouco mais. As nuvens ao redor de onde o raio está disparando seriam iluminadas pelo raio, então usarei um pincel de tamanho médio para pintar sobre a área algumas vezes:

Pintura com a ferramenta Dodge para iluminar as nuvens onde o raio começa.

Vou usar um pincel menor e simplesmente clicar algumas vezes no local onde os raios atingem o chão (ou, neste caso, a água) para adicionar um destaque também:

Clicar em um local com a ferramenta Dodge às vezes funciona melhor do que pintá-lo.

E, finalmente, vou pintar alguns pontos ao longo do próprio raio para adicionar alguns destaques:

Adicionando alguns destaques ao longo do próprio raio.

Etapa 28: diminuir a opacidade da camada superior, se necessário

Se, depois de adicionar seus destaques com a Dodge Tool, você achar que eles parecem um pouco intensos, basta diminuir a opacidade da camada superior. Vou diminuir o meu para 70%:

Diminua a opacidade da camada superior, se necessário, para reduzir os realces.

Aqui, depois de diminuir a opacidade, está o meu efeito final de raio:

O efeito final do raio no Photoshop.