Desenhe pedras em pixel art, passo a passo

Para desenhar pedras em pixel art, faça o contorno de cada pedra como uma elipse em cima com um lado curto e arredondado, preencha com um tom médio, sombreie os lados e os pontos embaixo das bordas de cima, coloque uma luz fina nas bordas de cima e termine com um pouco de musgo. Desenhe este grupo abaixo, um passo de cada vez.

Este sprite é largo. É mais fácil desenhar no computador, ou com o celular deitado.

Passo 1

Cores deste passo
Ferramentas
Guia

Mostrar o passo pronto
Timelapse do vídeo do curso do Roman: a mesma peça desenhada no Aseprite, acelerada 122 vezes
Do vídeo do meu curso: a mesma peça, desenhada na câmera, acelerada 122 vezes. Também no nosso YouTube.

As cores

Esta pedra usa oito cores: um tom médio, uma luz, três tons para o sombreamento e três verdes para o musgo. Parece muito, mas cada uma tem uma função clara, e você vai adicionando uma etapa de cada vez.

Passo 1: contorno

Contorno preto de três pedras empilhadas, cada uma com o topo oval e um lado arredondado

Cada pedra tem um topo em elipse e um lado curto e arredondado embaixo dele, um pouco como um cilindro. Comece pelos topos: a ferramenta de elipse deixa isso rápido. Depois adicione os lados e ligue eles aos topos. Pedras perdoam bastante, então se uma pedra sair meio torta, ela continua parecendo uma pedra. Termine com uma pedrinha encaixada no meio.

Passo 2: Cor

As pedras preenchidas com um tom médio cinza claro, com as linhas de dentro ainda visíveis

Preencha as pedras com o tom médio. Mude a cor do contorno de fora como sempre fazemos, já que a forma está resolvida. Mas desta vez mantenha as linhas de dentro, os contornos. Elas mostram como as pedras se apoiam umas nas outras, assim você não se perde enquanto pinta.

Este também é um bom momento para colocar o fundo. Ver as pedras contra ele ajuda a avaliar o sombreamento nos próximos passos.

Passo 3: sombreamento

As pedras com os lados em cinza mais escuro e sombras escuras embaixo de cada borda de cima

A luz vem de cima. Então os topos recebem mais luz, os lados recebem pouca, e os pontos logo embaixo de cada borda de cima quase não recebem nada, porque a borda fica para fora e bloqueia a luz. Isso te dá três tons, do claro ao escuro: a parte do fundo de cada topo, os lados, e as áreas embaixo das bordas.

Use o sombreamento para fazer algumas rachaduras também. Dois ou três pixels numa linha curta já bastam. A pedrinha do meio fica embaixo das maiores, então sombreie ela toda um pouco.

Passo 4: Luz

As pedras com uma linha fina de luz ao longo das bordas de cima

Coloque uma linha fina da cor clara ao longo das bordas de cima, onde a luz bate primeiro. No meu vídeo, na verdade, eu marco as luzes no meio do sombreamento. Saber para onde a luz vai deixa mais fácil decidir onde vão as sombras.

Passo 5: Musgo

As pedras com musgo verde crescendo sobre os topos e os lados

O musgo deixa as pedras com cara de prontas e de reais. Eu gosto de colocar ele numa camada própria. Comece com o verde mais claro nos topos, depois o verde mais escuro onde tem menos luz, e espalhe alguns pixels do verde mais escuro aqui e ali para dar textura. Não tenha medo de passar da borda de uma pedra. O musgo cresce pelos lados também.

As pedras prontas

As pedras em pixel art prontas, com musgo, num fundo roxo escuro

Você pode continuar, colocando mais musgo, mais rachaduras, mais textura. Mas isso já é um asset de jogo sólido. Tente outro grupo num canvas de 62 por 62: duas pedras grandes, ou uma alta com uma pequena no pé dela.

Uma pedra maior

Uma pedra grande e escura em pixel art dentro de uma água azul clara, com um anel de água mais clara em volta

Os mesmos passos funcionam em tamanho maior. Esta pedra maior está na água: os planos pegam a luz de cima à esquerda, o lado escuro fica quase preto, e um anel de água mais clara em volta da base apoia ela na superfície. Tente uma sua: uma pedra na grama, depois a mesma pedra na água.