Tutorial de Pixel Art em 6 Passos no Illustrator

Tutorial de Pixel Art em 6 Passos no Illustrator

Se você já trabalha ou quer começar a trabalhar com pixel art, segue aqui algumas dicas para desenvolver artes no estilo 8 bits rapidamente.

O Programa que utilizo é o Adobe Illustrator, pois com imagens vetoriais não teremos problemas para redimensioná-las depois. Uma vez que para games por exemplo, temos que pensar em várias resoluções e tamanhos de telas diferentes tanto para celulares, tablets ou PC’s ou consoles.

1. Abrir novo documento no Illustrator

Pode ser em “cm” ou “pixel”, como preferir.

tutorial_pixel_buzzine_01

2. Selecionar a ferramenta “Rectangular Grid Tool”

Ela fica aninhada na ferramenta de linha “Line Segment Tool” ou “\” no teclado

tutorial_pixel_buzzine_02

3. Dar um clique para configurar as opções

Escolha um tamanho menor que o tamanho do documento e números iguais para as divisões por exemplo 24 por 24 como na figura abaixo:

tutorial_pixel_buzzine_03

4. Clique OK e você terá uma área para começar sua arte em pixel como esta abaixo:

Caso precise, refaça o passo 3 até as configurações ficarem como você deseja.

tutorial_pixel_buzzine_04

5. Agora você deve selecionar no menu Objeto > Live Paint > Make

Esta é a etapa que transforma seu grid numa tela para pintura.

tutorial_pixel_buzzine_05

6. Quase pronto, só falta selecionar a ferramenta “Live Paint Bucket” ou “K” no teclado, escolher a cor e começar a arte

Pronto agora é como no antigo Paint Brush, pintando com o baldinho de tinta.

tutorial_pixel_buzzine_06

Veja alguns exemplos:

tutorial_pixel_buzzine_08

tutorial_pixel_buzzine_09

tutorial_pixel_buzzine_10

Para visualizar sua arte sem os grids, basta selecionar os grids e tirar a cor de contorno ou “stroke”.

tutorial_pixel_buzzine_11

Você irá ver sua arte limpa como a de baixo:

tutorial_pixel_buzzine_12

Faça o download do arquivo de exemplo com o cogumelo do Mário:

Tutorial Pixelart Buzzine Exemplo.zip

Seu feedback é importante!

Qualquer dúvida, crítica ou sugestão entre em contato pelo contato@buzzine.com.br


André Telles

http://twitter.com/andretellao

Marketing, novas mídias, cinema, música, ilustração, design e indie games.