Materiais em Pixel Art: Pedra, Madeira e Metal

Pixel art textura boa começa pela forma, não pelo ruído: cada material tem uma receita de 3 a 5 cores e um padrão de construção que o olho reconhece. Pedra se lê por blocos com luz e sombra em cada um, rachaduras e desgaste. Madeira se lê por tábuas com veio longo e um nó ocasional. Metal se lê por contraste alto e reflexo de borda dura. Aplicar essas receitas num tile de 16x16 e testar a repetição no Tiled Mode do Aseprite resolve a maior parte dos cenários de jogo, sem aquele ruído aleatório que vira estática na tela.

Este guia traz a paleta mínima e o passo a passo de cada material no tile 16x16, como fazer o tile repetir sem emenda e os erros que transformam textura em ruído.

Pixel art textura: forma antes de ruído

O erro mais comum de quem começa a fazer cenário é tentar criar textura espalhando pixels de cores diferentes aleatoriamente. Em zoom alto parece rico. Em tamanho real, repetido 200 vezes numa tela, vira chiado de TV.

Textura em pixel art não é ruído, é forma pequena repetida com luz coerente. Uma parede de pedra não é "cinza com pontinhos", é um conjunto de blocos, e cada bloco tem um lado iluminado e um lado na sombra. Madeira não é "marrom com listras", é tábuas com veio que segue o comprimento.

O processo para qualquer material:

1. Forma grande: as divisões principais (blocos, tábuas, placas).
2. Luz e sombra das formas: cada bloco ou tábua recebe luz do mesmo lado.
3. Detalhe característico: rachadura, veio, rebite. Pouco.
4. Desgaste: só depois, e só onde faz sentido.

Antes de tudo, defina a luz. Para tileset de jogo de plataforma ou top-down, a escolha padrão é luz de cima e um pouco da esquerda, a mesma dos personagens. O guia de sombreamento em pixel art explica como a fonte de luz define tudo.

Paleta mínima por material

Cada material pede uma rampa curta. Para tile de 16x16, estas são as funções de cada cor:

• Pedra (4 cores): junta (o mais escuro), sombra, base, luz.
• Madeira (4 cores): separação entre tábuas (o mais escuro), veio, base, luz de borda.
• Metal (5 cores): escuro profundo, sombra, base, claro, brilho quase branco. Metal pede um tom a mais porque o contraste é o que define o material.

Cuidados com a rampa:

• Hue shift. Na pedra, puxe a sombra para azul ou roxo e a luz para um bege levemente quente. Na madeira, puxe a sombra para vermelho escuro e a luz para amarelo. Isso dá vida sem acrescentar cor.
• Saturação baixa no cenário. Tile de fundo menos saturado que o personagem ajuda o personagem a se destacar.
• Reaproveite tons. O tom de junta da pedra pode ser o mesmo da separação da madeira. Paleta compartilhada deixa o cenário coeso.

O guia de paleta de cores em pixel art mostra como montar rampas com hue shift.

No Aseprite: File > New, 16x16, e ligue View > Grid > Grid Settings com 16x16 se for desenhar vários tiles no mesmo arquivo. Monte a rampa de cada material em sequência na paleta, do escuro para o claro. Isso permite usar a ink Shading, que move o pixel um passo na rampa a cada clique.

Pedra: blocos, rachaduras e desgaste

Receita para uma parede de pedra em tile 16x16, com 4 cores:

1. Preencha o tile com a base.
2. Desenhe as juntas com o tom mais escuro. Para blocos de alvenaria, faça fileiras de 8 pixels de largura por 4 a 5 de altura, alternando o deslocamento da fileira de cima (meio bloco para o lado). Juntas de 1 pixel.
3. Luz nos blocos. Em cada bloco, 1 pixel de luz ao longo da borda de cima e da esquerda (do lado da fonte de luz), logo abaixo e à direita da junta.
4. Sombra nos blocos. Em cada bloco, 1 pixel de sombra ao longo da borda de baixo e da direita, logo acima e à esquerda da junta.
5. Rachaduras. 2 ou 3 no tile inteiro, com o tom de sombra, em linha quebrada de 3 a 5 pixels. Acompanhe a rachadura com 1 pixel de luz do lado de baixo, para parecer que tem profundidade.
6. Desgaste. Arredonde 1 ou 2 cantos de bloco trocando o pixel de canto pela cor da junta. Um ou dois pontos de sombra soltos no meio de um bloco, no máximo.

Para pedra natural (rocha, caverna), troque os blocos retangulares por formas irregulares de tamanhos variados, sempre com o mesmo esquema de luz em cima e à esquerda e sombra embaixo e à direita.

Madeira: tábua, veio e nó

Receita para piso ou parede de madeira em tile 16x16, com 4 cores:

1. Preencha com a base.
2. Divida em tábuas. 4 tábuas de 4 pixels de largura, com 1 pixel de separação no tom mais escuro. Para variar, quebre uma tábua no meio do tile com uma junta perpendicular (o fim de uma tábua e o começo de outra), desencontrada em relação à tábua vizinha.
3. Luz de borda. 1 pixel claro ao longo da borda de cada tábua voltada para a luz.
4. Veio. Linhas longas no sentido da tábua, com o tom de veio (entre a base e a sombra). Use segmentos de 3 a 6 pixels, levemente ondulados, com espaços entre eles. No máximo 2 linhas de veio por tábua de 4 pixels.
5. Nó. Um por tile, no máximo. Um ponto de 2x2 com o tom escuro, e o veio próximo se curvando em volta dele.

