Criando um item do avatar no Animate

Para exibição de uma imagem que representa um acessório no avatar, usamos o conceito de sprites.

O sprite que utilizamos é composto por 6 camadas, cada uma de 512x512 pixels, totalizando 3072x512 pixels.

Cada um desses blocos de 512 pixels será montado no avatar de uma forma, e na seguinte ordem, partindo do fundo até por cima do avatar:

• Background: é a primeira camada que aparece por trás de todo o avatar;
• Cor: é a área que deverá ser preenchida em itens que permitem que o jogador aplique alguma cor no item. Deve ser sempre branco, e sem transparência;
• Sombras: aparece por cima da cor, e tem a finalidade de representar algum efeito de sombreamento no item;
  Deve-se usar sempre preto com transparência (a transparência controla a intensidade da luz sobre o item);
• Luzes: usada para criar efeitos de luzes do item, deve ser sempre branco com transparência (a transparência controla a intensidade de luz sobre o item);
• Contorno: como o próprio nome já diz, representa o contorno do item, e deve ser sempre preto e sem transparência;
• Foreground: é a última camada, e que é exibida por cima de todo o avatar. Os óculos ou máscaras, por exemplo, são criados nessa camada.

Veja alguns exemplo. Na imagem abaixo representa uma roupa utilizando as camadas Cor, Sombras e Contorno.

Este outro exemplo representa uma camiseta customizada com vários elementos, que foi criada usando apenas a camada foreground, que aparecerá por cima do avatar. Caso seja sua primeira vez criando itens, recomendamos criar desta forma, que é a mais simples.

Considerações:

• Utilizar o programa Adobe Animate;
• Salvar arquivo do sprite como item.png (3072x512 pixels)
• Salvar o arquivo do thumb como item_thumb.png (256x256 pixels)