Pixel Art com pincéis

termo “pixelizado” é, muitas vezes, usado para fotos de baixa qualidade ou baixa resolução comprimidas em excesso. Elas podem ser o pesadelo na vida de um designer gráfico. Porém, acolheremos a ideia e criaremos uma bela obra de arte que será o cúmulo da pixelização.

Neste tutorial, as horas pertencem ao pixel e ao ruído digital.

Começando com uma foto de base, guiaremos você, passo a passo, pelo processo de desenvolvimento da ilustração. As técnicas vão desde máscaras até a criação de pincéis, além de alguns dos filtros mais malvistos do Photoshop usados de jeitos criativos e interessantes.

Este tutorial funciona para a maioria das imagens, use sua própria foto ou baixe a nossa do disco e mãos  à obra.

PIXELIZE JÁ

Abra o Photoshop e vamos começar

01 Novo documento

Abra iStockphoto_C_Studioxil.jpg. Dê Ctrl/Cmd + J para duplicar a foto em uma nova camada. Usando a ferramenta Pen, trace ao redor do corpo. Quando chegar ao cabelo, trace por dentro das bordas. Feche o path, clique com o botão direito/dê Ctrl/Cmd + clique e escolha Make Selection. Pressione Ctrl/Cmd + J para duplicar em uma nova camada.

02 Cabelo

Selecione a camada de fundo, faça uma seleção do cabelo e da cabeça usando a ferramenta Pen e duplique em uma nova camada. Vá a Filter > Extract. Use a ferramenta Edge Highlighter (B) para traçar ao redor da borda do cabelo, sem deixar lacunas. Use a ferramenta Fill (G) para preencher e dê OK.

03 Fundo

Mescle a camada do cabelo com o corpo e chame-a de Figura. Sob essa camada, crie outra (Ctrl/Cmd + Shift + N) chamada Fundo. Altere a cor de primeiro plano para um azul-marinho médio e a cor de fundo para azul-escuro. Usando a ferramenta Gradient (G), ajuste-a para Radial e crie um dégradé.

COMECE A PINTAR OS PIXELS

Antes de pintar, crie um pincel pixelado

04 Pincel Scatter

Abra um novo documento quadrado com lado 100. Preencha com preto e vá a Edit > Define Brush Preset. Chame-o de Pixel Scatter 1. Abra a paleta Brushes (Window > Brushes) e escolha esse pincel. Em Brush Tip Shape ajuste Spacing para 155%, Shape Dynamics ativo, Scattering ativo e a 650%.

05 Máscara

Duplique a camada Figura, ajuste a camada de baixo para 10% de opacidade e renomeie-a como Guia. Selecione a outra e vá a Layer > Layer Mask > Hide All. Escolha branco como cor de seu novo pincel e comece a pintar pixels pequenininhos sobre o rosto. Pinte na direção do objeto para mantê-lo definido.

06 Rosto

Continue a pintar o rosto. Varie o tamanho dos pixels
pressionando os colchetes [ e ] para alterar o tamanho do pincel. Aqui estamos na primeira camada de detalhes, por isso, não aumente demais.

07 Figura inteira

Repita o processo no restante da figura, cobrindo uniformemente toda a superfície. Ela deve estar começando a tomar forma, de modo que você possa ocultar a camada Guia e concentrar-se na pintura dos detalhes.

10 Mudança de cor

Repita os passos 8 e 9, mas desta vez ajuste Hue para +38 e o modo de mesclagem da camada para Color
Dodge. Repita esta etapa quantas vezes desejar, usando várias cores em diversas camadas diferentes. O objetivo é formar muitos detalhes.

11 Mais pormenores

Quando estiver satisfeito com os detalhes na figura, é hora de adicionar ainda mais! Crie uma nova camada por cima de tudo e chame-a de Extra Pixels. Selecione a cor da área em que está trabalhando e pinte pixels menores que pareçam estar escapando da borda. Eles vão diminuindo conforme se afastam.

Dica
Progresso - Durante a criação de uma imagem, pode ser difícil saber se você está avançando na direção certa. O tempo gasto não garante o sucesso, infelizmente. Conforme trabalha, vá salvando as diferentes etapas para poder voltar atrás e rever as alterações feitas em cada sessão. Isso é legal para testar novos caminhos para a imagem, além de servir para guardar esquemas de cor, composições etc.

