Design & UX

13 mar, 2007

Efeito Pop Art

Publicidade

Olá pessoal. Atendendo a pedidos, hoje estudaremos uma das maneiras de desenvolver este efeito bastante utilizado em ambiente online e impresso, sendo mundialmente conhecido como Pop Art.

Um breve resumo:

O Pop Art surgiu em meados da década de 50, e ficou conhecido com o pintor e designer Andy Warhol em 1963, que defendia uma arte popular incorporado nas histórias em quadrinhos, publicidade, das imagens televisivas e do cinema. O Pop Art se caracteriza pelo desenho simplificado e pelas cores saturadas.

Vamos à técnica.

Passo 1: abra, no Photoshop, uma foto de sua preferência.

1ºpasso

Passo 2: duplique a Layer. No menu principal, vá em Layer > Duplicate Layer (Camada > Duplicar Camada) ou utilize o comando (Ctrl J).

2ºpasso

Passo 3: vamos criar uma Layer vazia, e arrastá-la para baixo da nossa Layer duplicada. Para criar uma nova Layer, no menu pricipal, vá em Layer > New > Layer (Camada > Novo > Camada) ou utilize o comando (Ctrl Shift N).

Para arrastar a Layer, vá no painel de Layers, clique e arraste a nova Layer para baixo da Layer duplicada no 2 passo.

Obs.: se o seu painel de Layers não estiver ativo, vá no menu principal e selecione Window > Layers ou utilize o comando (F7)

3ºpasso

Passo 4: clique sobre a nossa layer duplicada (Layer 1). Em seguida, vamos remover a saturação da imagem. No menu principal, vá em Image > Adjustments > Desaturate (Imagem > Ajustar > Remover Saturação) ou utilize o comando (Ctrl Shift U).

4ºpasso

Passo 5: com a ferramenta de sua preferência, remova o fundo da imagem. Se preferir, preencha a nossa layer vazia com alguma cor de sua preferência para facilitar a remoção dos detalhes.

5ºpasso

5ºpasso

Passo 6: pressione a letra “D” do seu teclado para reiniciarmos as cores de Foreground e Background. Em seguida, clique sobre a Layer que acabamos de remover o fundo. Feito isso, no menu principal, selecione a opção Filter > Sketch > Halftone Pattern (Filtro > Croqui > Matriz de Meio Tom). Na opção Size, inclua o valor igual a 1(um). Em Contrast, inclua o valor igual a 5. Em Pattern Type, escolha a opção Dot (Ponto).

6ºpasso

Passo 7: no menu principal, escolha a opção Image > Adjustments > Threshold (Imagem > Ajustar > Limiar). Quanto ao valor, não vou estipulá-lo, porque o valor variará de acordo com a luz, brilho, contraste, saturação e outros atributos das imagens utilizadas. No meu caso, apliquei o valor igual a 185.

7ºpasso

Passo 8: no menu principal, escolha a opção Image > Adjustments > Gradient Map (Imagem > Ajustar > Mapa de Degradê). Escolha como a da figura abaixo:

8ºpasso

Nossa imagem deverá ficar assim:

8ºpasso

Passo 9: no menu principal, escolha a opção Image > Adjustments > Hue / Saturation (Imagem > Ajustar > Matiz / Saturação) e altere o valor de Hue para 22. Em seguida, na nossa layer vazia (Layer 2), aplique a cor 006CD0. A nossa imagem deverá ficar assim:

9ºpasso

Passo 10: agora vamos preparar a área do nosso arquivo para finalizarmos a imagem. No menu principal, escolha a opção Image > Canvas Size (Imagem > Tamanho da Tela de Pintura), ou utilize o comando (Alt Ctrl C). Na caixa de seleção, troque a opção “cm” por “pixels” e observe que, logo acima, na opção Current Size, temos os valores respectivos à altura e à largura. Na opção New Size, marque o check box com a opção “Relative” e repita os valores da altura e da largura respectivamente nas caixas de texto da opção New Size.

Em Anchor, marque o primeiro quadrado de cima para baixo, da esquerda para a direita:

10ºpasso

Passo 11: com a tecla Shift pressionada, no painel de Layers, clique sobre as duas layers superiores e, em seguida, clique na opção Link Layers. Feito isso, ainda com as duas layers selecionadas, clique e arraste-as para o botão Create a New Layer para duplicarmos as nossas layers.

11ºpasso

Duplique três vezes e distribua as cópias lado-a-lado em nossa imagem:

11ºpasso

Passo 12: vamos alterar as cores das demais cópias para finalizarmos a nossa imagem. Na primeira cópia, clique sobre a layer da foto com o nosso efeito (Layer 1 copy), escolha a opção Image > Adjustments > Hue / Saturation (Imagem > Ajustar > Matiz / Saturação), ou utilize o comando (Ctrl U), e altere o valor de Hue (Matiz) e Saturation (Saturação) conforme o seu gosto.

Você também pode marcar o Check Box da opção Colorize para obter outros resultados.

Altere também a cor da Layer 2 copy, que será a nossa cor de fundo, para uma cor também a seu critério.

Repita este passo nas outras cópias das Layers.

Nossa imagem final:

12ºpasso

Um grande abraço a todos, fiquem com Deus e até a próxima.