Folha de expressões do mascote

Todas as expressões do seu mascote, a partir de uma imagem.

Envie uma imagem do seu mascote e receba o conjunto de expressões dele em animações: happy, sad, thinking, sleeping, talking e mais cinco humores, além das reações success, error, yes, no, enter e exit. Cada uma movimenta a sua própria arte, então o rosto, as cores e as proporções nunca mudam de uma expressão para outra, como costuma acontecer quando uma ferramenta de imagem com IA redesenha o personagem.

Veja no seu app Ver planos

Humores: 10 expressões em loop
Reações: 6 reações únicas + intro de abertura
Consistência: A mesma arte em todos os frames
A partir de: US$ 20/mês

Kiko, um personagem de demonstração do Charmotion

Arquivo Rive ao vivo

Em loop

Toca uma vez

Este é o .riv real que nosso motor entrega, rodando no seu navegador. É a mesma state machine que você controla no seu app com um input numérico e um trigger para cada reação única.

A folha completa, 17 animações

Expressão	Tipo	Uso típico
idle	loop	Estado de repouso, tela inicial
happy, wave	loop	Boas-vindas, onboarding, boas notícias
thinking, loading	loop	Trabalhando em algo, esperando
sad	loop	Estado de falha, sequência perdida
listening, talking	loop	Assistentes de chat e de voz
sleeping	loop	Telas vazias, nada por aqui ainda
attention	loop	Dicas, lembretes, notificações
success, error	reação única	Salvo, pago ou algo deu errado
yes, no	reação única	Respostas, confirmações
enter, exit	reação única	Aparecendo e saindo
launch	intro	Cerca de 2,6 s, termina em idle

Um personagem, não dezessete sósias

Por que nada muda

Ferramentas de imagem com IA geram cada expressão como uma imagem nova, então olhos, cores e acessórios mudam entre elas. Aqui cada expressão recebe keyframes a partir da mesma imagem enviada, e qualquer rosto que falte no seu desenho é adicionado no estilo dele para você aprovar. Arte plana e de frente recebe expressões faciais e acenos; arte 3D ou detalhada mantém os pixels exatos no modo Motion e mostra o humor com compressão, inclinação, pulos e piscadas. Mais em por que a animação com IA muda o seu personagem.

Não está na folha

Novas poses, ângulos ou turnaround: o conjunto anima a pose da sua imagem.
Emoções personalizadas além das 17, como raiva ou surpresa.
Arquivos PNG: extraia imagens estáticas como frames do MP4 ou do GIF.

Resultado real

Arquivos entregues, exatamente como você os baixaria.

MP4 Todo conjunto

1080 × 1080 a 60 fps. Aqui: o wave do Gummo, de um conjunto entregue.

WebM & MOV transparentes Todo conjunto

Canal alfa incluído, por isso o quadriculado aparece por trás. O MOV é HEVC com alfa para apps e editores da Apple.

Kiko em thinking, saída em GIF — GIF Todo conjunto
Prévias leves para documentação, e-mail e chat. O loop “thinking” do Kiko.

Vídeo de abertura 9:16 Todo conjunto

1080 × 1920 para stories e splash screens. A intro de abertura do Sizzle.

kiko.riv · 150 KB

CharacterStateMachine: input numérico mood
0 a 9: idle, happy, wave, thinking, sad, loading, listening, talking, sleeping, attention
triggers: success · error · yes · no · enter · exit
LaunchStateMachine: launch → idle, toca uma vez

State machine do Rive Todo conjunto

Um único arquivo pequeno no lugar de 17 vídeos. É ele que faz funcionar a demo no topo desta página.

import { useRive, useStateMachineInput } from "@rive-app/react-canvas";

export function Kiko({ mood = 0 }) {
  const { rive, RiveComponent } = useRive({
    src: "/kiko.riv",
    stateMachine: "CharacterStateMachine",
    autoplay: true,
  });
  const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
  if (input) input.value = mood; // 0 idle · 1 happy · 2 wave · 3 thinking · 4 sad · 5 loading …
  return <RiveComponent style={{ width: 320, height: 320 }} />;
}

Código pronto para colar Todo conjunto

Componentes para web, React e SwiftUI com o nome do seu personagem.

