Ir al contenido
charmotion
Guías

La animación de personajes para apps y sitios web, explicada.

Guías prácticas sobre máquinas de estados de Rive, mascotas animadas, animación de logos y video con fondo transparente, ilustradas con resultados reales de nuestro motor. ¿Tienes poco tiempo? Lee las respuestas rápidas o el glosario.

Convierte tu imagen en animación

Tienes un PNG, SVG, logo o mascota y quieres que se mueva: las opciones para hacerlo tú mismo en Rive y Lottie, qué esperar de las herramientas de imagen a animación y qué pedir cuando hagas un encargo.

Agrega animación a tu app o sitio web

Paso a paso: cómo integrar animación y un personaje animado en iOS, Android, Flutter, React Native, sitios web y herramientas no-code.

iOS y Swift

Animación de personajes en SwiftUI y UIKit a fondo: Data Binding de Rive, Lottie, PhaseAnimator, pantallas de inicio, Live Activities, widgets, watchOS, visionOS y App Previews.

Stickers y emoji

Especificaciones exactas y pasos para crear stickers y emoji animados en Telegram, WhatsApp, iMessage, Discord y Slack a partir de tu propio personaje.

Más frameworks y herramientas no-code

Rive y Lottie en Vue, Nuxt, Svelte, Angular, Astro y Expo, además de FlutterFlow, Bubble y Wix Studio.

Comparaciones

Rive, Lottie, dotLottie, GIF, SVG, CSS, Motion y Spline lado a lado: en qué destaca cada uno, con fuentes, para que elijas el adecuado.

Mascotas de marca por industria

Qué debe hacer una mascota de marca animada en apps de fintech, aprendizaje infantil, salud, seguridad y fitness: estados, tono y errores comunes.

Formatos de marketing

Tu personaje en GIF de lanzamiento, firmas de correo, intros de video y fichas de tienda, con las especificaciones que exige cada canal.

Rive y máquinas de estados

Qué es Rive, cómo las máquinas de estados cambian entre animaciones y cómo controlarlas desde React, SwiftUI y Flutter.