Desenhos Mario Bros: o que você precisa saber antes de começar
A maioria das pessoas que chega quer baixar um PNG do Mario pronto e colar num vídeo. O problema é que essas imagens prontas geralmente vêm com fundos mal cortados, transparências que quebram em certos formatos, e resolução insuficiente para qualquer coisa que não seja um post pequeno no celular. Eu já passei por isso na marra. Vou falar de como construir desenhos mario bros funcionais, desde a captura dos sprites originais até a animação final, passando pelos problemas que ninguém menciona nos tutoriais genéricos.
desenhos mario bros: onde encontrar os recursos corretos
O ponto de partida é conseguir os sprites originais. A Nintendo não libera nada oficialmente pra uso em projetos pessoais, mas existem arquivos preservados pela comunidade de romhacking que são amplamente reconhecidos. O site spritezero.com tem os sprites do Super Mario Bros original em alta resolução, organizados por categoria. Tem o Super Mario World no zophar.net. Para NES e SNES, esses dois sites cobrem quase tudo. Aqui vai algo que poucas pessoas avisam: os sprites do SMB1 e SMB3 têm paletas diferentes mesmo usando os mesmos frames. Se você tentar sobrepor um sprite do Mario do SMB3 num fundo feito pro SMB1, as cores vão parecer erradas sem motivo aparente. A solução é usar o mapeamento de paleta correto. No SMB1 o verde é mais saturado, o azul do céu é mais claro. Diferença sutil que quebra a imersão se você não prestar atenção.
Eu já perdi meia tarde porque meu personagem estava "se mexendo sozinho" num frame. O que era? Um sprite de caminhada do Mario tinha um frame extra que não estava na paleta correta, então ele piscava entre duas versões diferentes do mesmo movimento a cada ciclo. O workaround foi comparar quadro a quadro com um dump de memória do jogo usando a ferramenta NES Screen Tool, copiar a paleta exata do arquivo CHR e reimportar. Levou uns 40 minutos, mas resolveu.
Montando os desenhos mario bros no editor
Para quem quer animar, o mais comum é usar algo como Aseprite, Piskel ou até Photoshop. Se você tá começando, o Piskel é gratuito e roda no navegador. O Aseprite custa cerca de 20 dólares mas é muito mais estável pra projetos maiores. O fluxo básico é: importar os sprites, organizar em pastas por ação ( parado, correndo, pulando, morrendo), depois montar a timeline frame a frame. A armadilha mais comum é não verificar a grid alignment. Os sprites do Mario têm um tamanho base de 16x16 pixels, mas dependendo do frame ele pode ocupar 24 ou 32 pixels de largura. Se sua grade não estiver configurada corretamente, tudo vai deslocar pra direita ou pra esquerda quando o personagem trocar de direção.
Outro detalhe que pega todo mundo: a paleta de cores. O NES tinha 52 cores disponíveis num palette de 64. Não tente inventar cores novas. Use exatamente as cores dos sprites originais, senão seu desenho vai ter uma pegada que não combina com o estilo pixel art clássico. Existe uma paleta de referência chamada NES Classic Color Palette que você pode baixar e importar direto no Aseprite ou Piskel.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Exportando sem destruir a qualidade
Se você exportar como GIF animado, tome cuidado com a quantidade de cores. GIF suporta no máximo 256 cores por frame, e como o NES já usa 52, sobra pouco espaço pra efeitos de transição ou fundo. A recomendação é usar APNG se o projeto for pra web, ou MP4 com codec H.264 se for pra YouTube. GIF só se o destino for Discord ou fóruns antigos. Eu já fiz um vídeo de animação do Mario completo em GIF e quando fui postar no Vimeo a qualidade tinha ficado terrível. Troquei pros frames em APNG e a diferença foi absurda. O arquivo ficou maior, mas a nitidez dos pixels preserved. Sem dithering, sem perda de cor. O Mario ficou com a cara dele de novo.
download e materiais prontos
Se você não quer montar os sprites do zero, existem pacotes prontos no itch.io. Procure por "Mario sprite sheet free" e filtre por tamanho e licença. A maioria dos pacotes vem com licença non-commercial, o que significa que você pode usar em projetos pessoais mas não pode vender nem colocar em um jogo com monetização. Leia os termos antes de usar. Um recurso bem útil é o pacote "Super Mario Bros Sprite Sheet by Shinesparkers". Ele inclui todos os sprites do SMB1, SMB2, SMB3 e Super Mario World em resolução 4x, o que facilita muito pra trabalhar sem perder definição. O link é shine sparkers.com/spritessheets. Grátis e bem organizado.
Problemas reais que você provavelmente vai enfrentar
Primeiro: frames que não sincronizam com o áudio. Se você tá fazendo um desenho com música de fundo, os frames têm que bater com o tempo da música. O Mario no NES corre a 60fps, mas muitos editores de vídeo trabalham em 30fps. Quando você importou os frames pros 30fps, o timing da animação ficou pela metade do esperado. A solução simples é manter 60fps em tudo, desde a edição até a exportação final. Perde um pouco de compatibilidade com editores antigos, mas evita esse problema. Segundo: sprites de fundo que se repetem. O Mario é um jogo de scrolling horizontal, então os elementos de fundo são tiles de 16x16 que se repetem. Se você colocar um sprite de nuvem ou de montanha numa posição aleatória na timeline, ele vai aparecer e desaparecer de forma estranha porque o tile não está posicionado corretamente no cenário. A regra é: posicione os tiles de fundo usando a grid do jogo, não no olho. Use uma referência do mapa real do nível como base.
Terceiro e mais chato: quando você tenta colocar o Mario pra pular mas ele fica travando no chão. Isso acontece porque o sprite de "no ar" do Mario é diferente do sprite de "no chão". Se você não alternar corretamente entre os dois frames dependendo da posição Y do personagem, ele vai parecer grudado no chão ou flutuando. A lógica é simples: se a velocidade Y for diferente de zero, use o sprite de pulo. Se a velocidade Y for zero e o personagem estiver no chão, use o sprite parado ou correndo. Parece óbvio, mas é o erro mais comum em animações iniciantes. Se você quer ir além disso, existe a técnica de interpolção de frames usando interpolação ótica. Ferramentas como RotoScope ou até o próprio After Effects com o plugin Trapcode Form conseguem suavizar a animação sem perder o estilo pixel art. Mas aí você tá entrando num nível bem mais avançado. A maioria dos projetos pessoais de desenhos mario bros não precisa disso. Quadros-by-quadro funciona perfeitamente se você tiver paciência.
O que eu recomendo pra quem tá começando agora: faça um vídeo curto de 10 segundos, com o Mario correndo da esquerda pra direita e pular uma vez. Só isso. Se você conseguir fazer isso direito, o resto vem junto. Começar com algo grande demais costuma frustrar e acabar abandonado na metade.