Pular para o conteúdo
charmotion
Comece agora
Imagem para animação de personagem

De uma imagem a um personagem cheio de vida.

Envie um PNG, JPEG ou WebP. A arte plana é dividida em partes e recebe rig para aceno de braço e expressões; arte 3D, com gradientes ou muito detalhada mantém os pixels exatos e ganha squash, stretch, inclinação, pulinhos e piscadas. Nos dois casos, você recebe as mesmas 17 animações.

Veja no seu app Ver planos
Formatos de entrada
PNG, JPEG, WebP · ≥ 512 px · ≤ 10 MB
Formatos de saída
Rive, MP4, WebM, MOV, GIF, 9:16
Prazo de entrega
Geralmente poucos minutos
A partir de
US$ 20/mês
Pebble, 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.

Existe uma ferramenta que transforma um personagem estático em animações?

Sim. Adobe Character Animator, Live2D e Spine animam artes em camadas ou com partes separadas; o Animated Drawings, da Meta, anima desenhos de figuras humanas; geradores como o Charmotion transformam uma imagem de personagem em 17 animações prontas para apps; e modelos de IA de imagem para vídeo geram clipes curtos. Ferramentas baseadas em rig preservam exatamente a sua arte, enquanto o vídeo gerado a redesenha.

Melhores ferramentas de IA para animar um personagem ou mascote 2D (2026)

Dois motores, escolhidos de acordo com a sua arte

Rig vetorial: a arte plana é traçada em partes com pivôs: acenos de braço, expressões, piscadas.
Rig vetorial: a arte plana é traçada em partes com pivôs: acenos de braço, expressões, piscadas.
Modo Motion: arte 3D como a do Gummo mantém os pixels exatos com um rig de coluna: squash, stretch, curvatura, pulo, piscadas.
Modo Motion: arte 3D como a do Gummo mantém os pixels exatos com um rig de coluna: squash, stretch, curvatura, pulo, piscadas.

Minha imagem vai funcionar?

Funciona bem

  • Mascotes de frente, ícones de app e personagens de logo
  • Cores sólidas e bordas limpas, ou renders 3D e gradientes no modo Motion
  • Fundo liso ou transparente
  • Cabeça, corpo e membros bem separados (para aceno de braço)

Não indicado (ainda)

  • Fotos de pessoas reais
  • Arte com aspecto de pintura ou muita textura
  • Vistas de perfil e de três quartos
  • Cenas e fundos carregados

Na dúvida? A prévia grátis mostra sua imagem em layouts reais antes de você pagar.

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.

Todo conjunto inclui vídeos e GIFs, além do .riv para uso interativo e sobreposições transparentes, 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.

Isso é vídeo gerado por IA?

Não. O motor faz o rig e os keyframes da sua arte, então o personagem continua fiel ao design em cada quadro e os loops não têm emendas. O vídeo generativo redesenha cada quadro e pode variar.

Qual é a resolução dos vídeos?

MP4 e WebM com fundo transparente têm 1080 × 1080; o corte de abertura (launch) tem 1080 × 1920; as prévias em GIF têm 480 px. O arquivo Rive independe de resolução para arte vetorial.

Quantos personagens posso animar por mês?

O Starter inclui 3 conjuntos de personagem por mês e o All in one, 10. O plano gratuito não tem conjuntos de personagem, mas a prévia em /try é grátis.

E se o resultado sair com defeito?

Se um conjunto falhar ou estiver claramente com defeito, ele volta automaticamente para o seu saldo e você pode falar com a gente pela página do trabalho.

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 RiveAnimador de mascote com IAPara apps iOSServiço de animação RiveCriador de logo animadoAvatar de chatbot animadoAnimação de splash screenAnimação de carregamento com logoMascote para siteAnimação de logo com fundo transparenteMascote para apps mobileGerador de mascote com IAFolha de expressões do mascote