Quantcast
Channel: mockup – Clube do Design
Viewing all articles
Browse latest Browse all 1079

Efeito Pop Art com Photoshop

$
0
0

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.

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.

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.

Este artigo é fonte de tradução e adaptação de uma fonte externa. Por favor, visite o artigo original para prestigiar este trabalho.

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


Viewing all articles
Browse latest Browse all 1079