Neste tutorial de Photoshop Effects, vamos ver como adicionar traços coloridos de luz a uma foto. Você provavelmente já viu estas manchas de luz usadas em anúncios para tudo, desde shampoo a celulares, e na verdade elas foram usadas mais recentemente em um anúncio legal para um novo celular da Sprint e Samsung. Criá-las é tão fácil quanto desenhar um caminho com a ferramenta Pen Tool do Photoshop e depois traçar o caminho com um pincel, com um par de estilos de camadas simples usadas para adicionar a cor real e o efeito de luz. É tudo bastante fácil, mas se você nunca usou a Pen Tool antes ou não tem certeza de como desenhar caminhos, você pode querer checar nosso tutorial Fazendo Seleções com a Pen Tool primeiro, onde eu cubro tudo que você precisa saber sobre desenho e edição de caminhos com a Pen.
Aqui está a imagem com a qual eu estarei trabalhando neste tutorial:
E eis como será depois de adicionar as nossas linhas de luz:
Passo 1: Adicionar uma nova camada em branco
Vamos adicionar as nossas linhas de luz na sua própria camada separada, por isso a primeira coisa que precisamos de fazer é adicionar uma nova camada em branco ao nosso documento. Para isso, clique no ícone Nova Camada na parte inferior da paleta de Camadas:
Esta adiciona uma nova camada em branco, que o Photoshop nomeia “Camada 1”, acima da nossa camada de Fundo:
Passo 2: Selecione The Pen Tool
Como mencionei no início, vamos criar nossas listras de luz desenhando caminhos e depois traçando os caminhos com um pincel. Para desenhar caminhos, precisamos da Ferramenta Caneta, então selecione-a na paleta Ferramentas. Você também pode pressionar a letra P para selecioná-la com o atalho de teclado:
Passo 3: Selecione a opção “Caminhos” na Barra de Opções
Photoshop nos dá três coisas diferentes que podemos fazer com a Pen Tool. Podemos usá-la para desenhar formas baseadas em vetores, podemos desenhar caminhos com ela (que é o que queremos fazer), e podemos desenhar formas baseadas em pixels. Selecionamos entre essas três opções clicando em seus ícones na Barra de Opções na parte superior da tela. Você verá três pequenos ícones quadrados agrupados no lado esquerdo da Barra de Opções. Clique no ícone do meio, que é a opção Caminhos:
Passo 4: Desenhe um caminho onde quer que apareça a primeira faixa de luz
Com a Ferramenta Caneta seleccionada e a opção Caminhos escolhida na Barra de Opções, estamos prontos para desenhar o nosso primeiro caminho. Quero que minhas raias de luz apareçam na metade inferior da foto, em algum lugar ao redor dos ombros e da área do pescoço da mulher, então é lá que eu vou desenhar meu primeiro caminho. Você vai querer adicionar várias curvas ao seu caminho para tornar o traçado de luz mais interessante. Vou começar clicando em algum lugar no canto inferior esquerdo da imagem para adicionar meu primeiro ponto de ancoragem, depois vou arrastar as alças de direção na direção que eu quero que meu caminho siga. Mais uma vez, não se esqueça de verificar o nosso tutorial Making Selections With The Pen Tool primeiro se o que acabei de dizer não fazia sentido para si:
I’ll continue a desenhar o resto do meu primeiro caminho clicando e arrastando mais algumas vezes com a Pen Tool para adicionar o resto dos segmentos do meu caminho. Agora tenho o meu primeiro caminho a correr da esquerda para a direita através dos ombros e pescoço da mulher:
Passo 5: Seleccione The Brush Tool
Agora desenhamos o nosso primeiro caminho, o próximo passo é acariciá-lo com um pincel. Para isso, vamos precisar da Brush Tool do Photoshop, então selecione-a na paleta Tools, ou simplesmente pressione a letra B no seu teclado:
Passo 6: Selecione The “40 Sampled Tip” Brush
Photoshop vem com vários pincéis que funcionariam bem para o nosso efeito de luz, mas depois de experimentar alguns deles, eu encontrei um que eu gosto mais. Para selecioná-lo, vamos precisar trazer à tona a paleta de pincéis. Há algumas maneiras diferentes de trazer à tona a paleta Pincéis, e uma delas é clicar no ícone de alternância da paleta Pincéis na barra de opções no topo da tela:
Quando a paleta Pincéis aparecer, clique nas palavras Brush Tip Shape no canto superior esquerdo da paleta. Depois, na área de selecção de Pontas de Pincel à direita, role para baixo perto da parte inferior da lista e seleccione a paleta 40 Exemplos de Pontas de Pincel. Diz apenas “40” na área de pré-visualização, mas se você tiver as Dicas de Ferramentas ativadas nas Preferências do Photoshop, você verá as palavras “Sampled Tip” aparecerem quando passar o mouse sobre o pincel:
Passo 7: Abaixe a quantidade “Espaçamento” até 1%
Abaixe na parte inferior da paleta Pincéis, diretamente acima da área de visualização do pincel, você verá a opção Espaçamento. Sempre que você pinta com um pincel no Photoshop, mesmo que ele normalmente apareça como se você estivesse pintando uma pincelada contínua, o que o Photoshop está realmente fazendo é “carimbar” a imagem repetidamente com a ponta do pincel. Se os “carimbos” estiverem suficientemente próximos, eles aparecem como um traço contínuo.
A opção Espaçamento determina a distância entre os carimbos, e por padrão, a opção está definida para 30% para o nosso pincel “40 Sampled Tip”. Isso é um espaço muito grande para o nosso efeito. Use a barra deslizante para baixar a quantidade de espaçamento até 1%. Se você olhar para a área de visualização do brush depois de baixar a quantidade de Spacing para 1%, você verá que o brush agora aparece como um traço contínuo:
Passo 8: Ajuste o controle do tamanho do pincel para “Pressão da Caneta”
Se tivéssemos que acariciar o caminho com o nosso pincel agora mesmo, o efeito de luz não pareceria muito bom porque o pincel apareceria exatamente com o mesmo tamanho ao longo do caminho. Precisamos do pincel para afunilar em ambas as extremidades para criar a ilusão de que a faixa de luz está realmente começando em uma extremidade e terminando na outra. Para isso, precisamos dizer ao Photoshop para simular a pressão da caneta para nós, como se estivéssemos desenhando com uma pen tablet.
Click diretamente nas palavras Shape Dynamics à esquerda da paleta Brushes, logo abaixo de “Brush Tip Shape”. Clique diretamente nas palavras, não apenas na caixa de seleção à esquerda das palavras. Clicando dentro da caixa de seleção ativará as opções de Forma Dinâmica, mas não nos permitirá alterar nenhuma delas. Precisamos de clicar nas próprias palavras para ter acesso às opções. Depois de clicar nas palavras, você verá as opções de Dinâmica de Forma aparecerem à direita da paleta. No topo, você verá as palavras “Size Jitter” com uma barra deslizante, e logo abaixo da barra deslizante está a opção Control. É aqui que decidimos como controlar o tamanho do nosso pincel. Nós queremos que o Photoshop simule a pressão da caneta, então selecione Pen Pressure no menu suspenso Control:
Agora, no momento, tudo o que fizemos foi dizer ao Photoshop que queremos controlar o tamanho do nosso pincel de acordo com a pressão da caneta, mas e se você realmente não tiver uma placa de caneta? Se você não tiver um conectado ao seu computador, você verá um pequeno ícone de aviso aparecer à esquerda da palavra “Control” dizendo que um pen tablet é necessário, mas não se preocupe com isso. Em um momento, vamos dizer ao Photoshop para simular a pressão da caneta para nós, então para este efeito, não faz diferença se você tem uma pen tablet ou não.
Passo 9: Ajuste a cor do seu primeiro plano para branco
Temos o nosso pincel pronto para ir. Agora tudo que precisamos fazer é escolher a cor com a qual queremos pintar. Vamos querer pintar com branco, o que significa que precisamos que a nossa cor em primeiro plano seja branca. Pressione a letra D no seu teclado para ter certeza de que as cores de Primeiro Plano e Segundo Plano são redefinidas para os seus padrões, com o preto como cor de Primeiro Plano e o branco como cor de Fundo. Depois prima a letra X para as trocar, tornando brancas as suas cores de Primeiro Plano:
Passo 10: Save Your Path
Temos o nosso caminho, temos o nosso pincel, e definimos a nossa cor de primeiro plano para branco. Estamos prontos para criar a nossa primeira linha de luz! Mude para a paleta Caminhos do Photoshop, que você encontrará agrupada com as paletas Camadas e Canais. Você verá seu caminho listado, que atualmente é chamado de “Work Path”, juntamente com uma prévia do caminho à esquerda, semelhante a como as camadas são mostradas na paleta Layers com seu nome à direita e uma área de pré-visualização à esquerda. Sempre que você cria um novo caminho, o Photoshop automaticamente o nomeia como “Work Path”, o que significa que é temporário. Se você não salvar o caminho antes de desenhar um novo, o novo caminho substituirá o anterior e você o terá perdido. Em muitos casos, isto não é um problema, mas vamos guardar o nosso caminho para o caso de querermos voltar a ele mais tarde.
Para guardar um caminho, tudo o que precisamos fazer é renomeá-lo. Basta clicar duas vezes no nome “Work Path” e o Photoshop irá aparecer na caixa de diálogo Save Path, com o nome sugerido de “Path 1” já introduzido para si. Clique em OK para sair da caixa de diálogo e o Photoshop irá renomear o caminho “Caminho 1”. O caminho é agora guardado:
Passo 11: Traçar o caminho com o pincel
Vamos criar a nossa primeira sequência de luz. Clique na pequena seta que aponta para a direita no canto superior direito da paleta Caminhos, que abre o menu fly-out da paleta Caminhos, depois seleccione Caminho do Traço a partir da lista de opções:
Abre-se assim a caixa de diálogo Caminho do Traço. Nós queremos traçar o caminho com o nosso pincel, por isso certifique-se que a opção Ferramenta está definida para Pincel. Depois, para dizer ao Photoshop para simular a pressão da caneta para nós, clique dentro da caixa de verificação à esquerda das palavras Simulate Pressure:
Clique OK para sair da caixa de diálogo e o Photoshop irá traçar o caminho com o pincel, criando a nossa primeira sequência de luz. Observe como o traçado do pincel se afina em ambas as extremidades graças à opção “Simulate Pressure”:
Se você acha que o traçado do pincel é muito grosso ou muito estreito, simplesmente pressione Ctrl-Z (Win) / Command-Z (Mac) para desfazer o traçado, depois torne o pincel maior ou menor pressionando as teclas de colchetes esquerdo ou direito no teclado. A tecla de suporte esquerdo torna o pincel menor, e a tecla de suporte direito torna-o maior. Tente novamente depois de redimensionar o seu pincel.
Adicionamos a nossa primeira faixa de luz, mas não se parece muito com uma faixa de luz no momento. Parece um traço de pincel branco extravagante, que é exatamente o que é. Para que se pareça mais com um traço de luz, precisamos adicionar alguma cor e alguns efeitos de brilho, e para isso, vamos usar um par de estilos de camadas simples.
Passo 12: Adicione um estilo de camadas “Outer Glow”
Comutador de volta à sua paleta de camadas. Você verá sua pincelada branca na área de visualização da “Layer 1”. Clique no ícone Layer Styles na parte inferior da paleta Layers e seleccione Outer Glow na lista de estilos de camadas que aparece:
A caixa de diálogo Outer Style do Photoshop definida para as opções Outer Glow na coluna do meio. Mude a opção Blend Mode no topo para Linear Light, o que nos dará um brilho muito mais intenso do que o que normalmente receberíamos. Depois escolha uma cor para o seu brilho, clicando na pequena amostra de cores diretamente abaixo da palavra “Ruído”. Isso trará à tona o Photoshop’s Color Picker. Você pode escolher sua cor a partir do Color Picker, ou se preferir, você pode experimentar uma cor diretamente da imagem. Para experimentar uma cor, basta mover o cursor do mouse sobre a imagem. Você verá o ícone do seu mouse se transformar no ícone do Conta-gotas. Mova o conta-gotas sobre a cor que você quer samplear e depois clique para sampleá-la. Vou amostrar uma área clara da pele da mulher para usar como minha cor de brilho externo:
Após ter escolhido a sua cor, clique em OK para sair do Seletor de Cor. Por último, aumente o tamanho do brilho externo para cerca de 30 pixels. Você pode precisar aumentar ou diminuir essa quantidade dependendo do tamanho e da resolução da sua imagem:
Não saia da caixa de diálogo Layer Style ainda porque ainda temos mais um estilo de camada para adicionar. Eis como fica a minha camada de luz após adicionar o meu brilho exterior:
Passo 13: Adicionar um estilo de camada “Inner Glow”
Adicionamos um estilo de camada de brilho exterior à nossa camada de luz. Agora vamos adicionar um estilo de brilho interior. Com a caixa de diálogo Layer Style ainda aberta, clique nas palavras Inner Glow à esquerda da caixa de diálogo, directamente abaixo de “Outer Glow”:
Verá as opções Inner Glow aparecerem na coluna central da caixa de diálogo. Mais uma vez mude a opção Modo Blend no topo para Linear Light. Então clique na amostra de cor abaixo da palavra “Noise” e escolha uma cor do Color Picker ou, como eu fiz com o brilho externo, experimente uma cor diretamente da imagem. Vou amostrar uma área mais escura da pele da mulher para a minha cor de brilho interno:
Após ter escolhido a cor para o seu brilho interno, clique OK para sair do Color Picker. Finalmente, aumente o tamanho do seu brilho interno para cerca de 10 pixels. Como no brilho externo, você pode precisar brincar um pouco com esse valor, dependendo do tamanho e da resolução da sua imagem:
Clique OK quando terminar de sair da caixa de diálogo Layer Style. A sua faixa de luz deve agora ter um brilho intenso:
Que a fina linha escura que estamos vendo através da nossa faixa de luz é o caminho. Não se preocupe, ele não estará lá quando terminarmos.
Passo 14: Edite o caminho para criar uma pequena variação dele
Vamos tornar a nossa faixa de luz um pouco mais interessante, adicionando-lhe mais algumas faixas. Podemos fazer isso facilmente editando simplesmente o nosso caminho para criar algumas pequenas variações dele e depois acariciando cada variação com o nosso pincel. Volte para a sua paleta de Caminhos para que possamos editar o nosso caminho. Depois, mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e mova o cursor do mouse diretamente sobre qualquer parte do caminho. Assim que estiver sobre o caminho, você verá o cursor se transformar em um ponteiro branco, o que significa que agora você tem acesso temporário à Ferramenta de Seleção Direta do Photoshop, que é a ferramenta que precisamos para editar nosso caminho:
Click on the path with the Direct Selection Tool to select it, then make some minor adjustments to the path to create a slightly different path. Você pode arrastar um ponto de ancoragem para um ponto ligeiramente diferente, ou mover alças de direção para ajustar as curvas do caminho, ou mesmo arrastar um segmento do caminho para uma posição ligeiramente diferente. Apenas não toque nos pontos de ancoragem em nenhum dos extremos do caminho, porque queremos que cada variação que criamos comece e termine exactamente no mesmo ponto. Assim, além desses dois pontos de ancoragem, o resto do caminho pode ser editado da forma que você quiser. Não estamos à procura de grandes mudanças no caminho. Pequenas e subtis alterações são tudo o que precisamos.
Aqui, mudei ligeiramente as duas curvas principais do meu caminho, arrastando as duas pegas de direcção que se estendem a partir do meu ponto de ancoragem central. Você pode ver como as curvas do caminho não correspondem mais exatamente à curva da primeira faixa de luz:
Agora podemos acariciar esta variação do caminho com o nosso pincel. Mas antes de o fazermos, provavelmente vamos querer usar um pincel ligeiramente mais pequeno desta vez, por isso pressione a tecla de colchete esquerda do seu teclado algumas vezes para tornar o pincel um pouco mais pequeno.
Para acariciar a variação do nosso caminho, não há necessidade de passar pelo incómodo de seleccionar “Stroke Path” no menu fly-out da paleta Paths como fizemos da última vez. Basta clicar no ícone “Stroke Path” na parte inferior da paleta Caminhos:
Photoshop traça o novo caminho que criámos com o nosso pincel. Como ainda estamos a trabalhar na mesma camada da paleta de Camadas, os estilos de Camadas de Brilho Externo e Camada de Brilho Interno são automaticamente aplicados à nossa nova linha de luz:
Passo 15: Criar mais um par de variações de caminho e traços com o pincel
Repetir o passo anterior uma ou duas vezes mais para criar mais variações do caminho e traçar cada uma delas com o pincel. Tente mudar o tamanho do pincel cada vez usando as teclas de colchetes esquerdo e direito para adicionar ainda mais interesse à faixa de luz. Se não gostar da pincelada que acabou de adicionar, basta pressionar Ctrl+Z (Win) / Command+Z (Mac) para desfazer, depois reeditar o caminho e tentar novamente.
Se quiser ver como é a sua faixa de luz sem que o caminho bloqueie a vista, basta clicar em qualquer lugar na área vazia abaixo do caminho na paleta Caminhos. Isto irá desmarcar o caminho e escondê-lo da vista. Para ver o caminho novamente, clique sobre ele na paleta Caminhos. Terá de ter o seu caminho visível sempre que o quiser acariciar com o seu pincel. Se o caminho não estiver visível, os ícones na parte inferior da paleta Caminhos ficam cinzentos e indisponíveis.
Aqui está a minha imagem depois de editar o meu caminho mais algumas vezes e de acariciar cada nova variação de caminho com o pincel. Novamente, como ainda estamos trabalhando na mesma camada, “Layer 1”, na paleta Layers, os estilos de camadas Outer Glow e Inner Glow são automaticamente aplicados a cada nova pincelada. Escondi meu caminho da vista para que possamos ver mais facilmente como é agora a faixa de luz com todas as suas diferentes variações:
Passo 16: Copy The Layer Styles On “Layer 1”
E com isso, criamos nossa primeira faixa de luz! Você provavelmente vai querer adicionar pelo menos mais um à sua foto, e é uma boa idéia colocar cada faixa de luz em sua própria camada, mas podemos cortar alguns dos trabalhos que precisaremos fazer copiando os estilos de camadas que já aplicamos na nossa primeira faixa de luz e simplesmente colando-os em cada nova camada que criamos. Volte para a sua paleta de Layers. Você ainda deve ter “Layer 1” selecionado. Vá até ao menu Layer no topo da tela, escolha Layer Style, e depois escolha Copy Layer Style:
Passo 17: Adicione uma nova camada em branco
Clique no ícone New Layer na parte inferior da paleta Layers para adicionar outra camada em branco. O Photoshop irá adicionar a nova camada acima de “Layer 1” e automaticamente nomeá-la “Layer 2”:
Passo 18: Paste The Layer Styles Onto The New Layer
Com a nova layer seleccionada, volte ao menu Layer no topo da tela, escolha Layer Style mais uma vez, e desta vez, escolha Paste Layer Style:
Os estilos Outer Glow e Inner Glow da “Layer 1” são agora adicionados à “Layer 2” e serão automaticamente aplicados à próxima faixa de luz que criarmos!
Passo 19: Adicionar outra faixa de luz
Com uma nova camada adicionada e os estilos de camadas da “Layer 1” já aplicados à nova camada, podemos facilmente criar uma segunda faixa de luz. Simplesmente desenhe um novo caminho com a Pen Tool, salve o caminho se quiser renomeando-o para “Path 2” (ou o que quer que lhe queira chamar), depois acaricie o caminho com o pincel. Depois de criar a faixa de luz principal, segure Ctrl (Win) / Command (Mac) para acessar a Ferramenta de Seleção Direta e editar o caminho, movendo pontos de ancoragem, alças de direção e/ou segmentos de caminho para criar algumas pequenas variações dele, e então acaricie cada variação com o pincel, usando um tamanho diferente de pincel a cada vez.
Aqui está o meu resultado após adicionar uma segunda faixa de luz à minha foto:
Se não quiser que ambas as faixas de luz sejam da mesma cor, pode facilmente mudar as cores simplesmente editando os estilos das camadas. Digamos que eu quero que a minha segunda faixa de luz seja uma cor diferente. Para editar os estilos de layer, tudo o que preciso fazer é clicar duas vezes no ícone Layer Style na extrema direita de “Layer 2”:
Isto irá abrir a caixa de diálogo Layer Style para mim. Tudo que eu preciso fazer é clicar nas palavras Outer Glow no lado esquerdo da caixa de diálogo, que traz as opções Outer Glow na coluna do meio, depois clique na amostra de cores e escolha uma nova cor do Color Picker ou sampleando uma cor diferente da imagem. Clique em OK para sair do Color Picker, depois clique nas palavras Inner Glow à esquerda para acessar as opções Inner Glow. Clique na amostra de cor, escolha uma nova cor, clique em OK para sair do Color Picker e depois clique em OK para sair da caixa de diálogo Layer Style. Você pode editar as cores das camadas de luz quando quiser, simplesmente editando os estilos de camadas.
Aqui está o meu resultado final após editar os estilos de camadas na “Layer 2” e mudar ligeiramente a cor da minha segunda camada de luz, usando cores que eu experimentei no cabelo da mulher:
E aí está! É assim que se adicionam traços de luz coloridos a uma imagem com o Photoshop! Visite nossa seção de Efeitos de Foto para mais tutoriais de efeitos do Photoshop! Baixe hoje mesmo!