Camadas e Timeline no Aseprite: Organize o Projeto

Dominar camadas e timeline no Aseprite é o que separa um arquivo bagunçado de um projeto que você consegue editar meses depois sem se perder. A janela de desenho chama atenção primeiro, mas é na timeline, aquela grade na parte de baixo da tela, que a organização de verdade acontece. Ela guarda duas ideias que muita gente confunde: as camadas, que empilham desenhos no mesmo instante, e os frames, que marcam a passagem do tempo. Entender como essas duas coisas se cruzam muda a forma como você monta sprites, animações e cenas inteiras.

Se você ainda está montando seu ambiente ou quer o panorama geral da ferramenta, vale começar pelo guia de Aseprite para jogos antes de mergulhar aqui. Este texto assume que você já abriu o programa e quer entender a estrutura por trás dele.

Como funciona a grade: camadas e timeline no Aseprite

A timeline é uma grade de duas dimensões. Pense nela como uma planilha.

No eixo vertical ficam as camadas (layers). Uma camada é uma folha transparente empilhada sobre as outras. Você põe o contorno numa camada, o preenchimento de cor em outra, a sombra em uma terceira. As de cima aparecem na frente das de baixo. Isso permite mexer na sombra sem tocar no contorno, ou apagar a cor sem perder o traço. É o mesmo princípio de qualquer editor de imagem, só que voltado para pixel.

No eixo horizontal ficam os frames. Cada frame é um instante da animação, lido da esquerda para a direita. O frame 1 vem antes do frame 2, que vem antes do frame 3. Quando você aperta play, o Aseprite percorre os frames na ordem e você vê o movimento. Um sprite estático tem um frame só; uma caminhada pode ter seis, oito, doze.

O ponto que costuma travar iniciante é este: camada não é frame. A camada organiza o desenho no espaço (o que está na frente do quê). O frame organiza o desenho no tempo (o que vem antes do quê). São eixos perpendiculares. Você pode ter três camadas e um frame, ou uma camada e vinte frames, ou qualquer combinação.

O que é um cel

O cruzamento de uma camada com um frame é uma célula da grade. Quando essa célula tem desenho, ela é um cel. O nome vem dos "cels" da animação tradicional, aquelas folhas de acetato pintadas à mão.

Na prática: se você tem a camada "contorno" e desenha algo no frame 3, você criou um cel na linha "contorno", coluna 3. As células preenchidas aparecem com um pontinho ou uma miniatura na timeline. As vazias ficam em branco, e naquele frame aquela camada simplesmente não mostra nada.

Isso é útil de entender porque uma camada pode ter cels só em alguns frames. Um efeito de brilho pode existir apenas nos frames 4 e 5 de uma animação de dez quadros. Nos outros oito, aquele cel fica vazio e o brilho não aparece. Você controla desenho por desenho, célula por célula.

Grupos de camadas para organizar um personagem

Quando um sprite cresce, a lista de camadas vira uma torre difícil de ler. A solução do Aseprite são os grupos de camadas. Um grupo é uma pasta que recolhe várias camadas sob um nome só, e você abre ou fecha com a setinha ao lado.

Para um personagem, um arranjo que funciona bem é separar por parte do corpo:

• Corpo: camadas de contorno, cor base e sombra do tronco e das pernas.
• Rosto: olhos, boca, sobrancelhas, tudo que muda de expressão.
• Arma: a espada, o cajado ou o rifle que a mão segura.

Com isso, quando você for animar só o rosto para uma fala, abre o grupo "Rosto" e ignora o resto. Quer trocar a arma inteira? Some com o grupo "Arma" e desenha outro. Os grupos também respeitam a ordem de empilhamento, então "Arma" acima de "Corpo" faz a arma aparecer na frente das mãos, como esperado.

Para criar um grupo, selecione as camadas que quer juntar, clique com o botão direito na timeline e escolha a opção de agrupar. Nomeie tudo. Camada sem nome, tipo "Layer 4", é a origem da bagunça que você vai xingar daqui a um mês.

Camadas de referência

Nem todo desenho na tela precisa ir para o arquivo final. Às vezes você quer um esboço por baixo para guiar o traço, ou uma foto de referência para acertar proporção. Para isso existe a camada de referência (reference layer).

Uma camada marcada como referência aparece na área de trabalho, mas não é exportada junto com o sprite e não interfere no desenho. Ela serve de gabarito. Você importa uma imagem, coloca numa camada, marca ela como referência pelo menu de propriedades da camada, e desenha por cima com tranquilidade. Na hora de exportar o spritesheet, ela some sozinha.

Isso é ótimo para pixelar a partir de um rascunho maior, ou para manter uma pose-guia visível enquanto você refina os detalhes. A referência fica lá, discreta, sem risco de virar parte do resultado por engano.

Cels vinculados para reaproveitar quadros

Aqui está um dos recursos que mais economiza tempo em animação: os cels vinculados (linked cels).

