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.