Neste tutorial sobre efeitos do Photoshop, veremos como adicionar faixas coloridas de luz a uma foto. Você provavelmente já viu essas faixas de luz usadas em anúncios de tudo, de shampoo a celulares, e na verdade elas foram usadas mais recentemente em um anúncio interessante para um novo celular da Sprint e da Samsung. Criá-los é tão fácil quanto desenhar um caminho com a Ferramenta de Caneta do Photoshop e acariciá-lo com um pincel, com alguns estilos de camada simples usados para adicionar a cor e o efeito de luz reais. É tudo bastante fácil, mas se você nunca usou a Ferramenta de Caneta antes ou não tem certeza de como desenhar caminhos, consulte nosso tutorial Como fazer seleções com a Ferramenta de caneta primeiro, onde abordarei tudo o que você precisa saiba como desenhar e editar caminhos com a caneta.
Aqui está a imagem com a qual trabalharei neste tutorial:
A imagem original.
E aqui está como será a aparência depois de adicionar nossas faixas de luz:
O efeito final.
Etapa 1: adicionar uma nova camada em branco
Vamos adicionar nossas faixas de luz em sua própria camada separada, portanto, a primeira coisa que precisamos fazer é adicionar uma nova camada em branco ao nosso documento. Para fazer isso, clique no ícone Nova camada na parte inferior da paleta Camadas:
Clicando no ícone "Nova camada".
Isso adiciona uma nova camada em branco, que o Photoshop chama de "Camada 1", acima da camada de fundo:
Uma nova camada aparece acima da camada Plano de fundo.
Etapa 2: Selecione a ferramenta Caneta
Como mencionei no início, criaremos nossas faixas 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 do teclado:
Selecione a ferramenta Caneta.
Etapa 3: selecione a opção "Caminhos" na barra de opções
O Photoshop nos fornece três coisas diferentes que podemos fazer com a Ferramenta Caneta. Podemos usá-lo 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 nos respectivos í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 no meio, que é a opção Caminhos:
Clique nos ícones "Caminhos" na barra de opções.
Etapa 4: desenhe um caminho onde você deseja que a primeira faixa de luz apareça
Com a ferramenta Caneta selecionada e a opção Caminhos escolhida na Barra de opções, estamos prontos para desenhar nosso primeiro caminho. Eu quero que minhas faixas de luz apareçam na metade inferior da foto, em algum lugar ao redor dos ombros e pescoço da mulher, para que seja onde eu traçarei meu primeiro caminho. Você deseja adicionar várias curvas ao seu caminho para tornar a faixa de luz mais interessante. Começarei clicando em algum lugar no canto inferior esquerdo da imagem para adicionar meu primeiro ponto de ancoragem, depois arrastarei as alças de direção na direção que desejo que meu caminho siga. Novamente, verifique primeiro o tutorial Como fazer seleções com a ferramenta Caneta se o que eu disse não fez sentido para você:
Clique no documento para adicionar um ponto de ancoragem e arraste as alças de direção.
Continuarei desenhando o restante do meu primeiro caminho clicando e arrastando mais algumas vezes com a Ferramenta Caneta para adicionar o restante dos segmentos do meu caminho. Agora, tenho meu primeiro caminho percorrendo da esquerda para a direita através dos ombros e da área do pescoço da mulher:
O primeiro caminho foi adicionado à imagem.
Etapa 5: selecione a ferramenta Pincel
Agora que traçamos nosso primeiro caminho, o próximo passo é acariciá-lo com um pincel. Para isso, precisaremos da Ferramenta Pincel do Photoshop, selecione-a na paleta Ferramentas ou simplesmente pressione a letra B no teclado:
Selecione a ferramenta Pincel.
Etapa 6: selecione o pincel "40 dicas de amostra"
O Photoshop vem com vários pincéis que funcionariam bem para o nosso efeito raia de luz, mas depois de experimentar alguns deles, encontrei um que eu mais gosto. Para selecioná-lo, precisaremos abrir a paleta Brushes. Existem algumas maneiras diferentes de abrir a paleta Brushes, e uma delas é clicar no ícone de alternância da paleta Brushes na barra de opções na parte superior da tela:
Clique no ícone de alternância da paleta Brushes para abrir a paleta Brushes.
Quando a paleta Pincéis aparecer, clique nas palavras Forma da ponta do pincel no canto superior esquerdo da paleta. Em seguida, na área de seleção Ponta do pincel à direita, role para baixo próximo à parte inferior da lista e selecione o pincel 40 Amostras de ponta. Diz apenas "40" na área de visualização, mas se você tiver as Dicas de ferramenta ativadas nas Preferências do Photoshop, verá as palavras "Dica de amostra" quando passar o mouse sobre o pincel:
Clique nas palavras "Forma da ponta do pincel" no canto superior esquerdo e clique no pincel "40 dicas de amostra" na área de seleção.
Etapa 7: abaixe o valor do "espaçamento" para 1%
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 pareça estar pintando uma pincelada contínua, o que o Photoshop realmente está fazendo é "carimbar" a imagem repetidamente com a ponta do pincel. Se os "carimbos" estiverem próximos o suficiente, eles aparecerão como um traço contínuo.
A opção Espaçamento determina a que distância os carimbos aparecerão e, por padrão, a opção é definida como 30% para o pincel "40 dicas de amostra". Isso é muito espaço para o nosso efeito. Use a barra deslizante para diminuir o espaçamento até 1%. Se você observar a área de visualização do pincel depois de diminuir o espaçamento para 1%, verá que o pincel agora aparece como um traço contínuo:
Abaixe a quantidade "Espaçamento" para 1% para suavizar a aparência da pincelada.
Etapa 8: defina o controle de tamanho do pincel como "Pressão da caneta"
Se traçássemos o caminho com o pincel agora, o efeito das faixas de luz não pareceria muito bom porque o pincel apareceria exatamente no mesmo tamanho ao longo do caminho. Precisamos que o pincel afunile nas duas 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, precisaremos dizer ao Photoshop para simular a pressão da caneta para nós, como se estivéssemos desenhando com uma mesa digitalizadora.
Clique diretamente nas palavras Shape Dynamics à esquerda da paleta Brushes, diretamente abaixo de "Brush Tip Shape". Clique diretamente nas palavras, não apenas na caixa de seleção à esquerda das palavras. Clicar dentro da caixa de seleção ativará as opções do Shape Dynamics, mas não permitirá a alteração de nenhuma delas. Precisamos clicar nas próprias palavras para ter acesso às opções. Depois de clicar nas palavras, você verá as opções do Shape Dynamics à direita da paleta. No topo, você verá as palavras "Tamanho instável" com uma barra deslizante, e diretamente abaixo da barra deslizante está a opção Controle. É aqui que decidimos como controlar o tamanho do nosso pincel. Queremos que o Photoshop simule a pressão da caneta, então selecione Pressão da caneta no menu suspenso Controle:
Clique diretamente nas palavras "Shape Dynamics" à esquerda e defina a opção "Controle" à direita como "Pressão da caneta".
Agora, no momento, tudo o que fizemos foi dito ao Photoshop que queremos controlar o tamanho do pincel de acordo com a pressão da caneta, mas e se você realmente não tiver um tablet com caneta? Se você não tiver um conectado ao computador, verá um pequeno ícone de aviso à esquerda da palavra "Controle", informando que é necessário um tablet com caneta, mas não se preocupe. Daqui a pouco, dizeremos ao Photoshop para simular a pressão da caneta para nós; portanto, para esse efeito, não faz diferença se você tem um tablet com caneta ou não.
Etapa 9: defina sua cor de primeiro plano como branca
Temos nosso pincel pronto para usar. Agora tudo o que precisamos fazer é escolher a cor com a qual queremos pintar. Vamos querer pintar de branco, o que significa que precisamos que nossa cor de primeiro plano seja branca. Pressione a letra D no teclado para garantir que as cores de primeiro plano e plano de fundo sejam redefinidas para os padrões, com preto como cor de primeiro plano e branco como cor de plano de fundo. Em seguida, pressione a letra X para trocá-los, tornando a cor branca do primeiro plano:
As amostras de cores de primeiro plano e plano de fundo na paleta Ferramentas. Agora o branco é a cor do primeiro plano.
Etapa 10: Salve seu caminho
Temos nosso caminho, nosso pincel e definimos nossa cor de primeiro plano para branco. Estamos prontos para criar nossa primeira faixa de luz! Alterne para a paleta Caminhos do Photoshop, que você encontrará agrupados nas paletas Camadas e Canais. Você verá o seu caminho listado, atualmente denominado "Caminho de trabalho", juntamente com uma visualização do caminho à esquerda, semelhante à maneira como as camadas são mostradas na paleta Camadas com seu nome à direita e uma área de visualização na esquerda. Sempre que você cria um novo caminho, o Photoshop o nomeia automaticamente de "Caminho de trabalho", 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 perderá. Em muitos casos, isso não é um problema, mas vamos salvar nosso caminho, caso desejemos voltar mais tarde.
Para salvar um caminho, tudo o que precisamos fazer é renomeá-lo. Basta clicar duas vezes no nome "Caminho de trabalho" e o Photoshop abrirá a caixa de diálogo Salvar caminho, com o nome sugerido de "Caminho 1" já inserido para você. Clique em OK para sair da caixa de diálogo e o Photoshop renomeará o caminho "Caminho 1". O caminho agora está salvo:
A paleta Caminhos, mostrando o caminho agora foi salvo e renomeado "Caminho 1".
Etapa 11: traçar o caminho com o pincel
Vamos criar nossa primeira faixa de luz. Clique na pequena seta apontando para a direita no canto superior direito da paleta Paths, que abre o menu suspenso da paleta Paths, depois selecione Path Stroke na lista de opções:
Selecione "Caminho do traçado" no menu suspenso.
Isso abre a caixa de diálogo Stroke Path. Queremos traçar o caminho com nosso pincel, portanto, verifique se a opção Ferramenta está definida como Pincel. Em seguida, para solicitar ao Photoshop que simule a pressão da caneta, clique dentro da caixa de seleção à esquerda das palavras Simular pressão:
Defina a opção "Ferramenta" como "Pincel" e verifique se "Simular pressão" está selecionado.
Clique em OK para sair da caixa de diálogo e o Photoshop traçará o caminho com o pincel, criando nossa primeira faixa de luz. Observe como a pincelada diminui nas duas extremidades, graças à opção "Simular pressão":
A imagem depois de traçar o caminho com o pincel.
Se você acha que o traçado do pincel é muito grosso ou muito estreito, basta pressionar Ctrl-Z (Win) / Command-Z (Mac) para desfazer o traçado e aumentar ou diminuir o pincel pressionando as teclas de suporte esquerda ou direita no seu teclado A tecla do suporte esquerdo reduz o pincel e a tecla do suporte direito aumenta. Tente novamente depois de redimensionar seu pincel.
Adicionamos nossa primeira faixa de luz, mas não parece muito com uma faixa de luz no momento. Parece uma pincelada branca chique, que é exatamente o que é. Para parecer mais uma faixa de luz, precisamos adicionar um pouco de cor e alguns efeitos de brilho e, para isso, usaremos alguns estilos de camada simples.
Etapa 12: adicione um estilo de camada "brilho externo"
Volte para a paleta Layers. Você verá a pincelada branca na área de visualização da "Camada 1". Clique no ícone Estilos de camada na parte inferior da paleta Camadas e selecione Brilho externo na lista de estilos de camada que aparece:
Adicione um estilo de camada "Brilho externo" na paleta Camadas.
Isso abre a caixa de diálogo Layer Style do Photoshop, definida como as opções Outer Glow na coluna do meio. Altere a opção Blend Mode na parte superior para Linear Light, que nos dará um brilho muito mais intenso do que normalmente receberíamos. Em seguida, escolha uma cor para o seu brilho, clicando na pequena amostra de cor diretamente abaixo da palavra "Ruído". Isso exibirá o Seletor de cores do Photoshop. Você pode escolher sua cor no Seletor de cores ou, se preferir, pode experimentar uma cor diretamente da imagem. Para provar uma cor, basta mover o cursor do mouse sobre a imagem. Você verá o ícone do mouse se transformar no ícone Conta-gotas. Mova o conta-gotas sobre a cor que você deseja provar e clique para experimentá-lo. Vou provar uma área clara da pele da mulher para usar como minha cor de brilho externo:
Amostragem de uma cor da imagem para usar como cor do brilho externo.
Depois de escolher sua cor, clique em OK para sair do Seletor de cores. Por fim, aumente o tamanho do brilho externo para algo em torno de 30 pixels. Pode ser necessário aumentar ou diminuir esse valor, dependendo do tamanho e da resolução da sua imagem:
Altere o modo de mesclagem, cor e tamanho do brilho externo.
Não saia da caixa de diálogo Estilo de camada ainda porque ainda temos mais um estilo de camada para adicionar. Veja como minha faixa de luz fica tão distante depois de adicionar meu brilho externo:
A imagem após a aplicação de um brilho externo na faixa de luz.
Etapa 13: adicione um estilo de camada "brilho interno"
Adicionamos um estilo de camada de brilho externo à nossa faixa de luz. Agora vamos adicionar um estilo de brilho interno. Com a caixa de diálogo Layer Style ainda aberta, clique nas palavras Inner Glow à esquerda da caixa de diálogo, diretamente abaixo de "Outer Glow":
Selecione "Inner Glow" à esquerda da caixa de diálogo Layer Style.
Você verá as opções de brilho interno aparecerem na coluna do meio da caixa de diálogo. Mais uma vez, altere a opção Blend Mode na parte superior para Linear Light. Em seguida, clique na amostra de cor abaixo da palavra "Ruído" e escolha uma cor no Seletor de cores ou, como fiz com o brilho externo, experimente uma cor diretamente da imagem. Vou provar uma área mais escura da pele da mulher para a minha cor de brilho interior:
Amostragem de uma cor de pele mais escura para usar como a cor do brilho interno.
Depois de escolher a cor do brilho interno, clique em OK para sair do Seletor de cores. Por fim, aumente o tamanho do brilho interno para cerca de 10 pixels. Assim como no brilho externo, você pode precisar brincar um pouco com esse valor, dependendo do tamanho e da resolução da sua imagem:
Altere o modo de mesclagem, cor e tamanho do brilho interno.
Clique em OK quando terminar de sair da caixa de diálogo Estilo de camada. Sua faixa de luz agora deve ter um brilho intenso:
A faixa de luz agora aparece com um brilho brilhante e colorido.
Essa fina linha escura que estamos vendo no meio do nosso raio de luz é o caminho. Não se preocupe, ele não estará lá quando terminarmos.
Etapa 14: edite o caminho para criar uma ligeira variação dele
Vamos tornar a nossa faixa de luz um pouco mais interessante adicionando mais algumas faixas a ela. Para fazer isso facilmente, basta editar nosso caminho para criar algumas variações leves e depois acariciar cada variação com o pincel. Volte para a paleta Paths para que possamos editar nosso caminho. Em seguida, mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e mova o cursor do mouse diretamente sobre qualquer parte do caminho. Assim que estiver no caminho, você verá o cursor se transformar em um ponteiro branco, o que significa que agora você tem acesso temporário à Direct Selection Tool do Photoshop, que é a ferramenta que precisamos para editar o caminho:
Mantenha pressionada a tecla "Ctrl" (Win) / "Command" (Mac) e mova o cursor do mouse diretamente sobre o caminho para acessar temporariamente a Ferramenta de Seleção Direta (ponteiro branco).
Clique no caminho com a Ferramenta de Seleção Direta para selecioná-lo e faça alguns pequenos ajustes no caminho para criar um caminho ligeiramente diferente. 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 até mesmo arrastar um segmento de caminho para uma posição ligeiramente diferente. Apenas não toque nos pontos de ancoragem nos dois extremos do caminho, porque queremos que cada variação que criamos comece e termine exatamente no mesmo local. Portanto, além desses dois pontos de ancoragem, o restante do caminho pode ser editado da maneira que você desejar. Não estamos procurando grandes mudanças no caminho. Pequenas mudanças sutis são tudo o que precisamos.
Aqui, alterei levemente as duas curvas principais do meu caminho, arrastando as duas alças de direção que se estendem para fora do ponto de ancoragem do meio. Você pode ver como as curvas do caminho não correspondem mais exatamente à curva da primeira faixa de luz:
Crie uma ligeira variação do caminho inicial movendo pontos de ancoragem, alças de direção ou segmentos de caminho.
Agora podemos traçar essa variação do caminho com nosso pincel. Mas, antes disso, provavelmente usaremos um pincel um pouco menor dessa vez; portanto, pressione a tecla de suporte esquerdo do teclado algumas vezes para tornar o pincel um pouco menor.
Para traçar a variação do nosso caminho, não há necessidade de selecionar a opção "Traçado do traçado" no menu suspenso da paleta Traçados, como fizemos na última vez. Basta clicar no ícone Stroke Path na parte inferior da paleta Paths:
Clique no ícone "Stroke Path" na parte inferior da paleta Paths.
O Photoshop traça o novo caminho que criamos com nosso pincel. Como ainda estamos trabalhando na mesma camada na paleta Camadas, os estilos de camada Brilho externo e Brilho interno são aplicados automaticamente à nossa nova faixa de luz:
O novo caminho agora foi traçado com o pincel e os estilos de camada são aplicados automaticamente a ele.
Etapa 15: crie mais algumas variações de caminho e faça movimentos com eles com o pincel
Repita a etapa anterior uma ou duas vezes mais para criar mais variações do caminho e traçar cada uma delas com o pincel. Tente alterar o tamanho do pincel todas as vezes usando as teclas de suporte esquerdo e direito para adicionar ainda mais interesse à faixa de luz. Se você não gostar da pincelada que acabou de adicionar, basta pressionar Ctrl + Z (Win) / Command + Z (Mac) para desfazê-la, depois reedite o caminho e tente novamente.
Se você quiser ver a aparência de sua faixa de luz sem o caminho que bloqueia sua exibição, basta clicar em qualquer lugar na área vazia abaixo do caminho na paleta Caminhos. Isso desmarcará o caminho e o ocultará da vista. Para ver o caminho novamente, clique nele na paleta Caminhos. Você precisará ter seu caminho visível sempre que desejar acariciá-lo com seu pincel. Se o caminho não estiver visível, os ícones na parte inferior da paleta Caminhos ficam acinzentados e indisponíveis.
Aqui está minha imagem depois de editar meu caminho mais algumas vezes e acariciar cada nova variação de caminho com o pincel. Novamente, como ainda estamos trabalhando na mesma camada, "Camada 1", na paleta Camadas, os estilos de camada Brilho externo e Brilho interno são aplicados automaticamente a cada nova pincelada. Eu escondi meu caminho da vista para que possamos ver mais facilmente como a faixa de luz agora se parece com todas as suas diferentes variações:
A primeira faixa de luz após adicionar algumas variações a ela.
Etapa 16: Copie os estilos de camada na "Camada 1"
E com isso, criamos nossa primeira faixa de luz! Provavelmente, você deseja adicionar pelo menos mais uma à sua foto, e é uma boa ideia colocar cada faixa de luz em sua própria camada, mas podemos reduzir um pouco do trabalho que precisamos fazer copiando os estilos de camada que já aplicamos em nossa primeira faixa de luz e simplesmente colamos em cada nova camada que criamos. Volte para a paleta Layers. Você ainda deve ter a "Camada 1" selecionada. Vá para o menu Camada na parte superior da tela, escolha Estilo da camada e, em seguida, escolha Copiar estilo da camada:
Com a "Camada 1" selecionada, vá para Camada> Estilo de camada> Copiar estilo de camada.
Etapa 17: adicionar uma nova camada em branco
Clique no ícone Nova camada na parte inferior da paleta Camadas para adicionar outra camada em branco. O Photoshop adicionará a nova camada acima da "Camada 1" e a chamará automaticamente de "Camada 2":
Adicione uma nova camada em branco acima da "Camada 1".
Etapa 18: colar os estilos de camada na nova camada
Com a nova camada selecionada, volte ao menu Camada na parte superior da tela, escolha Estilo de camada mais uma vez e, desta vez, escolha Colar estilo de camada:
Vá para Camada> Estilo da camada> Colar estilo da camada.
Os estilos Outer Glow e Inner Glow da "Camada 1" agora são adicionados à "Camada 2" e serão automaticamente aplicados à próxima faixa de luz que criamos!
Etapa 19: adicione outra faixa de luz
Com uma nova camada adicionada e os estilos de camada da "Camada 1" já aplicados à nova camada, podemos criar facilmente uma segunda faixa de luz. Simplesmente desenhe um novo caminho com a Ferramenta Caneta, salve o caminho se quiser renomeando-o como "Caminho 2" (ou o que você quiser nomear), depois traça o caminho com o pincel. Depois de criar a faixa de luz principal, mantenha pressionada a tecla 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 de e depois traça cada variação com o pincel, usando um tamanho de pincel diferente a cada vez.
Aqui está o meu resultado depois de adicionar uma segunda faixa de luz à minha foto:
A imagem após adicionar uma segunda faixa de luz.
Se você não deseja que as duas faixas de luz tenham a mesma cor, é possível alterar facilmente as cores simplesmente editando os estilos de camada. Digamos que eu queira que minha segunda faixa de luz tenha uma cor diferente. Para editar os estilos de camada, tudo o que preciso fazer é clicar duas vezes no ícone Estilo de camada, na extremidade direita da "Camada 2":
Clique duas vezes no ícone Estilo da camada para editar os estilos da camada.
Isso abrirá a caixa de diálogo Layer Style para mim. Tudo o que eu preciso fazer é clicar nas palavras Brilho Externo, no lado esquerdo da caixa de diálogo, que exibe as opções Brilho Externo na coluna do meio, clicar na amostra de cores e escolher uma nova cor na opção Cor. Picker ou amostrando uma cor diferente da imagem. Clique em OK para sair do Seletor de cores e clique nas palavras Brilho interno à esquerda para acessar as opções Brilho interno. Clique na amostra de cores, escolha uma nova cor, clique em OK para sair do Seletor de cores e clique em OK para sair da caixa de diálogo Estilo de camada. Você pode editar as cores das faixas de luz a qualquer momento, simplesmente editando os estilos de camada.
Aqui está o meu resultado final depois de editar os estilos de camada na "Camada 2" e alterar ligeiramente a cor da minha segunda faixa de luz, usando as cores que eu provei do cabelo da mulher:
O resultado final.
E aí temos que! É assim que você adiciona faixas de luz coloridas a uma imagem com o Photoshop! Visite nossa seção Efeitos de foto para obter mais tutoriais sobre efeitos do Photoshop!