12 Atmosphere

Hora de criar um pouco de atmosfera. Adicione uma camada e nomeie-a como Atmosfera. Pegue um pincel suave e grande com opacidade média. Selecione azuis neon, verdes, amarelos, rosas etc. e pinte luzes atmosféricas sobre e ao redor da figura.

13 Toques finais

Para concluir, crie uma camada abaixo de Figura. Selecione novamente o pincel Scatter e comece a pintar quadrados coloridos no fundo. Ajuste o modo da camada para Screen e reduza a opacidade para cerca de 15%.

PIXEL PERFEITO

Embora nosso pincel Scatter vá fazer o trabalho pesado, ainda é preciso certo controle e alguns ajustes para chegar ao efeito certo.

Cobertura

Para obter o efeito correto, os pixels precisam estar bem espalhados. Tente obter uma cobertura uniforme, com variações o bastante para definir as formas da figura. Não exagere para não saturar a imagem.

Cor

Aplicaremos aqui a mesma técnica dos impressionistas, que usavam pontinhos de cor para representar uma cena. Use rosas e vermelhos bem saturados na pele. Osverdes também serão incluídos para criar luzes e formas.

Detalhes extras

Para aumentar o nível de detalhe, é importante acertar as formas retangulares. Elas devem ser dispostas de forma a preencher as lacunas entre os pixels quadrados. Use-as como elemento secundário e com mais parcimônia que o pincel Scatter. Essa trama de detalhes técnicos é o que dará vida aos detalhes da imagem.

Faça mágica com efeitos de luz

A pintura no Photoshop nem sempre precisa ser de um realismo fotográfico – ela também pode ser usada para criar imagens com o tipo de efeito que nenhuma câmera seria capaz de capturar. Começando com uma referência fotográfica, vamos usar um pincel personalizado para criar um efeito estilizado de pelagem e incrementá-lo com modos de mesclagem, que criarão cores faiscantes, e estilos de camada, para dar mais brilho e realismo.

Fornecemos um pincel personalizado em nosso site. O sucesso deste projeto depende de usá-lo de modo suave e fluido, assim, vale praticar suas pinceladas antes de começar. Além disso, este projeto baseia-se em cores ricas e luminosas, e é aqui que os modos de mesclagem de pincel e de camada ajudam de fato. Vamos começar simplificando a imagem inicial com um pouco de desfoque, deixando apenas as áreas fundamentais no foco. Um punhado de ajustes na saturação e no contraste dará mais riqueza e impacto à imagem antes que comecemos com o trabalho controlado nos pincéis. Na hora de colorir a pelagem estilizada, usaremos máscaras de corte para facilitar a tarefa.

Lembre-se de que não vamos pintar pelos realísticos, mas renderizá-los de maneira estilizada e gráfica, permitindo que você se concentre no aspecto decorativo da pelagem envolvendo a forma da figura. Leia o quadro da próxima página antes de começar e assista ao vídeo em nosso site para ter mais inspiração e novas dicas.
 

TONALIDADE E FOCO

Para começar, vamos acertar os tons da imagem inicial e arrumar o foco

01 Acerte as sombras e luzes

Abra cat_start.jpg de nosso arquivo e duplique a camada de fundo. Vá a Image > Adjustments > Shadows/Highlights. Zere os três deslizantes de Shadows. Em Highlights, ajuste os deslizantes da seguinte maneira: Amount 63%, Tonal Width 64%, Radius 174%. Em Midtone Contrast, use +25 e clique em OK para aplicar o ajuste.

02 Supernitidez

Precisamos que a imagem esteja supernítida, por isso, acesse Filter > Sharpen > Smart Sharpen. Ajuste Amount para 174, Radius para 1.5 e Remove para Gaussian Blur. Marque More Accurate e dê OK. Duplique esta camada.

03 Um pouco de desfoque

Queremos que apenas certas áreas da imagem estejam totalmente nítidas, assim, na nova camada duplicada, clique em Filter > Surface Blur. Ajuste Radius para 68 e Threshold para 142. Dê OK. Embora a camada agora esteja desfocada, o filtro Surface Blur mantém uma sutil aparência de pelagem.

PREPARE A CENA

