Tamanhos de pixel art explicados: 16x16, 32x32, 64x64 e 128x128 (guia gratuito)

A pixel art 16 por 16 é uma grade de 256 células: 16 colunas, 16 linhas, uma cor por célula. Esse número é o briefing de design. Cada marca que você coloca é uma subtração de um orçamento fixo, e o orçamento é definido antes de você desenhar qualquer coisa.

O tamanho decide o nível de detalhe antes de você desenhar um pixel. Uma grade 16x16 não comporta um rosto legível. Uma grade 64x64 não comporta uma multidão. Este guia aborda os quatro tamanhos que respondem pela maior parte do trabalho em jogos, ícones e papéis de parede - 16x16, 32x32, 64x64 e 128x128 - com a contagem de células, o uso típico, o modo de falha e o orçamento de cores de cada um. Ele também aborda as duas famílias de grades que as pessoas geralmente querem dizer quando falam "grade de pixel art": construções em blocos do Minecraft, em que a unidade é um bloco e não um pixel, e planilhas, em que a unidade é uma célula.

Resposta rápida: tamanho = orçamento de detalhe

O tamanho de uma grade é um limite para quantas marcas distintas você tem. O 16x16 dá 256 células. O 32x32 dá 1.024. O 64x64 dá 4.096. O 128x128 dá 16.384. Esse é todo o orçamento, e ele já foi gasto quando você termina de bloquear uma silhueta.

A consequência é que o detalhe não é algo que você adiciona no final, mas algo que a grade permite desde o início. Um olho custa de 2 a 6 células em 16x16. O mesmo olho em 64x64 pode se dar ao luxo de uma linha de pálpebra, uma íris, uma pupila e um único reflexo especular - de 20 a 40 células. Mesmo elemento, custo diferente, porque a grade mudou o denominador.

O preenchimento compete com todo o resto. O corpo de um personagem em 16x16 consome de 60 a 120 células de cor sólida. Isso deixa aproximadamente 130 células para contorno, rosto, mãos, um item segurado e qualquer sombreamento interno. Três formas internas separadas não sobrevivem a isso. Duas sobrevivem, se se tocarem.

16x16: personagens e itens

Com 256 células, a pixel art 16x16 é o menor tamanho que ainda se lê como um personagem e não como um símbolo. A restrição é a silhueta. Se o contorno externo não for identificável por si só, nada do que você fizer dentro da grade vai corrigir isso, porque não há espaço interno para explicar o que é a forma.

O método de trabalho é desenhar tudo primeiro em uma única cor plana e depois ler o contorno. Se uma placa peitoral e um braço se fundem em uma só massa, a pose está errada, não a paleta. Corrija na etapa de cor sólida, em que uma mudança custa oito células em vez de um redesenho completo.

O 16x16 também combina naturalmente com tiles. Um conjunto de tiles se repete, então o olho para de inspecionar células individuais e começa a ler padrão e ritmo. Essa é a única situação em que uma grade tão pequena não é um compromisso.

Um objeto, uma pose, uma ideia por grade: uma espada, uma poção, uma moeda, um barril, um slime, uma placa de sinalização, um tile de parede, uma casa de inventário. Itens planos com contorno forte e uma cor de destaque são o ponto ideal. Um escudo funciona porque a forma é uma única placa arredondada; no momento em que você adiciona uma alça, um umbo e uma borda como três formas internas separadas, ele deixa de ser legível.

Rostos e texto. Um olho mais uma boca dá de 2 a 4 células antes de qualquer sombreamento, e nesse tamanho uma boca se lê como um pixel perdido e não como uma expressão. Qualquer coisa com duas formas internas que não se tocam - uma poção com uma linha de vidro e uma linha de líquido - colapsa em uma mancha. Texto com menos de cerca de 5 células de altura é ilegível; use uma fonte de interface separada em vez de desenhar letras na grade.

32x32: sprites de jogo

O 32x32 tem 1.024 células e é o tamanho em que a maioria dos sprites de jogos 2D é desenhada, porque comporta uma pose legível sem exigir um retrato. Você consegue separar a cabeça do tronco, colocar uma arma na mão, mostrar qual perna está à frente e ainda ter células de sobra para uma sombra de dois tons no corpo.

A contagem de cores que acompanha isso: de 12 a 16 cores no total, incluindo o contorno. Uma divisão viável é uma cor de contorno, três ou quatro rampas de três degraus cada (base, sombra, realce), um ou dois destaques e transparente. Sombra de dois tons significa que uma cor de corpo aparece pelo menos duas vezes - uma iluminada, uma sombreada. Se cada cor da paleta aparece exatamente uma vez, você desenhou ruído, não forma.