O erro típico na madeira é o veio contínuo e reto de ponta a ponta, que vira listra e parece tecido. Interrompa o veio e deixe trechos da base aparecendo.

Uma textura isolada é um exercício de uma tarde. O cenário de um jogo é outra escala: dezenas de tiles que precisam casar entre si, combinar com a paleta dos personagens, seguir a mesma luz e virar tileset funcionando na engine. É nesse ponto de juntar tudo num mundo coeso que muita gente trava estudando sozinha, e é esse método de produção que o curso de Arte 2D ensina, com a ferramenta que você preferir.

Metal: reflexo especular e contraste

Metal é o material que mais depende de contraste. Ele reflete o ambiente, então tem tons muito escuros ao lado de tons muito claros, com transição brusca.

Receita para uma placa de metal em tile 16x16, com 5 cores:

1. Preencha com a base (um cinza azulado médio).
2. Borda da placa. 1 pixel escuro em volta, como se a placa estivesse encaixada.
3. Faixa de reflexo. Uma faixa diagonal de 2 a 3 pixels com o tom claro atravessando a placa, e no meio dela 1 a 3 pixels do brilho quase branco. A faixa é de borda dura: base, claro, brilho, claro, base, sem degradê longo.
4. Zona escura. Do lado oposto ao reflexo, uma área com o tom de sombra e alguns pixels do escuro profundo. O salto do claro para o escuro é o que diz "isso é metal".
5. Rebites. Nos 4 cantos, um pixel claro com um pixel escuro embaixo e à direita. É o detalhe que dá escala.
6. Arranhões (opcional). 1 ou 2 linhas finas de 2 a 3 pixels com o tom claro.

Metal pede pouca textura. Riscos e pontos demais transformam metal em pedra. A leitura vem do reflexo nítido e do contraste, não de detalhe.

Para metal enferrujado, troque os tons escuros por marrons alaranjados em manchas irregulares a partir das bordas e dos rebites, e reduza o brilho.

Fazer o tile repetir sem costura

Um tile bonito sozinho pode ficar horrível repetido. Dois problemas aparecem: a emenda (as bordas não casam) e o padrão (um detalhe se repete visivelmente a cada 16 pixels).

Tiled Mode no Aseprite. Pela documentação oficial (conferida em outubro de 2026), o modo fica em View > Tiled Mode. Ele repete o canvas em volta dele mesmo, nas duas direções ou só em um eixo, e você pode desenhar diretamente nas repetições: o pixel pintado na borda aparece do outro lado na hora. No LibreSprite e no Pixelorama existe um modo equivalente de repetição de tile no menu View (o nome muda entre versões), e no Krita o Wrap Around Mode (tecla W) faz o mesmo papel.

Fluxo:

1. Ative o Tiled Mode nos dois eixos.
2. Afaste o zoom até ver pelo menos 3x3 repetições.
3. Procure a emenda: juntas de pedra que não continuam, tábuas que desalinham, reflexo de metal que corta.
4. Corrija desenhando na borda. A alteração aparece em todas as repetições.
5. Procure o padrão: uma rachadura muito marcada que forma uma linha diagonal na parede inteira, um nó de madeira que vira grade de bolinhas. Suavize ou mova o detalhe.

Na produção real, a solução para o padrão repetido é fazer variações: 2 ou 3 versões do mesmo tile, com rachaduras e nós em lugares diferentes, e misturar no level design. O guia de como desenhar um tileset no Aseprite mostra como organizar essas variações e as bordas de transição entre materiais.

Na engine. Na Godot 4, o tile vai para um TileSet de um nó TileMapLayer, com a região de 16x16 de cada tile e o filtro de textura em Nearest. Na Unity 6, o tileset é fatiado no Sprite Editor (Sprite Mode em Multiple, slice por grade de 16x16), os tiles vão para uma Tile Palette e são pintados num Tilemap. Pixels Per Unit em 16 (o mesmo dos outros sprites), Filter Mode em Point (no filter) e Compression em None mantêm o tile do tamanho de uma célula e sem borrão. Nas duas engines, exporte o tileset em 1x e deixe a ampliação por escala inteira para a engine.

Erros comuns: ruído aleatório

Ruído aleatório. Pixels de cores variadas espalhados sem forma. Em tela, chiado. Correção: apague o ruído e reconstrua com formas (blocos, tábuas, placas) e luz coerente.

Contraste alto demais no fundo. Tile de parede com tons extremos compete com o personagem. Correção: comprima a rampa do cenário (menos distância entre o mais claro e o mais escuro) e reserve o contraste alto para o que é interativo.

Luz diferente da dos personagens. Bloco iluminado da direita, personagem da esquerda. Correção: uma direção de luz para o jogo inteiro.

Detalhe em todo bloco. Cada pedra com rachadura, cada tábua com nó. Correção: detalhe em 1 de cada 3 ou 4 elementos.

Textura sem material. Pedra e metal com a mesma rampa e o mesmo tratamento. Correção: pedra tem contraste médio e textura, metal tem contraste alto e pouca textura, madeira tem direção.

Próximo passo

Faça os três tiles de 16x16 desta receita, um de cada material, e teste cada um no Tiled Mode em 3x3. Depois monte uma cena pequena com os três juntos e o seu personagem por cima, e veja se ele se destaca.

Na sequência, o guia de tileset no Aseprite mostra como transformar esses tiles num conjunto completo com bordas e cantos.