Como criar REFLEXOS em PIXEL ART no Aseprite?

Etapa 1: Prepare sua animação original

1. Abra sua animação original no Aseprite (neste exemplo, estamos usando a animação Idle da Hornet).
2. Vá em File > Export Sprite Sheet.
3. Exporte como PNG (formato ideal).

Salve o Sprite Sheet, que é a imagem com todos os frames lado a lado.

Etapa 2: Crie um novo arquivo para o reflexo

1. Crie um novo arquivo no Aseprite com tamanho um pouco maior que o personagem que será espelhado, por exemplo, 64×64 pixels.
2. Vá em File > Import > Import Sprite Sheet.
3. Clique em Select File e escolha a imagem exportada anteriormente.
4. Nas configurações:

Coloque os valores de colunas e linhas que correspondem ao número de frames da sua sprite sheet (ex: 2×2 para 4 frames).

5. Clique em Importar e, se vierem frames em branco, delete-os manualmente.

Etapa 3: Copie os frames para o novo arquivo

1. Faça uma seleção com a ferramenta retângulo ao redor do primeiro frame.
2. Segure Shift e clique nos outros frames para selecionar todos.
3. Pressione Ctrl+C para copiar.
4. Vá até o novo arquivo e pressione Ctrl+V para colar.
5. Use a ferramenta Move Tool (ícone de cruz) para reposicionar corretamente a animação.

Dica: Sempre selecione todos os frames antes de mover, senão só moverá o frame atual.

Etapa 4: Criando o reflexo

1. Crie uma nova layer (camada).
2. Selecione todos os frames da camada original com Shift.
3. Segure Ctrl, clique e arraste a animação para cima para duplicá-la na nova layer.

1. Pressione a tecla C para abrir a opção de redimensionamento do canvas.
2. Ancore o canvas na parte de cima e adicione, por exemplo, 32 pixels para baixo.

Etapa 5: Inverta e distorça para simular o reflexo

1. Na nova layer (do reflexo), selecione todos os frames.
2. Faça uma caixa de seleção ao redor do sprite.
3. Observe o valor do eixo Y (ex: 53), você deve baixar a caixa de seleção até esse valor ficar negativo, mas sem passar -53 do meu exemplo.

1. Inverta verticalmente o sprite (com uma rotação vertical ou arrastando para posição negativa).
2. Diminua a altura vertical para achatar o reflexo, isso criará a distorção que simula a água.

Etapa 6: Adicione a camada de água

1. Crie uma nova camada chamada “Água”.
2. Pinte a parte de baixo da Hornet (abaixo dos pés) com um tom de azul em todos os frames.

1. Clique duas vezes na bolinha da célula de animação para abrir as opções.
2. Ajuste a transparência para 50% (ou outro valor a gosto).

Etapa 7: Crie o fundo com gradiente

1. Crie uma nova layer chamada “Fundo” e mova para trás de todas as camadas.
2. Selecione a Gradient Tool.
3. No topo, escolha Radial Gradient.

1. Escolha duas cores na paleta: Cor primária (clara, ex: branca) Cor secundária (escura, ex: roxa)
2. Arraste do centro para fora para aplicar o gradiente e replique o fundo para todos os frames.

Você agora tem uma animação com um efeito de reflexo dinâmico em água, feito 100% no Aseprite.

E esse efeito adiciona muito charme visual às suas animações!

Quer aprender mais dicas e técnicas avançadas sobre Pixel Art? Conheça o curso mais completo de Pixel Art do mercado.

Clique aqui nesse texto e conheça o curso Aprenda Pixel Art!

E caso tenha tido dificuldade nesse tutorial, logo abaixo deixaremos um vídeo passo a passo de como foi feito esse reflexo!

Tutorial de reflexo em Pixel art abaixo: