Nas últimas semanas andei fazendo umas experiências com o Halftone filter no Photoshop para testar que tipos de efeitos poderia conseguir com ele. Também descobri a Width Tool no Illustrator CS 5, o que foi uma grande surpresa pois agora podemos ter mais liberdade para brincar com strokes. Então com essas duas ferramentas em mente eu decidi criar uma imagem, e ideia foi criar algo inspirado no design de Roy Lichtenstein.

Existem alguns tutoriais mostrando como criar esse tipo de imagem, mas mesmo assim resolvi fazer um. Não conferi nenhum tutorial pois queria brincar com as ferramentas, então a técnica pode ser a mesma dos outros tutoriais, realmente não sei. Alem disso acho que um tutorial sobre o estilo de Roy é uma ótima aquisição para os tutoriais do Abduzeedo.

Roy Lichtenstein (27 Outubro, 1923 – 29 Setembro, 1997) foi um famoso artista Americano reconhecido por seus trabalhos Pop Art. Na sua obra procurou valorizar os cliches dos quadrinhos como forma de arte, colocando-se dentro de um movimento que tentou criticar a cultura de massa. - Wikipedia

Passo 1

Vamos começar o tutorial no Illustrator. Abra o Illustrator e importe a foto onde vai aplicar o efeito. A que estou usando é cortesia do Shutterstock e você encontra a imagem aqui.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 2

No Illustrator, selecione a Pencil Tool (N) e comece a desenhar sobre a foto, usando-a como referência. Eu comecei pelos olhos. Também usei a Ellipse Tool (L) para as pupilas.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 3

Continue desenhando com a Pencil Tool (N) e a Pen Tool (P) para mais precisão, no entanto não precisa fazer o desenho tão perfeito.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 4

Com a Pencil Tool (N) crie o contorno do cabelo dela.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 5

Ainda com a Pencil Tool (N) adicione alguns detalhes no cabelo.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 6

Aqui eu tenho todos os elementos vetor que desenhei para criar a garota. Você pode adicionar mais se quiser, depende da imagem que está usando.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 9

Se livre da foto e comece a brincar apenas com os vetores. Aqui você pode ver todos os elementos sem cor e com o mesmo stroke size.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 10

Uma das melhores ferramentas do Illustrator CS5 é a Width Tool (Shift+W). Com ela você pode mudar a largura de partes do stroke, é fantástica.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 11

Ainda com a Width Tool (Shift+W), brinque com os strokes do cabelo e das mãos dela. Use a imagem abaixo como referência.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 12

Hora de adicionar um pouco de cor. Usei bege para a pele, amarelo para o cabelo, branco para os olhos e preto para os detalhes. Para a blusa usei verde.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 13

Agora vamos para o Photoshop. Abra o Photoshop e importe uma textura de papel para usar como referência. A que estou usando é cortesia do Shutterstock e você encontra ela aqui.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 14

Importe a foto da garota também. Vamos usá-la como referência para os vetores do Illustrator. Também será usada para criar os halftones. Troque também o Blend Mode da layer para Multiply.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 15

Faça Mask da foto da garota para que ela fique apenas na área do papel. A melhor maneira de fazer isso para podermos usar a mesma mask nas outras layers é criar um grupo e fazer mask do grupo no Photoshop.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 16

Adicione uma nova layer abaixo da layer da garota mas dentro do folder com a mask. Troque o Blend Mode da nova layer para Multiply e a preencha com Ciano.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 17

Copie os vetores do Illustrator e cole no Photoshop. Eu usei Smart Objects na opção quando colei pois assim eu consigo mudar os vetores quando quiser e ver o resultado no Photoshop. Como você pode ver na imagem abaixo, troquei a Opacity da Layer para 70% para poder ajustar a posição com mais facilidade.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 18

Depois de achar o alinhamento correto você pode trocar a opacity de volta para 100%.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 19

Reorganize as layers para que a foto da garota fique acima da layer dos vetores. Depois disso vá até Image>Adjustments>Desaturate. Agora você terá uma foto black & greyscale. Depois disso vá até Image>Adjustments>Levels. Troque Black Inputs para 60 e White Inputs para 195. Depois troque o Blend Mode para Multiply.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 20

Vá até Filter>Pixelate>Color Halftone. Use 15 para Max. Radius e 199 para channel values. Dica: dependendo do tamanho do seu design o Max. Radius pode ser diferente.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 21

Aqui está a imagem depois do halftone filter. Está quase pronta, mas ainda precisamos cuidar de uns detalhes para que a imagem fique com um visual antigo/vintage. Também precisaremos arrumar os halftones da área dos dentes e dos olhos.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Passo 22

Duplique a layer do papel e a mova para cima das outras, para o topo. Depois troque o Blend Mode para Linear Burn.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Conclusão

Aqui está o resultado final! Como você pode ver, limpei os halftones dos olhos e boca e também adicionei uma diagonal pattern no background.

Esse design foi apenas um experimento usando halftones para criar uma peça inspirada no estilo de Roy Lichtenstein. Estou trabalhando em alguns designs novos onde 'vou mais a fundo' nessa técnica, mas como vocês puderam ver, os halffones e vetores com a textura de papel fazem um ótimo trabalho em criar o estilo de Roy.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Download do Arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado nesse tutorial

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.