Tutorial: criando efeito reticulado na imagem

Olá!
Hoje vou ensinar a fazer este efeito reticulado estiloso, que eu aprendi com um cara muito fera que trabalha para a DC. Fica ótimo em uma capa, por exemplo.
E pra agradar aos machos de plantão, que parecem ser a maioria dos leitores do Sopa, escolhi o Spiderman para demonstrar. Viram como eu sou legalzinha?

Dicas importantes:

• Em primeiro lugar, escolha uma boa imagem.

O ideal é que ela tenha uma boa resolução. O traço não deve estar serrilhado. Por isso não aconselho a pegar uma imagem jpeg qualquer a não ser que você saiba tratá-la. De qualquer maneira vou dar umas dicas, porque a imagem que eu escolhi não estava lá essas coisas.

• Use o zoom!

Não tenha medo dele. É imprescindível abusar do zoom no Photoshop. Só com ele você poderá ver os mínimos detalhes que fazem a diferença. Não existe trabalhar no Photoshop sem usar o zoom.

Ctrl+ +/ aumentar
Ctrl+ -/ diminuir
ou (Z) e arraste

• Use a barra de espaço!

Note que quando você pressiona a barra de espaço aparece aquela famosa mãozinha. Ela é sua amiga e vai te ajudar a se movimentar pela imagem quando ela está muito ampliada. Se você não conhecia este recurso, experimente dar bastante zoom e "andar" pela imagem com a mãozinha. Basta segurar a barra de espaço e ir clicando com o mouse.

• Use os atalhos do teclado!

Eles economizam tempo. Eu sempre indico os atalhos entre parênteses.

Bom, mas vamos ao que interessa.

Abra a imagem escolhida (Ctrl+O)
Eu escolhi essa imagem que peguei no Google. Como ela não está muito legal vou ter que dar uma ligeira tratada, caso contrário o efeito não vai ficar legal.

Olhando de longe a imagem parece boa, mas de perto ela está serrilhada. E isso não deve acontecer.Vou explicar como melhorar essa imagem para aplicar o efeito. Caso a sua imagem esteja boa esse passo não será necessário, ok?

Image > Adjustments > Levels (Ctrl+L)
Vai aparecer esta caixa:

Note que em Input Levels temos três controles: uma seta preta, uma cinza e uma branca.
O que eu fiz foi aproximar as três, aumentando muito o contraste da imagem, consequentemente diminuindo o aspecto serrilhado.

Agora já podemos começar a aplicar o efeito.
Primeiramente vamos ter que mexer nas cores, caso contrário não teremos o efeito desejado.
Como o vermelho vai ser a parte mais clara, não posso deixá-lo com essa intensidade.
Então vou selecionar todo o vermelho da imagem com a varinha mágica (W).

Mas atenção para a configuração da ferramenta:
Ajuste na barra de opções, lá em cima.
Para selecionar tudo o que está em vermelho, vou desmarcar a caixa contiguous.
Se a cor que você pretende selecionar estiver bem chapada, ótimo. Se não estiver, aumente um pouco o valor de tolerance, senão ela não vai selecionar todos os pixels que você quer.
Se a imagem ainda estiver um pouco serrilhada, marque a caixa anti-alias.

Pronto, selecionei todo o vermelho. Agora vou clareá-lo.
Image > Adjustments > Hue/ Saturation (Ctrl+U)
Aumentei o valor de lightness.
A imagem ficou assim:

Para desfazer a seleção use Ctrl+D.
Agora a imagem está pronta para receber o efeito.
Vou convertê-la para Grayscale.

Image > Mode > Grayscale
A imagem vai ficar assim.




Note a diferença entre o que era vermelho e o que era azul.
O vermelho ficou num tom de cinza bem mais claro. Se eu não tivesse clareado, ele teria ficado quase igual ao azul e não daria o efeito desejado. Isso é muito importante!

Agora sim! Vamos ao efeito.
Vou converter a imagem para Bitmap.

Image > Mode > Bitmap

E alterar os valores:
Output: 600 pixels/ inch
Method: use Halftone Screen


Vail aparecer outra caixinha. Aí está o "X" da questão.

Eu usei estes valores, mas aconselho você a testar outros valores e ver o que fica mais interessante na sua imagem.

Frequency: Quanto mais alto for este valor, menor será o tamanho da retícula.

Você também pode alterar o ângulo e o formato da retícula.
OK.

Tcharaaaaaam!

Agora vou reconverter a imagem para grayscale e depois para RGB, caso contrário não vou conseguir editá-la.

Image > Mode > Grayscale

Image > Mode > RGB

Se quiser dar uma refinada no traço, ajuste brilho e contraste.

Image > Adjustments > Brightness/ Contrast

Agora cada um faz o que quiser com a sua imagem, basta usar a criatividade.
Eu vou colorir. Para facilitar a minha vida, vou selecionar todo o branco com a varinha mágica.
(desmarcando a opção Contiguous, lembra?), e vou pintar com o lápis (B) as partes vermelhas

Dicas quentes de pintura no Photoshop:
Para usar o Lápis (B), ou qualquer ferramenta com formato de pincel:

• Ative a tecla Caps Lock e poderá visualizar na tela o tamanho do pincel.

• Com as teclas [ e ] você aumenta ou diminui diretamente o tamanho do pincel.

• Se as "formiguinhas" da seleção estiverem te atrapalhando, oculte-as (Ctrl+H)

Isso facilita muuuuito a vida de quem pinta.

Com o lápis, pintei as partes vermelhas. Não me preocupei se a cor vazou para fora da imagem. É muito mais fácil limpar o que vazou do que ficar detalhando a pintura. Só tomei cuidado com as partes que serão azuis. Nas partes pequenas, como a aranha e o cinto, usei o balde de tinta (G).

Depois limpei as partes vazadas, selecionando-as com a varinha mágica (marcando "contiguous")
Apertando junto a tecla shift consigo selecionar várias áreas diferentes. Depois de selecionar tudo o que não me interessava, deletei.
Repeti o mesmo processo com a cor azul.

Depois joguei um fundo amarelo pra contrastar.

Aí vai do gosto e da necessidade de cada um.
E aí, gostaram? Eu pessoalmente achei o máximo esse efeito, e é relativamente simples!

Em breve estarei abordando o tema Pintura no Photoshop mais detalhadamente.