Formatos incluídos em cada plano
Formato	Especificações	Ideal para	Starter & All in one
MP4	1080 × 1080, 60 fps, todas as 17 animações	Apps, redes sociais, apresentações, vídeos de produto	Incluído
Vídeo de abertura 9:16	MP4 1080 × 1920	Stories, Reels, splash screens	Incluído
GIF	Prévias de 480 px, fundo sólido	Documentação, e-mail, chat, README	Incluído
Rive (.riv)	Vetorial; view model com Data Binding + inputs legados: mood para os loops, triggers para as reações únicas e uma state machine para a intro de abertura	Apps e sites interativos (web, iOS, Android, Flutter)	Incluído
WebM com fundo transparente	VP9 com canal alfa, 1080 × 1080	Sobreposições na web sobre qualquer fundo	Incluído
MOV com fundo transparente	HEVC com canal alfa	Final Cut, Keynote, iOS, Safari	Incluído
Código	Componentes para web (HTML), React e SwiftUI	Cole e publique	Incluído
Baixar tudo (.zip)	Arquivo Rive, código, README e pôsteres em um só arquivo	Entrega para o seu time	Incluído
Exportação de vídeo	MP4, GIF, WebM e MOV transparentes, 9:16: escolha formatos e animações na página do conjunto, prontos em cerca de um minuto	Só os vídeos de que você precisa	Incluído
Assistentes de IA (MCP)	Claude, Cursor, VS Code e Codex	Crie, anime e receba links de download no chat	Incluído

Planos

Comece grátis. Faça upgrade quando precisar de mais.

Todo conjunto inclui o .riv e o código, e exporta cada expressão como MP4, GIF, vídeo 9:16 e WebM e MOV transparentes sob demanda, a partir do Starter (US$ 20/mês). Preços em USD; os impostos são calculados no checkout pela Creem.

Free

$0para sempre

Experimente com o seu próprio logo e personagem.

Comece grátis

Ideias de animação de logo (3 conceitos)
Prévia do personagem em apps
Sem cartão
2 Designs com IA (logos ou personagens)
Funciona no Claude, Cursor, Codex
Suporte por e-mail

Mais popular

Starter

US$ 20/mês

Para um app ou site.

Assinar Starter

3 animações de logo por mês
3 conjuntos de personagem por mês
Rive, vídeo transparente e código
12 designs com IA por mês
1 refinamento por animação de logo
Chamados de suporte

All in one

US$ 100/mês

Para times e várias marcas.

Assinar All in one

15 animações de logo por mês
10 conjuntos de personagem por mês
Vídeo 3D cinematográfico incluído
40 designs com IA por mês
3 refinamentos por animação de logo
Builds e suporte prioritários

FAQ

Antes de começar.

Veja mais nas perguntas frequentes.

Meu mascote vai ficar igual em todas as expressões?

Sim. Toda expressão é animada a partir da mesma imagem enviada, então cores, contornos, proporções e acessórios ficam como foram desenhados. Se faltar no seu desenho um rosto de que o conjunto precisa, como triste, falando ou dormindo, adicionamos uma boca ou olhos fechados combinando no estilo dele, e você os aprova primeiro. Geradores de imagem criam cada expressão como uma imagem nova, e é por isso que os personagens variam entre elas.

Posso receber as expressões do mascote como imagens PNG estáticas?

Arquivos PNG não fazem parte do conjunto, mas você pode extrair uma imagem de qualquer frame do MP4 ou do GIF, por exemplo com ffmpeg -ss 1 -i happy.mp4 -frames:v 1 happy.png. Em um plano pago, decodifique o WebM transparente com -c:v libvpx-vp9 antes de -i para ter uma imagem sem fundo.

Vocês podem adicionar raiva, surpresa ou outras expressões?

Hoje não. Todo conjunto tem as mesmas 17 animações, o que mantém o preço fixo e o contrato de código idêntico para todos os personagens. Se você precisa de emoções personalizadas, fale com a gente ou passe um briefing a um animador freelancer.

Recebo poses de corpo inteiro ou um turnaround do personagem?

Não. O conjunto anima a pose da sua imagem, de frente para quem vê; ele não inventa novas poses, vistas laterais nem uma folha de turnaround. Se o seu mascote precisa disso, desenhe essas versões antes. Vistas laterais e de três quartos também animam pior do que uma vista frontal.

As expressões vão seguir o guia de marca da nossa empresa?

Elas seguem a sua arte: nada é recolorido nem reestilizado, então, se a imagem segue as suas diretrizes, todas as expressões também seguem. O estilo de movimento não é ajustado por marca; para diretrizes rígidas, fale com a gente antes de fazer o pedido.

Saiba mais

Guias para este trabalho.

Veja primeiro com o seu personagem.

Grátis, no seu navegador. A sua imagem fica no seu dispositivo, a menos que você peça o clipe animado curto.

Prévia grátis

Outras formas de usar o Charmotion

PNG para Rive Animador de mascote com IA Imagem para animação de personagem Para apps iOS Serviço de animação Rive Criador de logo animado Avatar de chatbot animado Animação de splash screen Animação de carregamento com logo Mascote para site Animação de logo com fundo transparente Mascote para apps mobile Gerador de mascote com IA