Pular para o conteúdo
charmotion

Serviço de animação de mascote: o que pedir e o que você deve receber

Por equipe Charmotion · Atualizado em

Ilustração de capa do guia: Serviço de animação de mascote. Uma imagem de mascote entregue como um conjunto de estados animados

Ao encomendar a animação de um mascote, peça um conjunto de estados, não um único clipe: idle, loading, success, error e os outros estados que suas telas usam, entregues como arquivo Rive interativo, além de vídeo com fundo transparente, MP4 e GIF, com direitos comerciais e um número definido de rodadas de ajustes. Esse briefing funciona tanto para contratar um animador quanto para usar um gerador.

Principais pontos

  • Liste os momentos do seu produto em que o mascote aparece; cada momento é um estado.
  • Peça formatos interativos (Rive) e com fundo transparente, não apenas MP4.
  • Garanta os direitos de uso comercial por escrito e confirme que você os mantém após o fim de qualquer assinatura.
  • Combine as rodadas de ajustes e o prazo de entrega com antecedência; geradores trocam a atuação sob medida por velocidade e preço.

Já tem um personagem ou logo? Veja seu personagem em telas reais de app: telas de splash, onboarding, carregamento e estado vazio. É grátis, roda no navegador e não envia nada.

Quais animações devo pedir?

Comece pelas suas telas, não por uma lista de movimentos fofos. Cada lugar onde o mascote aparece é um estado:

EstadoTipoUso típico
idleloopPadrão em todas as telas
happy, waveloopBoas-vindas, onboarding
thinking, loadingloopAguardando uma requisição
sad, sleepingloopErros, estados vazios
attentionloopDirecionar o usuário para um prompt ou recurso novo
listening, talkingloopAssistentes de chat e de voz
success, error, yes, noreação únicaReações a uma ação do usuário
enter, exitreação únicaMostrar e esconder o personagem

O guia de estados de animação de mascote explica cada um. Os loops devem começar e terminar na mesma pose; as reações únicas devem voltar ao idle.

Quais formatos de arquivo devem ser entregues?

FormatoOnde é usado
.riv com state machineUso interativo em iOS, Android, Flutter, React Native e na web
WebM com fundo transparente (VP9 com alfa)Sobreposições em sites no Chrome, Edge e Firefox
MOV com fundo transparente (HEVC com alfa)Safari, iOS, Keynote e editores de vídeo
MP4Posts em redes sociais, apresentações, vídeos de loja
GIFE-mail, chat, documentos

Se os seus desenvolvedores forem fazer a integração, peça por escrito os nomes e inputs da state machine ou as propriedades do view model, além de um exemplo de código.

E os direitos, os ajustes e o prazo de entrega?

  • Direitos: comerciais, mundiais, sem prazo de validade, e a propriedade do personagem continua sendo sua.
  • Arquivos-fonte: o arquivo Rive editável, caso você queira alterações no futuro.
  • Ajustes: um número fixo de rodadas e o que conta como ajuste.
  • Prazo de entrega: peça ao animador um cronograma por estado; geradores entregam em horas.

Devo contratar um animador ou usar um gerador?

Contrate um animador quando o personagem precisar de atuação sob medida, uma cena com história, sincronia labial com um roteiro ou um estilo de arte que um rig não consegue reproduzir. Peça um orçamento com base no briefing acima.

Use um gerador quando você tem um mascote plano e frontal e precisa dos estados padrão de produto com rapidez e consistência. O Charmotion entrega 17 animações a partir de uma imagem, normalmente em poucos minutos: o Starter por US$ 20 por mês (3 conjuntos por mês com MP4, GIF, um vídeo 9:16, o .riv com state machines, WebM e MOV transparentes e código React e SwiftUI) e o All in one por US$ 100 por mês para times. É automatizado; para trabalho sob medida, finalizado à mão, contrate um animador freelancer. Você mantém os direitos comerciais sobre os arquivos depois de cancelar. Veja a prévia do seu mascote antes, grátis.

Perguntas frequentes

Quantas animações um mascote de app precisa?

A maioria dos produtos usa de seis a dez: idle, uma saudação, loading ou thinking, success, error e um estado vazio, além de listening e talking para assistentes. O conjunto do Charmotion tem 17, para cobrir os casos mais comuns.

A animação é minha?

O personagem deve ser seu, e você deve receber uma licença comercial ou a propriedade dos arquivos. Garanta isso por escrito e confira se os direitos continuam valendo após o fim de uma assinatura.

Um serviço pode animar o logo que eu já tenho?

Geralmente, sim. Logos planos animam melhor. Veja o guia sobre como animar um logo a partir de um PNG para saber o que preparar.

Respostas rápidas deste guia

Fontes

Guias relacionados