O erro: quando um sprite 32x32 parece errado, a maioria das pessoas adiciona uma cor. Isso não corrige nada, porque o defeito é quase sempre a silhueta - um membro que não se separa do tronco, ou uma cabeça exatamente tão larga quanto os ombros. Redesenhe o contorno em preto sólido e olhe para ele. Se a forma preta não for identificável, nenhuma paleta vai salvá-la.

64x64: ícones e retratos

O 64x64 tem 4.096 células e é o primeiro tamanho desta lista em que um rosto é um rosto e não um símbolo. Um olho agora recebe de 8 a 20 células: um branco do olho, uma íris, uma pupila, uma linha de pálpebra e um reflexo especular. Esse reflexo é a razão pela qual retratos 64x64 funcionam e retratos 32x32 não - em 32x32 não há célula de sobra para ele.

O que muda nesse tamanho é qual parte do desenho sustenta a leitura. Em 16x16, é o contorno. Em 64x64, é o sombreamento. Agora você está desenhando forma, então precisa de rampas: de 3 a 5 degraus por material, e cada material fica na sua própria rampa. Pele iluminada pela mesma lâmpada que o aço só vai parecer consistente se a rampa do aço tiver mais contraste que a rampa da pele. O metal se lê como metal por causa do salto de valor, não da matiz.

Onde quebra: multidões. O 64x64 é um assunto. Duas figuras que dividem a grade recebem cerca de 2.000 células cada, o que volta aos problemas do 32x32 com uma composição pior. Mantenha o 64x64 para um único assunto e gaste as células restantes no fundo com contraste deliberadamente baixo, para que o assunto se separe por valor e não por cor.

128x128: papéis de parede e cenas

O 128x128 tem 16.384 células. Nesse tamanho, um sprite isolado deixa de ser o assunto e passa a ser um objeto em uma composição. Um personagem que ocupa um terço da tela tem aproximadamente 42x128 - cerca de 5.300 células - e todo o resto da grade é ambiente: chão, céu, arquitetura, adereços.

A parte contraintuitiva é que uma grade grande precisa de menos cores por objeto, e não de mais. Em 16x16, você pode gastar 12 cores em um personagem porque todas as 12 fazem trabalho estrutural. Em 128x128, seis objetos com 12 cores cada são 72 cores competindo, e o olho não consegue dizer o que é primeiro plano. O trabalho de cena nesse tamanho costuma manter cada objeto em uma rampa de 4 a 6 cores e separar os objetos por faixa de valor - primeiro plano escuro, plano médio, céu claro - em vez de por matiz.

As configurações mecânicas importam mais aqui do que em tamanhos pequenos. Desenhe em 1x e amplie para 2x ou 3x, nunca com zoom suave. Quando exportar para um papel de parede, amplie apenas por números inteiros - 2x, 3x, 4x. Uma ampliação de 2,5x produz pixels de largura irregular e a grade deixa de parecer intencional.

Contagem de cores por tamanho

A regra que surpreende as pessoas: conforme a grade cresce, a paleta geralmente encolhe por elemento. Grades pequenas forçam a reutilização - uma cor servindo de contorno, sombra e cabelo - e é exatamente essa reutilização que faz a arte 16x16 parecer coerente. Grades grandes tentam você a usar uma cor única para cada superfície, e o resultado se lê como uma fotografia com a resolução reduzida.

O número que importa não é o tamanho total da paleta, e sim as cores por elemento. Um sprite 32x32 com 16 entradas de paleta distribuídas em 4 elementos é coerente. Uma cena 128x128 com 24 entradas no total pode parecer rica se essas entradas forem atribuídas por valor - escuro, médio, claro - e reutilizadas entre os objetos.

A razão mecânica é que a pixel art se lê por contraste adjacente. Duas células vizinhas que diferem em valor criam uma borda. Duas células vizinhas que diferem em matiz, mas coincidem em valor, criam uma papa. Adicionar uma cor sem adicionar contraste de valor gasta uma posição da paleta e não compra forma legível; é por isso que "parece plano" costuma ser um problema de valor, não de matiz.

Pixel art e grades do Minecraft

A pixel art do Minecraft é medida em blocos, não em pixels. Um bloco é uma célula da imagem. Um sprite 16x16 se torna um mural de 16x16 blocos: 256 blocos, uma construção que você termina em uma noite. O mesmo sprite em 64x64 tem 4.096 blocos, o que é outro tipo de projeto, com outro tipo de comprometimento.

