Canais iMasters

Photoshop + Design

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.


Comente também

31 Comentários

Pedro Ivo de Oliveira e Silva
Pedro Ivo de Oliveira e Silva

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

Weverton Naves
Weverton Naves

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

andressa
andressa

muito bom nao sabia disso

Gustavo Martins
Gustavo Martins

Muito massa! Legal demais!

Antônio Fernando de Souza Filho
Antônio Fernando de Souza Filho

Muito legal esse efeito. Aprendi mais um. ;)

Erika Barreiros
Erika Barreiros

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
Deivid Steffens

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

Fábio Pena
Fábio Pena

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
Deivid Steffens

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

Fábio Pena
Fábio Pena

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.

Um efeito Facil mais muito util, criativo e dahora.
Muito Bom! Parabens!
Apesar de eu jah te conhecimento desse efeito, obrigado pelo artigo e por sempre mostrar otimas materias ,sempre que vc tive um artigo novo posta ai pra gente troca uma ideia!
blz!
T
tdu de bom!

Erika Pinto
Erika Pinto

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

Adelaide Abreu
Adelaide Abreu

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

Liliana Claudia Amaral Quezado
Liliana Claudia Amaral Quezado

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

Adelaide Abreu
Adelaide Abreu

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

Adelaide Abreu
Adelaide Abreu

Conseguiiiiiiii
huhuuuuuuuuuuuuuuuuuu
bjsss

Felipe Johann
Felipe Johann

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

Pedro Silva
Pedro Silva

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

Ana Paula Moraes
Ana Paula Moraes

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

Denise Finocchi
Denise Finocchi

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
Helen Marques

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

Marcio Carline
Marcio Carline

Sempre vi tutotiais ensinando a fazer isso e nenhum deles era bacana, até encontrar o seu. Muito legal e fácil de fazer. Muito obrigado!!!

aline
aline

adorei sua dica Obrigada e um grande abraço

Daniel
Daniel

EU TE AMO! ahuahuaha
Ficou PERFEITO!!!

silvinha
silvinha

Adorei !! Tava procurando essa técnica, pois estudei sobre Pop Arte na faculdade, porém só consegui chegar no passo 10, não consigo desenvolver o passo 11. Alguém pode me ajudar??
Beijos

Tha?
Tha?

Tb Parei no passo 11...não sei como colocar as imagens lado a lado, alguem poderia me explicar??

Obrigada!!
Bjs

nena
nena

oi.. qual photoshop eu uso para fazer essa técnica? obrigada

nay
nay

fiko mtoo bomm nao sabia que era assimm fiz a pesquisa para saber um pouco maiis do pop art para faze um trabalho da escola e adoreii é uma arte mto linda!!! Parabens!!!!!!!!!

alinne rodrigues
alinne rodrigues

adorei essa pagina ,estava procurando esse assunto bem resumindo vc é um genio . fikou muito boommmm.adorei ,parabens!!!!!!!

Júnior Moreira
Júnior Moreira

Muito boom. Brigadão ;)

alcimeiry
alcimeiry

adorreiii
esse pop art
so o tode

Qual a sua opinião?

Comentários considerados ofensivos serão moderados.
IBM

Parceiros

IBM
PagSeguro
Internet Innovation
Dialhost
HostNet
Tecla
KingHost
DotStore
Dinamize