Servicio de animación de mascotas de marca: qué pedir y qué deberías recibir
Por el equipo de Charmotion · Actualizado el
Cuando encargues la animación de tu mascota de marca, pide un set de estados, no un solo clip: reposo (idle), carga, éxito, error y los demás estados que usan tus pantallas, entregados como archivo interactivo de Rive más video con fondo transparente, MP4 y GIF, con derechos comerciales y un número definido de revisiones. Ese brief sirve tanto si contratas a un animador como si usas un generador.
Puntos clave
- Haz una lista de los momentos de tu producto en los que aparece la mascota; cada momento es un estado.
- Pide formatos interactivos (Rive) y con fondo transparente, no solo MP4.
- Obtén los derechos de uso comercial por escrito y confirma que los conservas cuando termine cualquier suscripción.
- Acuerda desde el principio las revisiones y los plazos; los generadores sacrifican la actuación a medida a cambio de velocidad y precio.
¿Ya tienes un personaje o logo? Mira tu personaje en pantallas reales de una app: pantallas de splash, onboarding, carga y estado vacío. Es gratis, funciona en tu navegador y no sube nada.
¿Qué animaciones debo pedir?
Parte de tus pantallas, no de una lista de movimientos simpáticos. Cada lugar donde aparece la mascota es un estado:
| Estado | Tipo | Uso habitual |
|---|---|---|
| idle | loop | Predeterminado en todas las pantallas |
| happy, wave | loop | Saludo, onboarding |
| thinking, loading | loop | Esperando una solicitud |
| sad, sleeping | loop | Errores, estados vacíos |
| attention | loop | Guiar al usuario hacia una indicación o una función nueva |
| listening, talking | loop | Asistentes de chat y de voz |
| success, error, yes, no | reacción puntual | Reacciones a una acción del usuario |
| enter, exit | reacción puntual | Mostrar y ocultar el personaje |
La guía de estados de animación de mascotas de marca explica cada uno. Los loops deben empezar y terminar en la misma pose; las reacciones puntuales deben volver al reposo (idle).
¿Qué formatos de archivo deben entregarse?
| Formato | Dónde se usa |
|---|---|
| .riv con máquina de estados | Uso interactivo en iOS, Android, Flutter, React Native y la web |
| WebM con fondo transparente (VP9 con canal alfa) | Overlays en sitios web en Chrome, Edge y Firefox |
| MOV con fondo transparente (HEVC con canal alfa) | Safari, iOS, Keynote y editores de video |
| MP4 | Publicaciones en redes, presentaciones, videos para tiendas de apps |
| GIF | Email, chat, documentos |
Si tus desarrolladores van a integrarlo, pide por escrito los nombres y los inputs de la máquina de estados o las propiedades del view model, además de un ejemplo de código.
¿Y los derechos, las revisiones y los plazos?
- Derechos: comerciales, mundiales, sin vencimiento, y la propiedad del personaje sigue siendo tuya.
- Archivos fuente: el archivo de Rive editable, por si quieres hacer cambios más adelante.
- Revisiones: un número fijo de rondas y qué cuenta como revisión.
- Plazos: pide a un animador un calendario por estado; los generadores entregan en horas.
¿Contrato a un animador o uso un generador?
Contrata a un animador cuando el personaje necesite actuación a medida, una escena narrativa, sincronización labial con un guion o un estilo artístico que un rig no puede resolver. Pide un presupuesto basado en el brief anterior.
Usa un generador cuando tienes una mascota plana y de frente y necesitas los estados estándar de producto de forma rápida y coherente. Charmotion entrega 17 animaciones a partir de una imagen, normalmente en pocos minutos: Starter a $20 al mes (3 sets al mes con MP4, GIF, un video 9:16, el .riv con máquinas de estados, WebM y MOV transparentes y código React y SwiftUI) y Todo en uno a $100 al mes para equipos. Es automatizado; para un trabajo a medida terminado a mano, contrata a un animador freelance. Conservas los derechos comerciales de los archivos después de cancelar. Previsualiza tu mascota primero, gratis.
Preguntas frecuentes
¿Cuántas animaciones necesita la mascota de una app?
La mayoría de los productos usan de seis a diez: reposo, un saludo, carga o pensando, éxito, error y un estado vacío, además de escuchando y hablando para asistentes. El set de Charmotion tiene 17 para cubrir los casos habituales.
¿La animación es mía?
El personaje debería ser tuyo y deberías recibir una licencia comercial o la propiedad de los archivos. Pídelo por escrito y comprueba que los derechos se mantienen cuando termina una suscripción.
¿Un servicio puede animar mi logo actual?
Normalmente, sí. Los logos planos se animan mejor. Consulta la guía sobre cómo animar un logo a partir de un PNG para saber qué preparar.
Respuestas rápidas de esta guía
Fuentes
- State Machine, Rive
- Data Binding overview, Rive
- prefers-reduced-motion, MDN Web Docs
- Rive pricing, Rive