Efeito Pop Art com Photoshop

Neste tutorial, vamos aprender como transformar uma foto e aplicar um estilo pop art dos anos 60. Se você é capaz de fazer uma seleção com a ferramenta Lasso e compreender os conceitos básicos de camadas no Photoshop, você tem todas as habilidades necessárias para criar o efeito. Vamos usar a ferramenta Lasso, ou a ferramenta de seleção de sua escolha, um simples ajuste de imagem Threshold, e um monte de camadas de preenchimento de cor sólida.

[alert-announce]Este artigo é fonte de tradução e adaptação de uma fonte externa. Por favor, visite o artigo original para prestigiar este trabalho. O link para o artigo original também será divulgado no final deste post.[/alert-announce]

O melhor de tudo, quando você terminar, todas as cores do efeito permaneceram completamente editáveis, para que você possa voltar e alterá-las a qualquer momento, ou fazer várias versões da mesma imagem com cores diferentes.

Abaixo você pode ver a imagem que vou usar neste tutorial. Você pode escolher qualquer foto pessoal para o trabalho.

Abaixo você pode ver a imagem que vou usar neste tutorial. Você pode escolher qualquer foto pessoal para o trabalho.

Veja o resultado final, depois de o efeito criado com este tutorial.

Veja o resultado final, depois de o efeito criado com este tutorial.

Vamos começar!

Passo 1: desenhe uma seleção em torno do tema principal de sua foto.

A fim de criar o nosso efeito pop art, o tema da nossa imagem deve ser separada de seu fundo e colocado em sua própria camada acima da camada de fundo, o que significa que é preciso primeiro selecionar todo o personagem principal, que neste caso é a menina.

Você pode usar qualquer ferramenta de seleção, você não precisa ser muito preciso nesta seleção, já que vamos remover a maioria dos detalhes da imagem de qualquer maneira. Eu usei a ferramenta Lasso, mas se você preferir a ferramenta Pen, por exemplo, funciona também. Vá em frente e desenhe uma seleção em torno do tema principal de sua foto:

Você pode usar qualquer ferramenta de seleção, você não precisa ser muito preciso nesta seleção, já que vamos remover a maioria dos detalhes da imagem de qualquer maneira. Eu usei a ferramenta Lasso, mas se você preferir a ferramenta Pen, por exemplo, funciona também. Vá em frente e desenhe uma seleção em torno do tema principal de sua foto:

Passo 2: Copie o conteúdo selecionado e cole em uma nova camada

Depois que a personagem de sua foto estiver selecionada, use o atalho de teclado Ctrl + Alt + J para copiar a seleção em uma nova camada. Se você acrescentar ainda tecla Alt neste atalho de teclado, o Photoshop abrirá a caixa de diálogo New Layer permitindo que possamos nomear a nova camada antes de cria-la:

Depois que a personagem de sua foto estiver selecionada, use o atalho de teclado Ctrl + Alt + J para copiar a seleção em uma nova camada. Se você acrescentar ainda tecla Alt neste atalho de teclado, o Photoshop abrirá a caixa de diálogo New Layer permitindo que possamos nomear a nova camada antes de cria-la:

Nomeei minha nova camada como “Threshold” (Limite), e vamos descobrir porque jajá. Clique no OK quando estiver pronto. O Photoshop copia a seleção para uma nova camada acima da camada de fundo:

Nomeei minha nova camada como "Threshold" (Limite), e vamos descobrir porque jajá. Clique no OK quando estiver pronto. O Photoshop copia a seleção para uma nova camada acima da camada de fundo:

Passo 3: Adicionar uma camada de ajuste de preenchimento de cor sólida

Vamos esconder o plano de fundo da foto e substituí-lo com uma cor sólida. Primeiro, clique na camada de fundo para selecioná-la. Então, com a camada de fundo selecionada, clique no botão New Fill Or Adjustment Layer na parte inferior do painel de Camadas:

Vamos esconder o plano de fundo da foto e substituí-lo com uma cor sólida. Primeiro, clique na camada de fundo para selecioná-la. Então, com a camada de fundo selecionada, clique no botão New Fill Or Adjustment Layer na parte inferior do painel de Camadas:

Vamos usar uma cor sólida, é só selecionar a camada de ajuste Solid Color (Cor Sólida) no topo da lista:

