Descrição: Diferente deste e desta outra técnica para transformação de uma imagem comum em uma peça com influência da pop arte hoje veremos como criar este tipo de efeito usando algumas ferramentas e filtros.

01. Pressione Ctrl+O e abra uma foto qualquer, neste tutorial usaremos a foto abaixo, caso queira utilizar a mesma imagem clique aqui para baixar, com a imagem aberta no Photoshop pressione Ctrl+A para selecionar o conteúdo da imagem e Ctrl+C para copiar.

efeito pop art 3 1

02. Agora explicaremos como funciona a técnica usada com a Pen Tool, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, defina o tamanho de 1 pixel para o brush, pressione a letra P do teclado para selecionar a Pen Tool, crie uma path qualquer, clique com o botão direito do mouse sobre o Path criado e escolha a opção Stroke Path, não marque a opção Pen Pressure e pressione Ok, seu path ficará como o da foto abaixo, agora pressione a letra B do teclado para selecionar a Brush Tool, defina o tamanho de 3 pixels, vá em Window> Brushes, clique na opção Shape Dynamics, defina os valores abaixo, pressione a letra P do teclado para selecionar a Pen Tool, crie um Path, clique com o botão direito do mouse sobre o path e escolha a opção Stroke Path, marque a opção Pen Pressure e pressione Ok, seu path deverá ficar como o segundo da image abaixo e será desta maneira que usaremos este recurso.

efeito pop art 3 2

03. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 750×550 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, pressione Ctrl+V para colar a imagem que abrimos no passo 01, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Outline para a nova layer, pressione a letra P do teclado para selecionar a Pen Tool, crie paths para criar os traços de contorno ao redor da pessoa como na foto abaixo, depois de criado clique com o botão direito do mouse sobre o path e escolha a opção Stroke Path, marque a opção Pen Pressure e escolha a opção Brush, pressione Ok, faça isso para cada path criado, clique na layer com a foto original e vá em Layer> Hide Layer para retirar a visibilidade da layer sua imagem deverá ficar como a da foto abaixo.

efeito pop art 3 3

04. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Skin, deixe esta layer abaixo da layer Outline, pressione a letra B do teclado para selecionar a Brush Tool, escolha a cor #E6B292 e pinte as partes da pele como na foto abaixo.

efeito pop art 3 4

05. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Hair para a nova layer, pressione a letra B do teclado para selecionar a Brush Tool, escolha a cor #795229 e passe o Brush na área do cabelo como na foto abaixo.

efeito pop art 3 5

06. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Shirt para a nova layer, pressione a letra B do teclado para selecionar a Brush Tool, escolha a cor #9E5D18 e pinte a área da camiseta como na foto abaixo.

efeito pop art 3 6

07. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Face para a nova layer, pressione a letra B do teclado para selecionar a Brush Tool, escolha a cor #000000 e pinte olhos, sombrancelhas, orelhas e nariz, escolha a cor #FFFFFF e pinte sobre os dentes, escolha a cor #EC6060 e pinte sobre os lábios.

efeito pop art 3 7

08. Retire a visibilidade de todas as layers (indo em Layer> Hide Layers), clique na layer que contém a foto usada e vá em Layer> Show Layers para ativar a visibilidade da layer, pressione Ctrl+Shift+U para retirar a saturação da imagem, vá em Image> Adjustments> Threshold, defina o valor de 80 para o levels e pressione Ok, sua imagem deverá ficar como a da foto abaixo.

efeito pop art 3 8

09. Agora vá em Filter> Pixelate> Color Halftone, defina o Max Radius em 6 e os Channels 1, 2, 3 e 4 em 0, pressione Ok, sua imagem deverá ficar como a da foto abaixo.

efeito pop art 3 9

10. Deixe esta layer acima de todas as outras, mude o modo de blend da layer para Soft Light, defina a opacidade em 50%, habilite a visibilidade de todas as outras layers novamente (clicando na layer e indo em Layer> Show Layers), sua imagem deverá ficar como a da foto abaixo.

efeito pop art 3 10

11. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Background, escolha a cor #662855 com cor de Foreground e a cor #3B022D como cor de Background, pressione a letra G do teclado para selecionar a Gradient Tool, escolha o modo Linear e aplique o gradiente como na foto abaixo.

efeito pop art 3 11

12. Para finalizar o efeito pressione a letra U do teclado para selecionar a Custom Shape Tool, clique no ítem Shape (na barra de opções da ferramenta no alto da tela) escolha o Shape Registration Target 2, escolha a cor #4953BD como cor de Foreground, certifique-se de que a opção Shape Layers esteja ativada, clique e arraste para criar o efeito abaixo, defina a opacidade da layer em 30%.

efeito pop art 3 12

13. O background pode ser estilizado com diversos outros efeitos como na foto abaixo, ao final sua imagem estará como a do resultado abaixo.

efeito pop art 3 13efeito pop art 3 14

site de origem: http://10steps.sg/photoshop/create-a-retro-pop-art-in-photoshop/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário para RuiCancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

49 Comments

  1. Tem como fazer isso no photoshop portatil?
    Porque eu não consigo nem passar dessa parte "crie uma path qualquer, clique com o botão direito do mouse sobre o Path criado e escolha a opção Stroke Path" Não tem como selecionar "Stroke Path".

  2. pô gente, vcs nao podem reclamar de que está mal explicado, a complexidade deste tutorial é de 4 estrelas, ou sjea eh nivel intermediario -> avançado, quem está acostumado no nivel facil precisa ler mais até começar entender coisas do tipo criar um path, dica, leiam mais os tutoriais do nivel facil e começem a fussar mais no photoshop, assim vcs começam a perder o medo de fazer suas criaçoes e acambam descobrindo novas coisas assim como criar um "path". e para deixar claro criar um path é simples e so clickar em um ponto e depois em outro ponto com a pentool, isso é um path.

  3. Eu faço tudo certo ai chega na hora de criar um path não dá certo quer dizer dá certo mas vo com o botão direito nele e a opção "stroke Path" fica fechada, ela fica como se eu não pudesse clicar nela .. ;/

  4. E ai andre, na moral cara?
    deixa eu te falar uma parada.
    logo no início quando você fala para trocar do brushe para o pen tool
    criar um path, logo depois clicar nele com o botão direito e selecionar
    stroke path, certo?
    só que assim que faço isso não aparece essa opção pra mim.
    aparece apenas: add anchor ponit, delete vector mask, define custon shape, make selection e frre transform points.
    e agora como faço?
    agradeço desde já.
    vou deixar aqui meu e-mail: diskateboarder[at]hotmail.com

  5. ae andre mt bom o tutorial, mais estou com uma dificuladade no passo 3, eu ñ entendi o que é pra fazer "crie paths para criar os traços de contorno ao redor da pessoa" como assim? como se faz isso?
    Por favor me ajudem

  6. Anônimo, se você está falando do traço, é na configuração do Brush que você tem que mexer. Aperte 'B' pra selecionar o brush e observe lá em cima se tanto o 'Opacity' e o 'Flow' estão em 100%.

    Já se você está falando do Path, ele é transparente mesmo, mas se você quiser criar um Shape, que não é transparente, faça o seguinte: selecione a Pen Tool (atalho 'P'), lá na barra de configuração dele aperte o segundo botão da esquerda para a direita (fique com o mouse em cima dele um pouco para você confirmar o nome: 'Shape layers') e ainda nessa barra troque o 'Color' dele. Daí é só desenhar o Shape.

    Abraço! Espero ter ajudado.

  7. Bom, pra galera que tá se batendo com esse Stroke Path, eu fiz um tutorial bem detalhado, passo-a-passo – acho que todo mundo vai conseguir acompanhar – desse recurso, cobrindo como fazer Paths, como configurar o Brush, e como juntar tudo para fazer traços suaves (inclusive com pontas cada vez mais transparentes).

    ruipimentel.blogspot.com/

    Tá aí nesse endereço… o blog tem bem pouca coisa, eu de vez em quando junto umas coisas que eu ajudo o pessoal na Internet e jogo lá.
    Acho que vai acrescentar bastante coisa pra vocês, não deixem de ler.
    Abraço!
    (Ah, to só com um probleminha mas já to dando um jeito… por enquanto, pra ver as imagens maiores inteiras, clica com o botão direito nelas, copia e cola no Photoshop =)

  8. O começo esta sendo difícil….como criar um path qualquer…e não consigo deixar o brush com aquele formato, sendo que esta com as mesmas configurações da tela sua..Se puder dar uma força..Agradeço

  9. Como assim?
    crie uma path qualquer, clique com o botão direito do mouse sobre o Path criado e escolha a opção Stroke Path, não marque a opção Pen Pressure e pressione Ok, seu path ficará como o da foto abaixo
    essa parte tá meio confusa tem como alguem sinplificar ai?
    mais tirando isso achei muito bom esse tutorial d+++

  10. Otavio, no seu caso é bem provável que você não tenha selecionado um layer adequado para plicar o efeito. O layer deve ser visível (o olhinho deve estar ao lado da miniatura do layer), e também deve ser editável – nada de adjustment layers, camadas vetoriais e layers bloqueados para edição. Então, para garantir, faça o seguinte:
    1. Desenhe o Path – cuidado para não criar um Shape Layer ao invés!
    2. Aperte CTRL + SHIFT + ALT + 'N' para criar uma nova camada
    3. Verifique se essa camada está realmente selecionada no painel 'Layers' (atalho de teclado F7)
    4. Vá ao painel 'Paths' (se não estiver visível, vá ao meni Window >> Paths) e clique com o botão direito no seu path.
    A opção stroke path deve estar visível agora.
    Espero ter ajudado.

    Ah, Anônimo, já comecei a publicar um tutorial ensinando tudo isso passo-a-passo. Assim que estiver pronto eu posto o endereço aqui.

  11. Gostaria de tirar uma dúvida, meu Photoshop, sempre que eu faço algum Path e clico com o botão direito do mouse em cima, a opção Stroke Path está sempre apagada, percebi isso nesse tutorial, e em outros como por exemplo aquele que dá efeito neon nos paths, por favor me ajudem !

  12. O começo esta sendo difícil….como criar um path qualquer…e não consigo deixar o brush com aquele formato, sendo que esta com as mesmas configurações da tela sua..Se puder dar uma força..Agradeço

  13. Anônimo, para abrir opções avançadas de regulagem para o Brush, é só selecionar a ferramenta (atalho de teclado 'B') e pressionar 'F5'. Ou também pelo menu 'Window' >> 'Brushes' – lembrando que o painel só estará habilitado enquanto a ferramenta brush estiver selecionada.

  14. Andrew, não ligue pro ponto de exclamação. É só um recado para avisar que, ao desenhar à mão livre na tela (ou melhor, ao "mouse livre") com o brush, não será possível simular a pressão, e que isso só seria possível utilizando uma daquelas mesas gráficas. Na verdade, quem colocou aquele recado ali justamente esqueceu de falar que o "Simulate pressure" poderia realizar o efeito SIM!! E não se esqueça que na pré-visualização do traço, lá embaixo da janela 'Brushes', realmente a simulação da pressão não é feita. Mas nesse ponto, pode utilizar a pen tool para clicar com o botão direito sobre o path e selecionar "Stroke path…", selecionar o 'Brush' na lista e marcar a opção 'Simulate pressure'. Vai funcionar SIM!
    Nossa jaci, fico realmente feliz por ter ajudado! E sim, com esse efeito você pode conseguir bigodes pontudinhos (ou também meio arredondados, vou ensinar a fazer isso em um tutorial que eu estou fazendo sobre o assunto, que está gerando bastante dúvida. Vou postar o link assim que possível aqui).
    E Warley, quando você selecionar a pen tool, verifique lá em cima se (embaixo dos menus "File Edit Image …") o terceiro botão está pressionado – você pode ver o nome dele ('Paths') mantendo o mouse em cima dele por alguns segundos. Acredito que no seu caso, é o SEGUNDO botão que estará marcado – o 'Shape layers'.
    Certo??
    Isso também estará no meu tutorial… assim que eu tiver o link eu passo OK?
    Abraços a todos! Espero ter ajudado de novo.

  15. Cara, muito legal o tutorial… estou tendo algumas dificuldades. Quando pressiono a ferramenta Pen Tool e começo a usa-lo a figura fica preta e não aparece a opção Stroke Path…
    Me ajuda… por favor…
    Abraço fraterno!!!

  16. Olá André ! Olá Rui ! Vôce ajudou ,e muito!!!!! amigo Rui, eu não conhecia esta faculdade do pincel ainda, pensei nisso há alguns dias atráz quando fui fazer os bigodes de um tigre, e como resultado o bicho saiu com uns bigodes sem pontas ,interiços este efeito é o ideal para isso,eu penso.
    Obrigado pela generosidade e quero ver mais vezes seus comentários aqui.
    abraços.
    Jaci

  17. Oioioi… muito bom esse tutorial…
    só que eu queria saber uma coisa… onde tá o tutorial desses dias, que usava a foto do Jim Morrison? com aquelas manchas de tinta…
    obrigada! 🙂

  18. O fade na ponta do brush vem de se marca a opção simulate pressure. Quando se clina no path ou seja na linha que vc criou com a caneta pen tool, depois da linha criada temos de clicar nela com o botao direito do mouse escolher a opcao stroke patch e marcar a opcao simulate pressure. Dai ele afina nas pontinas como no exemplo. So que antes tem que seguir o que o Rui disse la em cima.

    Que por sinal ficou muito bem explicado

  19. Rui…me ajuda eu gostei muito do tuturial..eu faço essas configuraçoes no brush mais ele nao fica igual ao do tuturial. ele nao fica tipo Fade nas pontas. ele fica normal nao fica suave como o do desenho.

  20. Ah esqueci de falar… um erro muito comum é ajustar essas opções que eu falei, daí depois troca o brush (por exemplo, na hora de trocar o tamanho ou aumentar/reduzir a firmeza do traço, as pessoas geralmente selecionam um daqueles 'brush presets' da lista. Acontece que esses 'presets' nada mais são do que ajustes pré-configurados daquelas opções de brushs. Resultado: sem querer, você acaba desconfigurando seu brush novamente!) ;(
    Espero ter ajudado!

  21. Galera, tem que tomar cuidado com o tal do Simulate Pressure lá…
    Na hora de usar essa ferramenta, tem que verificar algumas coisinhas no brush que vocês estão usando (para dar uma olhada nelas, selecionem a ferramenta Pincel (atalho de teclado 'B' e apertem 'F5' para abrir o painel de configuração do pincel):
    1- A opção 'Shape Dynamics' deve estar SELECIONADA.
    2- Dentro de Shape Dynamics, na caixa 'Control' selecione 'Pen Pressure'.
    3- Ajuste o 'Minimum Diameter' do brush, que vai ser o tamanho dele nas pontas dos traços. Ou seja, para ficar igual ao do tutorial acima, sete para 0 mesmo. Mas não deixe de experimentar outros resultados para você entender bem como funciona a ferramenta.

    André, você poderia fazer um post esclarecendo esse tipo de coisa pro pessoal né? Quantas pessoas estão com dificuldade nisso e não vão ler meu comentário aqui, não é mesmo?
    Abraço!
    Blog excelente cara!!! Parabéns!

  22. Oi Andre! Adorei seu blog. Tentei fazer o efeito porem nao consegui logo no inicio. Voce me ajudar? Depois que eu abro a imagem eu preciso seleciona-la (Ctrl + A) e depois copia-la? Salvo em outro arquivo? Na hora que vc coloca: "crie uma path qualquer, clique com o botão direito do mouse sobre o Path criado e escolha a opção Stroke Path, não marque a opção Pen Pressure e pressione Ok, seu path ficará como o da foto abaixo" O que eh exatamente para fazer? Quando eu cliquei em Stroke Path a primeira opcao que aparece eh "pencil" e abaixo tem uma opcao "Simulate pressure". Me ajuda?

Stop Motion com o Cubo de Rubrik.

Inspiração, Cartazes de Rock: Josh Ritter.