Pinte com modos de mesclagem

04 Revele a nitidez

Adicione uma máscara a esta camada em Layer > Layer Mask > Reveal All. Pegue um pincel suave. A média opacidade, pinte na máscara com preto para revelar parte da nitidez no nariz e nos olhos do gato. Sempre é possível voltar à máscara para pintar novamente com preto, revelando a mais da camada com nitidez que está por baixo.

05 Acerte a saturação e o contraste

As cores devem ser bem vibrantes, portanto, vá a Layer > New Adjustment Layer > Hue/Saturation. Aumente a saturação para +21. Depois, acrescente uma camada de ajuste de Curves e aumente o contraste criando uma curva em S com dois pontos, como na ilustração.

06 Escureça

Crie uma nova camada em modo Color Burn. Com o mesmo pincel, escolha um marrom bem escuro e pinte rapidamente ao redor do gato, alterando a opacidade do pincel (ajuste Opacity Control para Pen Pressure no painel Brushes).

07 Carregue o pincel

Clique no Brush Picker, pressione a setinha no canto superior direito e escolha Load Brushes. Localize o conjunto cat_brush.ABR baixado de nosso arquivo, clique nele e pressione Load. Clique em Append para adicionar esses pincéis ao conjunto atual. A seguir, escolha Cat 1 e a cor branca.

08 Defina o estilo de camada

Adicione uma camada e vá a Layer > Layer Style > Outer Glow. Na caixa de diálogo, ajuste Opacity para 95%. Clique na amostra de cor Glow e escolha #c05405. Ajuste Spread para 0% e Size para 70%. Dê OK para aplicar o estilo. Lembre-se, o efeito não aparecerá até que você pinte sobre a camada.

MACIEZ E BRILHO

Pelos e cores estilizados

09 Pelo estilizado

Antes de começar a pintar, veja abaixo a dica sobre as con figurações do pincel. É hora de acrescentar o efeito da pelagem com o pincel. Comece ao redor dos olhos, usando pinceladas fluidas e estilizadas. Consulte frequentemente a imagem inicial, simpli ficando o fluxo e a direção dos pelos.

Dica
Planeje antes
Se você não tiver confiança o bastante para desenhar pelos estilizados sem orientação, faça um guia para começar. Antes de pintar os pelos, crie uma nova camada e use um pincel pequeno duro para desenhar a direção da pelagem. Reduza a opacidade dessa camada e use-a para se orientar ao pintar os pelos de verdade com o pincel personalizado.

10 Domine o pincel!

É importante controlar a pressão aplicada à stylus para variar a largura do pincel. Use movimentos suaves e diretos para criar pinceladas fluidas. Finalize certas pinceladas com uma sutil forma de leque, usando pouquíssima pressão na stylus.

11 Variação no pelo

Estamos pintando a forma oculta do pelo neste momento, de maneira simpli ficada e decorativa. Você pode intensi ficar o brilho no centro de suas pinceladas passando o pincel novamente ali, aumentando pouco a pouco a opacidade do branco.

12 Crie uma máscara de corte

Adicione uma camada acima da dos pelos. Clique nela com o botão direito e escolha Create Clipping Mask. Ajuste o modo de mesclagem dela para Hard Light. Por causa da máscara de corte, as cores aplicadas a essa camada serão visíveis apenas dentro das pinceladas brancas.

13 Aqueça

Pegue um pincel redondo suave padrão e use uma variedade de cores quentes e brilhantes sobre o pelo pintado aqui e ali. Adicione mais pelos em outra camada com o mesmo estilo, repetindo a coloração com Hard Light em uma máscara de corte para camada de pelos subsequente.

14 Modos de mesclagem do pincel

Você pode adicionar pinceladas coloridas diretamente em outra camada. Use novamente o pincel cat_brush1, mas ajuste o modo de mesclagem do pincel para Hard Light na barra de opções. Utilize a mesma técnica de antes para estas pinceladas, empilhando cuidadosamente os traços fluidos e as bordas felpudas.

15 Cor suave e intensa

Depois de terminar os pelos, crie uma camada final em modo Multiply. Use um pincel suave grande com cores escuras e intensas para dar mais cor e brilho às áreas maiores da imagem. Controle a intensidade dessas áreas simplesmente ajustando a opacidade desta camada.