Vamos usar uma cor sólida, é só selecionar a camada de ajuste Solid Color (Cor Sólida) no topo da lista:

Isto abrirá o seletor de cores. Siga em frente e escolha a cor que você quiser para o fundo. Não importa a cor que você escolha, porque, como veremos mais tarde, você sempre pode voltar e escolher uma cor diferente a hora que quiser. Eu vou escolher um azul claro por enquanto:

Isto abrirá o seletor de cores. Siga em frente e escolha a cor que você quiser para o fundo. Não importa a cor que você escolha, porque, como veremos mais tarde, você sempre pode voltar e escolher uma cor diferente a hora que quiser. Eu vou escolher um azul claro por enquanto:

Clique em OK quando tiver escolhido. Aqui está a minha imagem com o meu fundo de cor sólida:

Clique em OK quando tiver escolhido. Aqui está a minha imagem com o meu fundo de cor sólida:

Veja que agora no painel de camadas é exibida a camada de preenchimento de cor sólida entre a camada de fundo e a camada de “limite”:

Veja que agora no painel de camadas é exibida a camada de preenchimento de cor sólida entre a camada de fundo e a camada de "limite":

Passo 4: Usar o ajuste de Threshold para remover os detalhes

Em seguida, precisamos converter a imagem principal em preto e branco, e remover a maioria dos detalhes. Vamos fazer isso facilmente usando o ajuste do Photoshop chamado Threshold. Primeiro, clique novamente sobre a camada de “limite” para selecioná-la no painel de camadas. Em seguida, acesse o menu Image> Adjustmentes> Threshold (Imagem> Ajustes> Limar). Isso abre a caixa de diálogo Threshold:

Em seguida, precisamos converter a imagem principal em preto e branco, e remover a maioria dos detalhes. Vamos fazer isso facilmente usando o ajuste do Photoshop chamado Threshold. Primeiro, clique novamente sobre a camada de "limite" para selecioná-la no painel de camadas. Em seguida, acesse o menu Image> Adjustmentes> Threshold (Imagem> Ajustes> Limar). Isso abre a caixa de diálogo Threshold:

Arraste o controle deslizante na parte inferior da caixa de diálogo até que você tenha removido a maioria dos detalhes da imagem, deixando apenas o suficiente para que a imagem permaneça identificável. No meu caso, eu deixei detalhes suficientes para ser capaz de ver os olhos da menina, o nariz, a boca, e assim por diante, mas a maioria dos detalhes da imagem foi perdida:

Arraste o controle deslizante na parte inferior da caixa de diálogo até que você tenha removido a maioria dos detalhes da imagem, deixando apenas o suficiente para que a imagem permaneça identificável. No meu caso, eu deixei detalhes suficientes para ser capaz de ver os olhos da menina, o nariz, a boca, e assim por diante, mas a maioria dos detalhes da imagem foi perdida:

Clique em OK quando estiver pronto para sair do ajuste de Threshold.

Passo 5: Selecionar a primeira área para colorir

A fim de criar o efeito pop art, precisamos colorir diferentes áreas de nossa imagem separadamente, e para isso, precisamos selecionar cada área e colocá-la em sua própria camada. Novamente, usando a ferramenta Lasso ou a ferramenta de seleção de sua escolha, faça uma seleção ao redor da primeira área que você deseja colorir. Vou começar com o cabelo da menina:

A fim de criar o efeito pop art, precisamos colorir diferentes áreas de nossa imagem separadamente, e para isso, precisamos selecionar cada área e colocá-la em sua própria camada. Novamente, usando a ferramenta Lasso ou a ferramenta de seleção de sua escolha, faça uma seleção ao redor da primeira área que você deseja colorir. Vou começar com o cabelo da menina:

Em seguida, com o cabelo selecionado, vou copiar seu cabelo para sua própria camada, usando o mesmo atalho de teclado que usamos antes, Ctrl + Alt + J, que exibe a caixa de diálogo New Layer. Nomeie essa camada de maneira descritiva, vou citar meu “hair” (cabelo):

Em seguida, com o cabelo selecionado, vou copiar seu cabelo para sua própria camada, usando o mesmo atalho de teclado que usamos antes, Ctrl + Alt + J, que exibe a caixa de diálogo New Layer. Nomeie essa camada de maneira descritiva, vou citar meu "hair" (cabelo):