Muita animação repete quadros. Um ciclo de idle costuma ter uma pose parada que aparece em vários frames. Um piscar de olhos volta ao mesmo desenho de olho aberto. Copiar e colar o mesmo cel em cada frame funciona, mas cria um problema: se você precisar ajustar aquele desenho, tem que ajustar cada cópia, uma por uma.

O cel vinculado resolve isso. Em vez de copiar o conteúdo, você faz vários frames apontarem para o mesmo cel. Editou um, editou todos. É a mesma folha de desenho reutilizada em posições diferentes do tempo.

Para criar um, selecione um cel na timeline, segure e arraste com a tecla que faz o link (por padrão o Aseprite oferece "Link Cels" no menu de contexto do cel), ou copie o cel e cole como vinculado. Os cels vinculados aparecem com uma marca visual diferente na grade, geralmente uma faixa que conecta os frames envolvidos, para você saber de relance quais estão amarrados.

Além de poupar edição, isso deixa o arquivo mais leve, porque o desenho é guardado uma vez só. Num ciclo de caminhada em que a pose de contato se repete, ou num fundo estático que acompanha vários frames de personagem, o ganho é grande. Se um dia você quiser que um frame vinculado siga um caminho próprio, é só transformá-lo de novo num cel independente e editar à vontade.

Blend modes básicos

Por padrão, uma camada de cima simplesmente cobre a de baixo onde tem pixel. Mas o Aseprite deixa mudar como as camadas se misturam, através dos blend modes (modos de mesclagem), no topo do painel de camadas.

Alguns que resolvem a maioria dos casos em pixel art:

• Normal: o comportamento padrão. A camada cobre o que está embaixo.
• Multiply: escurece. Ótimo para uma camada de sombra: você pinta a área em um tom e ela multiplica sobre a cor base, dando penumbra sem precisar escolher a cor exata da sombra.
• Screen ou Addition: clareiam. Servem para brilhos, luz de tocha, reflexo. A camada some com o preto e realça o que está por baixo.
• Overlay: combina os dois, escurece as partes escuras e clareia as claras, útil para ajustes de clima e iluminação geral.

Cada camada também tem um controle de opacidade ao lado do blend mode. Baixar a opacidade de uma camada de sombra em Multiply para uns 60% costuma deixar a penumbra mais crível do que 100%. A dica é usar blend mode como ferramenta de teste: pinte numa camada separada em Multiply ou Screen, veja o efeito, e só depois decida se acha o resultado bom o suficiente para achatar tudo numa camada só.

Navegando a timeline no dia a dia

Saber a teoria não adianta se você luta com a interface. Alguns hábitos que deixam a navegação fluida:

• Play e stop rodam a animação inteira para você conferir o timing sem exportar nada.
• Clicar num cabeçalho de frame (o número em cima da coluna) posiciona o desenho naquele instante. Clicar no nome de uma camada seleciona ela para edição.
• O onion skin, aquele botão que mostra fantasmas dos frames vizinhos, é o que permite desenhar movimento com precisão: você vê o quadro anterior meio transparente e alinha o próximo em cima dele.
• Você ajusta a duração de cada frame em milissegundos clicando no cabeçalho do frame. Um quadro pode durar mais que os outros, tipo uma pose de impacto que segura por um instante antes de seguir.
• Arrastar cels na grade move desenho de um frame para outro. Arrastar camadas reordena o empilhamento.

Boa parte disso fica mais rápido com teclado. Vale ter na manga os atalhos essenciais do Aseprite para pular entre frames e camadas sem largar a mão do mouse. Trocar de camada com uma tecla enquanto desenha muda completamente o ritmo do trabalho.

Juntando tudo num projeto limpo

A lógica que mantém uma animação organizada é sempre a mesma: as camadas separam as partes do desenho no espaço, os frames separam os instantes no tempo, os cels são o encontro dos dois, os grupos arrumam a lista quando ela cresce, os cels vinculados eliminam repetição e os blend modes dão profundidade sem sujar o traço base. Nenhum desses recursos é complicado sozinho. A força está em usá-los juntos, com nomes claros e uma estrutura que você reconhece ao reabrir o arquivo.

Um exemplo de projeto arrumado: um grupo "Personagem" com subcamadas de corpo, rosto e arma; uma camada de referência com o esboço original desligada da exportação; uma camada de sombra em Multiply por cima de tudo; e uma animação de idle onde três dos oito frames são cels vinculados à mesma pose parada. Isso abre limpo, edita rápido e exporta certo.

Se você está construindo essa base para de fato colocar arte num jogo, faz sentido conectar o desenho ao resto da produção. O curso de criação de jogos para iniciantes mostra como a arte 2d entra numa engine e vira parte de um projeto jogável, e não só um arquivo bonito parado na pasta.

Comece pequeno. Abra um sprite, crie duas ou três camadas com nomes de verdade, faça uma animação curta de dois quadros e brinque com um cel vinculado. Quando a grade da timeline deixar de ser um mistério e virar reflexo, o resto do Aseprite fica bem mais leve.