A correspondência importa porque um bloco não é um pixel. Um pixel é uma cor plana que você escolhe. Um bloco é uma cor plana com textura e iluminação já embutidas - lã e concreto na mesma cor nominal não se leem igual à distância, e texturas de bloco carregadas adicionam um ruído que um pixel nunca teria. É por isso que uma foto exige uma contagem de blocos maior do que um desenho: uma foto carrega gradientes, e gradiente custa células. Em 32x32, um rosto vira lama em blocos; em 64x64 ou 128x128, as formas sobrevivem ao ruído de textura.

Grade de construção versus grade de arte é uma distinção separada. Uma grade de arte é plana por definição: uma célula, uma cor, sem profundidade. Uma grade de construção é tridimensional - você pode colocar blocos a qualquer altura, e a grade só aparece onde você olha para uma superfície plana. Isso cria uma decisão que um editor raster nunca pede: o que fica atrás da imagem. Um mural de fundo em um bloco de baixa saturação faz o assunto se destacar; deixar a imagem flutuando de modo que o terreno apareça pelas frestas se lê como dano.

Pixel art em planilhas e no Google Sheets

Em uma planilha, uma célula é um pixel. A grade é o que a planilha permitir e o que você estiver disposto a rolar. Uma imagem 32x32 tem 1.024 células. Uma imagem 64x64 tem 4.096. Uma imagem 128x128 tem 16.384 células - exibível, mas entediante de inserir à mão.

A formatação condicional é a paleta. Você escreve regras que pintam uma célula com base no seu valor e depois digita uma letra ou um número em cada célula para selecionar uma cor. A alternativa é o preenchimento manual, que é mais simples de configurar, mas não deixa nenhum jeito de recolorir a peça inteira editando uma única regra. Se você pretende revisar a arte, use regras. Se for algo único, os preenchimentos são mais rápidos.

O caminho da planilha é genuinamente a ferramenta certa em dois casos. Colaboração: planilhas são compartilhadas nativamente, várias pessoas podem editar ao mesmo tempo e há um histórico de alterações - melhor do que ficar enviando um PNG de um lado para o outro por e-mail. Grades orientadas por dados: a cor de uma célula pode ser calculada a partir de uma fórmula, então a peça pode reagir a um número, algo que nenhum editor raster faz. É a ferramenta errada para animação. Uma planilha não tem quadros, nem papel de cebola, nem linha do tempo. Animar em uma planilha significa duplicar a grade e trocar intervalos, e depois de cerca de dois quadros isso é mais lento do que qualquer editor dedicado.

Ferramentas gratuitas para cada tamanho

Escolha pelo que você já tem, não pela lista de recursos. Se você tem uma foto e precisa de uma silhueta inicial, use o conversor. Se tem uma página em branco e um tamanho fixo, use o editor. Se não tem ideia do que desenhar, use o gerador. Todos eles produzem uma grade que você pode continuar editando em outro lugar.

Cada ferramenta tem sua própria página; esta seção é apenas o roteamento.

Veja um mundo 16x16 em 3D

Um tile 16x16 tem 256 células e, em um mundo 3D, se torna uma textura. Texturas desse tamanho só permanecem nítidas se você filtrá-las corretamente. Em termos de Three.js: defina magFilter e minFilter da textura como NearestFilter e desligue os mipmaps para objetos que você quer nítidos de perto; mantenha os mipmaps ligados para o terreno distante, ou a grade do chão cintila conforme a câmera se move. Essa é a troca no extremo inferior da faixa - a filtragem de vizinho mais próximo mantém os pixels legíveis a dois metros e cria serrilhado a cinquenta.

The Cyclops' Island funciona quase inteiramente com tiles de grade pequena: árvores, pedras, litoral, adereços e itens, cada um desenhado em 16x16 ou 32x32 e reutilizado por toda a cena. Mini World usa a mesma abordagem com uma pegada menor por objeto. Os sprites saem do Agent Sprite Forge, são empacotados em um atlas e posicionados como objetos pelo construtor de jogos 3D, que é onde uma descrição escrita se transforma em um layout jogável.

O retorno é aritmético, não estético. Em 16x16, você perde a capacidade de desenhar um rosto específico e ganha um tile que você pode se dar ao luxo de repetir. 256 células vezes algumas dezenas de tiles é um lugar. 16.384 células vezes algumas dezenas de tiles é um projeto que ninguém termina. Quando olhar para a cena abaixo, olhe para o chão e os adereços, e não para o céu - é no chão que a grade fica visível.

Entre no mundo ao qual ele pertence

Um sprite é um personagem sem lugar para ficar. O último passo é aquele que ninguém mais oferece: pegue a folha que você acabou de criar e coloque-a em um mundo pelo qual alguém possa caminhar — uma pequena ilha, um planeta, uma esquina chuvosa. Cada mundo deste site foi feito a partir de uma única descrição escrita e publicado como uma página que você pode jogar.

FAQ