Serviço de animação de mascote: o que pedir e o que você deve receber
Por equipe Charmotion · Atualizado em

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:
| Estado | Tipo | Uso típico |
|---|---|---|
| idle | loop | Padrão em todas as telas |
| happy, wave | loop | Boas-vindas, onboarding |
| thinking, loading | loop | Aguardando uma requisição |
| sad, sleeping | loop | Erros, estados vazios |
| attention | loop | Direcionar o usuário para um prompt ou recurso novo |
| listening, talking | loop | Assistentes de chat e de voz |
| success, error, yes, no | reação única | Reações a uma ação do usuário |
| enter, exit | reação única | Mostrar 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?
| Formato | Onde é usado |
|---|---|
| .riv com state machine | Uso 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 |
| MP4 | Posts em redes sociais, apresentações, vídeos de loja |
| GIF | E-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
- State Machine, Rive
- Data Binding overview, Rive
- prefers-reduced-motion, MDN Web Docs
- Rive pricing, Rive