Clique no OK e o Photoshop acrescentará a seleção em sua própria camada acima da camada de “limite”:

Clique no OK e o Photoshop acrescentará a seleção em sua própria camada acima da camada de "limite":

Passo 6: Continue selecionando todas as áreas e criando novas camadas

Continue fazendo seleções em torno de cada uma das áreas que você vai querer colorir e copie cada área para sua própria camada. Certifique-se sempre de clicar sobre a camada de “limite” cada vez depois de ter feito uma seleção e, em seguida, usar o mesmo atalho de teclado Ctrl + Alt + J para copiar a seleção em sua própria camada. Além disso, certifique-se de dar a cada nova camada um nome descritivo.

Continue fazendo seleções em torno de cada uma das áreas que você vai querer colorir e copie cada área para sua própria camada. Certifique-se sempre de clicar sobre a camada de "limite" cada vez depois de ter feito uma seleção e, em seguida, usar o mesmo atalho de teclado Ctrl + Alt + J para copiar a seleção em sua própria camada. Além disso, certifique-se de dar a cada nova camada um nome descritivo.

Passo 7: Colorir com uma camada de preenchimento de cor sólida

Depois de selecionar cada uma das partes e colocá-las em sua própria camada, a parte mais difícil está concluída. Vamos agora para a parte fácil e divertida – colorir cada seção. Para fazer isso, nós vamos dar a cada parte da imagem sua própria camada de preenchimento de cor sólida. Vou começar no topo do painel de Camadas com o cabelo da menina.

Selecione a camada do cabelo no painel de Camadas para selecioná-lo. Então, mantenha a tecla Alt pressionada e clique no botão New Fill Or Adjustment Layer  na parte inferior do painel de camadas:

Selecione a camada do cabelo no painel de Camadas para selecioná-lo. Então, mantenha a tecla Alt pressionada e clique no botão New Fill Or Adjustment Layer  na parte inferior do painel de camadas:

Ainda segurando a tecla Alt selecione a opção Solid Color (cor sólida).

Ainda segurando a tecla Alt selecione a opção Solid Color (cor sólida).

Mantendo pressionada a tecla Alt, você permite que a janela New Layer seja exibida, antes de adicionar a camada de cor sólida. Dê um nome descritivo a sua nova camada de preenchimento. Como a minha vai ser usada para colorir o cabelo da menina, vou nomeá-la como “air color” (cor de cabelo).

Além disso, certifique-se de selecionar a opção Use Previus Layers to Create Clipping Mask (Usar camada anterior para criar máscara de corte) opção neste momento:

Além disso, certifique-se de selecionar a opção Use Previus Layers to Create Clipping Mask (Usar camada anterior para criar máscara de corte) opção neste momento:

Se você não selecioná-la, sua cor sólida irá cobrir toda a imagem, que não é o que queremos. Escolhendo esta opção, você garante que a cor só preenche a área de dentro da seleção, que no meu caso aqui é o cabelo da menina.

Clique em OK para que a janela de seleção de cor apareça. Mais uma vez, escolha a cor que você quiser, porque você pode voltar e alterá-la a qualquer momento. Vou escolher a cor laranja para o cabelo dela, depois clique em OK.

Agora posso ver a minha camada de preenchimento de cor sólida laranja acima da camada do cabelo no painel Layers. Observe que ela está recuada para a direita e tem uma pequena seta aprontando para baixo do lado esquerdo para indicar que ele está sendo “cortada” pela camada abaixo dela, impedindo-a de cobrir a área da imagem inteira:

Agora posso ver a minha camada de preenchimento de cor sólida laranja acima da camada do cabelo no painel Layers. Observe que ela está recuada para a direita e tem uma pequena seta aprontando para baixo do lado esquerdo para indicar que ele está sendo "cortada" pela camada abaixo dela, impedindo-a de cobrir a área da imagem inteira:

Veja o resultado.

Veja o resultado.

Passo 8: Mude o Blend Mode da camada de preenchimento de cor sólida para Multiply (Multiplicar)

