Terça-feira, 13 de março de 2007 às 09h50

Efeito Pop Art

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.

19 comentários

 Pedro Ivo de Oliveira e Silva
13/03/2007 16h18

ctrl d

Bem simples e útil. O resultado final é inquestionável. Parabéns, excelente!

 Weverton Naves
13/03/2007 17h49

Excelente

Efeito simples e muito bom!! Parabéns! E detalhe para a descrição da Pop Art no começo da matéria.

 Gustavo Martins
14/03/2007 10h17

Parabéns

Muito massa! Legal demais!

 Antônio Fernando de Souza Filho
18/03/2007 00h39

Super legal

Muito legal esse efeito. Aprendi mais um. ;)

 Erika Barreiros
19/03/2007 14h29

ADOREI

ha tempos que eu estava atras dessa técnica,fiz tambem com o filtro cutout, conforme sua dica por e-mail e o resultado final ficou como eu queria. PARABÉNS pela materia!!!

 Deivid Steffens
20/03/2007 08h59

ETAAA

pena que roubou esta materia do www.comunidadeweb.com.br
que o mesmo autor dela publicou no www.becck.com

 Fábio Pena
20/03/2007 15h44

re: ETAAA

Olá Deivid Steffens, primeiramente obrigado pela leitura do artigo.
Peço encarecidamente que
você tome mais cuidado e preste mais atenção quando pensar em fazer comentários desse tipo.Roubo é uma acusação grave.


Se você notar, na chamada do artigo, eu cito que essa é apenas UMA DAS TÉCNICAS de se criar esse efeito. Quanto ao artigo do Fabio Beccari, um grande profissinal e um grande brother, que procurei por causa desse seu comentário, a técnica é DIFERENTE e o resultado final também. Afinal, nós não somos os primeiros a escrever sobre esse efeito em todo o mundo. Se você procurar, achará várias técnicas de criação desse efeito e com resultados diferentes também.


Deivid, sempre que penso em escrever um artigo, tomo o devido cuidado de procurar saber se já existe ou que técnica utilizaram na composição. Mesmo que o efeito tivesse o mesmo resultado, mas com uma técnica diferente, vale apena ser escrito. Assim como o efeito matrix, criado pelo Lody em 13/05/03 e o becck.com publicou em 03/11/06. Quanto mais opções tivermos, melhor. O importante é ajudar compartilhando conhecimentos. O imasters é uma comunidade criada para compartilhar conhecimentos. Todos os artigos aqui escritos, são para enriquecer e ajudar os desenvolvedores e criadores da internet no Brasil de forma gratuita.

Um grande abraço e fique com Deus.

 Deivid Steffens
21/03/2007 19h56

hmmmmm...

ta esplicado...porem lembro que voce disse que ia faser uma materia sobre configurações num ia?

 Fábio Pena
21/03/2007 19h59

Deivid

Olá Deivid, isso aqui não é um blog. Se você tiver alguma dúvida, pode entrar em contato comigo através de e-mail. A área de comentários não foi criada com esse objetivo. Eu não disse que faria alguma matéria sobre configurações. Você deve estar me confundindo com o Filipe Melo. Além do que, já escrevi uma matéria sobre criação e configuração de brushes/pincéis.

 Erika Pinto
02/04/2007 18h24

muito bom

Interessantíssimo. Já usei em algumas fotos e com toda certeza terá muitas utilidades.

 Adelaide Abreu
03/05/2007 02h12

Perfeito

Muito bom, o fabio esta de parabens, sempre ele!
Valeu!!!

 Liliana Claudia Amaral Quezado
03/05/2007 21h06

Legal!!

Gostei muito, fiz rápido e não sentir nenhuma dificuldade.

 Adelaide Abreu
08/05/2007 00h28

;(

Gente consegui fazer tudo direitinho, mas aparti do passo 11 não consigo mais. Alguem pode dar uma forcinha? Valeu!! uso cs2

 Adelaide Abreu
08/05/2007 11h09

=)

Conseguiiiiiiii
huhuuuuuuuuuuuuuuuuuu
bjsss

 Felipe Johann
15/05/2007 23h06

Muito legal

Muito legal este efeito. Estou justamente estudando o movimento da pop art na faculdade.

 Pedro Silva
11/07/2007 19h57

show

muito bom. parabéns. eu que sou iniciante fiz brincando.

 Ana Paula Moraes
19/03/2008 09h34

Photoshop

Oi Fábio!!!Gostaria de saber qual programa de photoshop tenho que instalar para fazer popart e onde encontro.
Obrigada.
Ana Paula

 Denise Finocchi
01/08/2008 18h54

até o 11º passo

assim como nossa amiga adelaide, soh consegui ateh o 11 passo, não consigo duplicar a imagem, e nem seleciona-la para move-la, colocar uma ao lado da outra. como faço....

 Helen Marques
29/06/2009 00h47

Legal

Adorei...
gostaria de aprender o pop art com efeito tipo quadrinhos. Tem alguma dica?

Cancelar resposta

Qual a sua opinião?

Faça login abaixo ou cadastre-se rapidamente.


Sobre o Autor
Fábio Pena é Webdesigner/Designer Gráfico. Reside em Recife-PE. Tem formação em desenvolvimento de softwares e atualmente é diretor do Studio M38.

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.