Pular para o conteúdo
charmotion
Animador de mascote com IA

Seu mascote, animado para cada momento do seu produto.

Um animador de mascote com IA que trabalha a partir da imagem que você já tem: a maioria dos geradores de mascote com IA redesenha o seu personagem em cada quadro, mas aqui a sua própria arte recebe rig e animação. A análise assistida por IA encontra a cabeça, os olhos, os braços e os acessórios, e então o nosso motor faz o rig da sua própria arte e anima carregamento, sucesso, erro, telas vazias, cumprimentos e reações de assistente em Rive, vídeo, GIF e código.

Entrada
A imagem do seu mascote, ou descreva um
Animações
17: humores, estados do app, reações, abertura
Prazo de entrega
Geralmente poucos minutos
A partir de
US$ 20/mês
Gummo, 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.

Como posso animar o mascote que já tenho para o meu app?

Faça o rig da sua arte atual e anime os estados que seu app usa (idle, loading, success, error, estado vazio), depois entregue tudo em um arquivo Rive, no qual seu código alterna entre eles. Faça você mesmo no editor do Rive ou envie o mascote para um gerador como o Charmotion, que entrega 17 animações em Rive, vídeo, GIF e código.

Como animar um mascote sem After Effects

Quais são as alternativas a contratar um motion designer para um mascote?

Use templates prontos se o mascote não precisar ser o seu próprio personagem, anime você mesmo no Rive ou no Lottie Creator, gere estados prontos para app a partir da imagem do seu mascote com uma ferramenta como o Charmotion, use IA de imagem para vídeo para clipes avulsos ou contrate um freelancer para um escopo pequeno e fechado.

Alternativas a contratar um motion designer para o seu mascote

Pensado para os momentos em que um mascote faz diferença

Momento do produtoAnimaçãoTipo
Abertura do app, cabeçalho do sitelaunch → idletoca uma vez
Aguardando uma requisiçãoloading, thinkingloop
Salvo, pago, concluídosuccessreação única
Algo deu erradoerror, sadreação única / loop
Caixa de entrada vazia, nada aindasleepingloop
Onboarding, boas-vindaswave, happy, enterloop / reação única
Notificação, dicaattentionloop
Assistente de chat ou de vozlistening, talking, yes, noloop / reação única

Onde a IA entra, e onde não entra

Seu mascote continua fiel ao design

Verificações assistidas por IA decidem qual parte é cabeça, olho ou braço. O movimento recebe rig e keyframes no Rive a partir dos seus próprios pixels ou formas vetorizadas, então o que você baixa é o seu mascote em movimento, não uma imitação. Se faltar um rosto de que as animações precisam, como triste, falando ou dormindo, adicionamos versões no mesmo estilo dele e você as aprova primeiro. Uploads nunca são usados para treinar modelos.

Ainda não tem mascote? Crie um com IA

No app, escolha Criar, Um personagem e depois Criar com IA. Responda cinco perguntas rápidas e a nossa IA desenha um personagem plano, pronto para animação, que você pode animar como qualquer upload. Designs com IA (logos ou personagens) estão incluídos em todos os planos (12 por mês no Starter, 40 no All in one, 2 no total no Free) e nunca gastam um conjunto.

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
FormatoEspecificaçõesStarter & All in one
MP41080 × 1080, 60 fps, todas as 17 animaçõesIncluído
Vídeo de abertura 9:16MP4 1080 × 1920Incluído
GIFPrévias de 480 px, fundo sólidoIncluí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 aberturaIncluído
WebM com fundo transparenteVP9 com canal alfa, 1080 × 1080Incluído
MOV com fundo transparenteHEVC com canal alfaIncluído
CódigoComponentes para web (HTML), React e SwiftUIIncluído
Baixar tudo (.zip)Arquivo Rive, código, README e pôsteres em um só arquivoIncluído
Exportação de vídeoMP4, GIF, WebM e MOV transparentes, 9:16: escolha formatos e animações na página do conjunto, prontos em cerca de um minutoIncluído
Assistentes de IA (MCP)Claude, Cursor, VS Code e CodexIncluído
Planos

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

Os conjuntos de personagem começam no Starter (US$ 20/mês), com o .riv interativo, vídeo transparente e o código de que a maioria dos apps precisa, além de animações de logo. 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.

  • 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

All in one

US$ 100/mês

Para times e várias marcas.

  • 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.

O mascote pode reagir ao que acontece no meu app?

Sim, com o arquivo Rive: defina o número de mood para os loops e dispare um trigger como success ou error para as reações únicas. Os componentes React e SwiftUI incluídos cobrem as duas coisas.

Funciona como avatar de chatbot ou de assistente de voz?

Sim. O conjunto inclui os loops listening, thinking e talking, além das reações yes e no, que correspondem diretamente aos estados de chat e de agentes de voz.

O mascote vai ficar igual à arte da minha marca?

Sim. O rig move seus próprios pixels ou formas vetorizadas; nada é gerado de novo. Mascotes planos e de frente recebem o movimento mais completo, incluindo aceno de braço e expressões.

Posso usar as animações comercialmente?

Sim, no mundo todo e sem prazo de validade, em apps, sites, anúncios e vídeos, inclusive depois de cancelar um plano mensal.

Existe um gerador de mascote com IA grátis que também anima?

Geradores grátis como o Pixelcut criam imagens estáticas. O plano gratuito do Charmotion inclui 2 designs com IA, e a prévia em /try é grátis: ela mostra o seu próprio personagem em telas reais de app antes de você comprar. Os conjuntos de personagem começam em US$ 20 por mês.

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