O cabelo agora está laranja, mas há um problema. O laranja está cobrindo todas as áreas pretas que estavam em seu cabelo. Para corrigir isso, com a camada de cor de preenchimento laranja selecionada, vá até as opções do modo de mesclagem da camada na parte superior do painel Layers, clique na seta para baixo à direita da palavra “Normal”, e mude o modo de blend (mesclagem) para Multiply (Multiplicar)

O cabelo agora está laranja, mas há um problema. O laranja está cobrindo todas as áreas pretas que estavam em seu cabelo. Para corrigir isso, com a camada de cor de preenchimento laranja selecionada, vá até as opções do modo de mesclagem da camada na parte superior do painel Layers, clique na seta para baixo à direita da palavra "Normal", e mude o modo de blend (mesclagem) para Multiply (Multiplicar)

Agora, as áreas pretas em seu cabelo são visíveis de novo.

Agora, as áreas pretas em seu cabelo são visíveis de novo.

Passo 9: Continue adicionando camadas de preenchimento de cor sólida

Repita os passos 7 e 8, acrescentando camadas de preenchimento de cor sólida para cada seção, lembrando-se de cada vez para selecionar o comando de Clipping Mask na caixa de diálogo New Layer para que sua cor de preenchimento afete apenas a seleção específica e não a imagem inteira. Mais uma vez, sinta-se livre para escolher qualquer cor em cada seção, pois você pode sempre alterá-los.

Lembre-se que as camadas mais acima no painel de camadas podem bloquear a visão das camadas inferiores, de modo que você pode precisar clicar e arrastar algumas camadas para cima, a fim de colori-las se estiverem sobrepostas.

Veja o resultado final

Veja o resultado final

Nosso efeito está concluído, e o melhor é que agora eu posso voltar e mudar todas as core, como veremos a seguir.

Passo 10: Mude qualquer cor como e quando quiser

A coisa agradável sobre a maneira que conseguimos este efeito é que cada uma das nossas cores é uma camada de preenchimento separada, e camadas de preenchimento são sempre editáveis, o que significa que você pode voltar e selecionar cores diferentes a qualquer momento. Para alterar qualquer uma das cores, simplesmente clique duas vezes na amostra de cor da camada de preenchimento no painel de camadas:

A coisa agradável sobre a maneira que conseguimos este efeito é que cada uma das nossas cores é uma camada de preenchimento separada, e camadas de preenchimento são sempre editáveis, o que significa que você pode voltar e selecionar cores diferentes a qualquer momento. Para alterar qualquer uma das cores, simplesmente clique duas vezes na amostra de cor da camada de preenchimento no painel de camadas:

Isso fará com que a janela de seleção de cor seja exibida. Escolha uma cor diferente, e então clique em OK. Você pode alterar qualquer uma das cores na imagem quando quiser.

Isso fará com que a janela de seleção de cor seja exibida. Escolha uma cor diferente, e então clique em OK. Você pode alterar qualquer uma das cores na imagem quando quiser.

Veja mais um resultado usando cores diferentes:

Veja mais um resultado usando cores diferentes:

Salve seu arquivo em formato padrão do photosho para que possa voltar e editar quando quiser.

[alert-announce]Este artigo é fonte de tradução e adaptação de uma fonte externa. Por favor, visite o artigo original para prestigiar este trabalho.[/alert-announce]

O que achou? Espero que tenha gostado deste tutorial. Até a próxima!

Compartilhe este artigo:

Deixe uma resposta

Mais artigos pra você ler:
Windows fechando aplicativos imediatamente depois de abertos

Windows fechando aplicativos imediatamente depois de abertos

Um problema que enfrentei e que me tirou do sério nos últimos dias foi este: eu abria o Affinity Photo…
Affinity Photo #1 - O que é o Affinity Photo

Affinity Photo #1 - O que é o Affinity Photo

O Affinity Photo traz um novo começo para a edição de imagens para fotógrafos profissionais, retocadores e artistas conceituais. Com…
Illustrator básico para vetorização #01

Illustrator básico para vetorização #01

Quando lancei no ano passado o curso de Lettering completo na Suíte Criativa, deixamos bem claro que seria ensinado a…
10 dicas para criar ícones impressionantes

10 dicas para criar ícones impressionantes

Hoje, vou falar um pouco sobre o design de ícones a partir de uma perspectiva mais geral. Vou compartilhar com vocês…
Fechar Menu