De imagen a animación de personaje

De una imagen a un personaje con vida.

Sube un PNG, JPEG o WebP. El arte plano se divide en partes y se riggea para saludos con el brazo y expresiones; el arte 3D, con degradados o muy detallado conserva sus píxeles exactos y recibe compresión, estiramiento, inclinación, saltos y parpadeos. En ambos casos obtienes las mismas 17 animaciones.

Míralo en tu app Ver planes

Formatos de entrada: PNG, JPEG, WebP · ≥ 512 px · ≤ 10 MB
Formatos de salida: Rive, MP4, WebM, MOV, GIF, 9:16
Tiempo de entrega: Normalmente unos minutos
Desde: $20/mes

Pebble, un personaje de demostración de Charmotion

Archivo de Rive en vivo

En loop

Una vez

Este es el .riv real que entrega nuestro motor, reproduciéndose en tu navegador. Es la misma máquina de estados que controlas desde tu app con un input numérico y un trigger por cada reacción puntual.

¿Existe alguna herramienta que convierta un personaje estático en animaciones?

Sí. Adobe Character Animator, Live2D y Spine animan arte con capas o piezas separadas; Animated Drawings de Meta anima dibujos de figuras humanas; generadores como Charmotion convierten una imagen de un personaje en 17 animaciones listas para apps; y los modelos de IA de imagen a video generan clips cortos. Las herramientas basadas en rigs conservan tu arte exacto, mientras que el video generado lo vuelve a dibujar.

Las mejores herramientas de IA para animar un personaje 2D o una mascota de marca (2026)

Dos motores, elegidos según tu arte

Rig vectorial: la ilustración plana se divide en partes con puntos de pivote: saludos con el brazo, expresiones, parpadeos.

Modo Motion: el arte 3D como Gummo conserva sus píxeles exactos con un rig de columna: compresión, estiramiento, flexión, saltos, parpadeos.

¿Funcionará mi imagen?

Funciona bien

Mascotas de frente, íconos de apps y personajes de logo
Colores sólidos y bordes limpios, o renders 3D y degradados en modo Motion
Fondo liso o transparente
Cabeza, cuerpo y extremidades bien separados (para saludar con el brazo)

No es ideal (todavía)

Fotos de personas reales
Arte pictórico o con mucha textura
Vistas de perfil y de tres cuartos
Escenas y fondos recargados

¿No estás seguro? La vista previa gratis muestra tu imagen en diseños reales antes de pagar.

Resultados reales

Archivos entregados, tal como los descargarías.

MP4 Cada set

1080 × 1080 a 60 cuadros por segundo. Aquí: el saludo de Gummo, de un set entregado.

WebM y MOV transparentes Cada set

Incluye canal alfa, por eso se ve el fondo de cuadros. El MOV es HEVC con alfa para apps y editores de Apple.

Kiko pensando, resultado en GIF — GIF Cada set
Vistas previas ligeras para documentación, correo y chat. El loop “thinking” de Kiko.

Video de inicio en 9:16 Cada set

1080 × 1920 para historias y splash screens. La intro de inicio de 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, se reproduce una vez

Máquina de estados (state machine) de Rive Cada set

Un solo archivo pequeño en lugar de 17 videos. Es lo que hace funcionar la demo de la parte superior de esta 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 listo para pegar Cada set

Componentes para web, React y SwiftUI con el nombre de tu personaje.

Formatos incluidos en cada plan
Formato	Especificaciones	Ideal para	Starter y Todo en uno
MP4	1080 × 1080, 60 fps, las 17 animaciones	Apps, redes sociales, presentaciones, videos de producto	Incluido
Video de inicio en 9:16	MP4 de 1080 × 1920	Stories, Reels, splash screens	Incluido
GIF	Vistas previas de 480 px, fondo sólido	Documentación, correo, chat, README	Incluido
Rive (.riv)	Vectorial; view model de Data Binding + inputs heredados: mood para los loops, triggers para las reacciones puntuales, máquina de estados launch	Apps y sitios interactivos (web, iOS, Android, Flutter)	Incluido
WebM con fondo transparente	VP9 con canal alfa, 1080 × 1080	Overlays web sobre cualquier fondo	Incluido
MOV con fondo transparente	HEVC con canal alfa	Final Cut, Keynote, iOS, Safari	Incluido
Código	Componentes web (HTML), React y SwiftUI	Pega y publica	Incluido
Descargar todo (.zip)	Archivo Rive, código, README y pósters en un solo archivo	Entrega a tu equipo	Incluido
Exportación de video	MP4, GIF, WebM y MOV transparentes, 9:16: elige formatos y animaciones en la página del set, listos en alrededor de un minuto	Solo los videos que necesitas	Incluido
Asistentes de IA (MCP)	Claude, Cursor, VS Code y Codex	Diseña, anima y obtén enlaces de descarga en el chat	Incluido

Planes

Empieza gratis. Mejora tu plan cuando necesites más.

Cada set incluye videos y GIF, además del .riv para uso interactivo y overlays transparentes, desde Starter ($20/mes). Precios en USD; Creem calcula los impuestos al pagar.

Free

$0para siempre

Pruébalo con tu propio logo y personaje.

Empieza gratis

Ideas de animación de logo (3 conceptos)
Vista previa en pantallas de app
Sin tarjeta
2 diseños con IA (logos o personajes)
Funciona desde Claude, Cursor, Codex
Soporte por email

Más popular

Starter

20 US$/mes

Para una app o un sitio web.

Elige Starter

3 animaciones de logo al mes
3 sets de personaje al mes
Rive, video transparente y código
12 diseños con IA al mes
1 ajuste por animación de logo
Tickets de soporte

Todo en uno

100 US$/mes

Para equipos y varias marcas.

Elige Todo en uno

15 animaciones de logo al mes
10 sets de personaje al mes
Video 3D cinematográfico incluido
40 diseños con IA al mes
3 ajustes por animación de logo
Generación y soporte prioritarios

Preguntas frecuentes

Antes de empezar.

Más en las preguntas frecuentes completas.

¿Esto es video generado con IA?

No. El motor riggea y anima con keyframes tu arte, así que el personaje se mantiene fiel a su diseño en cada fotograma y los loops no tienen cortes. El video generativo vuelve a dibujar cada fotograma y puede variar.

¿En qué resolución vienen los videos?

El MP4 y el WebM transparente son de 1080 × 1080; el corte de inicio es de 1080 × 1920; las vistas previas en GIF son de 480 px. El archivo de Rive no depende de la resolución si el arte es vectorial.

¿Cuántos personajes puedo animar al mes?

Starter incluye 3 sets de personaje al mes y Todo en uno, 10. El plan gratis no tiene sets de personaje, pero la vista previa en /try es gratis.

¿Qué pasa si el resultado sale mal?

Si un set falla o sale claramente mal, el set vuelve a tu saldo automáticamente y puedes contactarnos desde la página del trabajo.

Más información

Guías para este trabajo.

Míralo primero con tu personaje.

Gratis, en tu navegador. Tu imagen se queda en tu dispositivo, a menos que pidas el clip animado corto.

Vista previa gratis

Otras formas de usar Charmotion

PNG a Rive Animador de mascotas con IA Para apps de iOS Servicio de animación en Rive Creador de logos animados Avatar de chatbot animado Animación de splash screen Animación de carga con logo Mascota de marca para sitio web Animación de logo con fondo transparente Mascota de marca para apps móviles Generador de mascotas de marca con IA Hoja de expresiones de mascota