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
Diga em poucas palavras quem é o seu personagem e depois escolha o tipo, a personalidade, o visual e as cores. Nossa IA desenha um design plano e frontal, feito para receber rig. Fique com o que você gostar, e essa imagem exata vira 17 animações: 10 humores, 6 reações e uma intro de abertura. Um único design é animado, não redesenhado a cada estado, então o seu mascote fica igual em todas as animações.
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.
1. Responda cinco perguntas
Escolha Criar, Um personagem e depois Criar com IA. Diga quem é o seu personagem em até 300 caracteres, como "um robô redondo azul-petróleo com um sorrisão e uma antena", e depois escolha o tipo, um visual e, se quiser, até dois traços de personalidade e três cores. Toda descrição passa primeiro por um serviço de moderação; tentativas bloqueadas ou que falham não contam.
2. Fique com o que você gostar
A IA desenha um personagem plano e frontal, com cores sólidas e cabeça, corpo e braços bem separados, o tipo de arte que recebe o movimento mais completo: acenos de braço, expressões e piscadas. Não ficou bem como queria? Tente de novo ou mude uma resposta; cada nova tentativa usa um design com IA.
3. Anime
Escolha Animar este personagem e dê um nome ao conjunto. O design passa pelo mesmo motor que um upload e usa um conjunto de personagem, a partir do Starter. Alguns minutos depois, você tem todas as 17 animações nos formatos que o seu plano inclui.
Já tem um mascote?
Pule o gerador e envie o seu. A sua própria arte é animada e continua fiel ao design. Veja a página do animador de mascote com IA para esse caminho, ou confira como a sua imagem funciona na prévia grátis.
O que ele não faz
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 |
Designs com IA nunca gastam um conjunto: 2 para testar no Free, 12 por mês no Starter (US$ 20/mês) e 40 no All in one (US$ 100/mês). Animar um design usa um conjunto, como qualquer upload, e os conjuntos de personagem começam no Starter. A prévia em telas de app em /try é grátis. 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.
Você pode testar: o plano gratuito inclui 2 designs com IA (logos ou personagens), uma vez por pessoa. Animar um design exige um conjunto de personagem, que começa no Starter. Os planos pagos incluem 12 por mês no Starter (US$ 20/mês) e 40 no All in one. Tentativas bloqueadas ou que falham não contam. A prévia em telas de app é grátis e mostra uma imagem que você já tem em telas reais de app.
Não. O designer com IA trabalha só com as suas respostas. Se você já tem um esboço ou um mascote, envie-o: a sua própria arte é animada e continua fiel ao design.
Você pode usar o design, e todos os conjuntos criados a partir dele, nas mesmas condições dos seus próprios uploads: comercialmente, no mundo todo e depois que o seu plano terminar. Como a imagem vem de um modelo de IA de terceiros, imagens parecidas podem ser geradas para outras pessoas, e não podemos garantir que ela esteja livre de direitos de terceiros, então verifique antes de registrá-la como marca. Os detalhes estão nos termos de uso.
Sim, no Starter ou no All in one. Escolha Animar este personagem e dê um nome ao conjunto: ele passa pelo mesmo motor que um upload e normalmente fica pronto em poucos minutos, com todas as 17 animações. Animá-lo usa um conjunto de personagem; o plano gratuito não tem conjuntos, então você precisaria fazer upgrade antes.
Personagens planos e frontais, com cores sólidas e cabeça, corpo e braços bem separados, recebem o movimento mais completo, incluindo acenos de braço e expressões. É esse o visual que o designer de IA busca; os quatro visuais (suave e arredondado, vetor plano, cartoon com contorno forte, minimalista) mudam o estilo dentro dele. Suave e arredondado é o mais parecido com os nossos personagens.
Não dentro do Charmotion: os designs vêm como estão, sem edição no próprio design. Mude uma resposta e gere de novo, o que usa um design da sua cota, ou envie a sua própria arte retrabalhada como um novo conjunto. Depois que um conjunto é animado, qualquer mudança significa um novo conjunto.
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