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
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.
Arquivo Rive ao vivo
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.
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.
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
| Momento do produto | Animação | Tipo |
|---|---|---|
| Abertura do app, cabeçalho do site | launch → idle | toca uma vez |
| Aguardando uma requisição | loading, thinking | loop |
| Salvo, pago, concluído | success | reação única |
| Algo deu errado | error, sad | reação única / loop |
| Caixa de entrada vazia, nada ainda | sleeping | loop |
| Onboarding, boas-vindas | wave, happy, enter | loop / reação única |
| Notificação, dica | attention | loop |
| Assistente de chat ou de voz | listening, talking, yes, no | loop / reação única |
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.
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.
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
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.
| 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 |
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.
$0para sempre
Experimente com o seu próprio logo e personagem.
US$ 20/mês
Para um app ou site.
US$ 100/mês
Para times e várias marcas.
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.
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.
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.
Sim, no mundo todo e sem prazo de validade, em apps, sites, anúncios e vídeos, inclusive depois de cancelar um plano mensal.
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.
Grátis, no seu navegador. A sua imagem fica no seu dispositivo, a menos que você peça o clipe animado curto.
Outras formas de usar o Charmotion