--- title: "Motion Graphics con IA para videos de producto | Potto AI" description: "Crea motion graphics con IA desde un prompt o enlace: texto, pantallas de producto y gráficos animados con voz en off para demos y explicaciones." canonical: "https://potto.ai/es/ai-motion-graphics" language: "es" dateModified: "2026-10-09" --- # Motion Graphics con IA Crea motion graphics para videos de producto, explicativos e historias de datos desde un prompt o enlace: texto cinético, pantallas de producto y gráficos animados con tu estilo de marca, sincronizados con una voz en off. - Tipografía cinética - Pantallas de producto animadas - Gráficos en movimiento - Estilo de marca integrado ## Vista previa interactiva del proceso de motion graphics - Paso 1, Descripción: Potto lee transcript.im y redacta una descripción para confirmar - Paso 2, Esquema: 6 pantallas asociadas a la voz en off y un sistema visual - Paso 3, Storyboard: cada pantalla con voz en off e imágenes - Paso 4, Generar: el video renderizado con 6 pantallas - Paso 5, Editar: una edición por chat actualiza solo las pantallas 3 y 6 ## Motion Graphics con IA populares Tipografía en movimiento, pantallas de producto animadas, gráficos y videos de lanzamiento creados con el generador de motion graphics con IA. Primero se cargan las portadas; un video solo se reproduce al hacer clic, y la línea bajo cada portada indica su procedencia. ### Pega cualquier enlace y obtén texto limpio *Tipografía cinética · Una frase en cada momento · 0:08* **Prompt** > Crea motion graphics 16:9 para una herramienta de transcripción. Usa 3 frases grandes en pantalla, una por momento: 'Paste any link.', 'Get clean text.' e 'In seconds.', cada una apareciendo con la voz en off. ### Un recorrido por un panel *Pantallas de producto · Zoom y cursor, 16:9 · 0:10* **Prompt** > Anima mis 2 capturas de un panel en 16:9: empieza con la vista completa, acerca el ajuste importante con una trayectoria de cursor y termina con una llamada a la acción con nuestra URL. ### Ingresos un 42% mayores *Historia de datos · T3 en 45 segundos · 0:09* **Prompt** > Convierte mis cifras trimestrales en motion graphics 16:9: un título, un dato destacado de crecimiento del 42% y un gráfico de barras de ingresos mensuales de julio a octubre que crezca de forma animada. ### Anuncio del día de lanzamiento *Lanzamiento · Gancho, pantalla, llamada a la acción · 0:09* **Prompt** > Crea un clip de lanzamiento 16:9: un gancho que nombre el producto, una captura ampliada con trayectoria de cursor y una llamada a la acción final con la URL. ### Tres palabras, una idea *Tipografía cinética · Clip centrado en tipografía, 9:16 · 0:08* **Prompt** > Crea un clip 9:16 centrado en tipografía con el estilo Medianoche Tech: 2 pantallas de títulos cortos y después una cita que llene el encuadre, sincronizada con el ritmo. ### A dónde va el presupuesto *Historia de datos · Gráfico de anillos, 9:16 · 0:10* **Prompt** > Muestra cómo se reparte nuestro presupuesto en 9:16: un título, un gráfico de anillos con producto 45, marketing 30 y soporte 25, y después un dato destacado del 45% destinado a producto. ### Conoce Halo *Presentación de marca · Nombre, tres palabras, URL · 0:10* **Prompt** > Crea una presentación de marca 16:9 para Halo: un gancho con el nombre y un lema, 3 funciones de una palabra y una pantalla final con halo.studio. ### Cómo funcionan las vacunas, animado *Video explicativo · Título, dos ilustraciones · 0:10* **Prompt** > Explica cómo funcionan las vacunas en 16:9: una pregunta como título y después 2 pasos ilustrados con leyendas breves, con el estilo Medianoche Tech. ### Un recorrido de pantalla cuadrado *Pantallas de producto · Listo para el feed, 1:1 · 0:10* **Prompt** > Anima mi captura en 1:1 para feeds de redes sociales: un zoom con trayectoria de cursor, una lista de funciones de 2 líneas y una llamada a la acción final. ### Novedades de v2.0 *Notas de la versión · Tres cambios, 16:9 · 0:10* **Prompt** > Convierte nuestro registro de cambios de v2.0 en motion graphics 16:9: un gancho que nombre la versión, una lista de 3 cambios y una invitación a leer las notas. ### Un estilo en todas las pantallas *Sistema visual · Antes y después, 16:9 · 0:10* **Prompt** > Muestra por qué importa un sistema visual en 16:9 con el estilo Noche neón: un gancho, 3 funciones y una comparación de antes y después. ### Por qué las ciudades añaden azoteas verdes *Artículo · Pregunta, lista, cita · 0:10* **Prompt** > Convierte mi artículo en motion graphics 16:9: la pregunta central como título, 3 ideas de apoyo como lista y la conclusión como cita con la fuente indicada. *Todos estos videos son ejemplos de Potto creados a partir de una descripción breve. Son demostraciones organizadas con los tipos de escena de Potto, no trabajos de clientes, y se reproducen como vistas previas en vivo en el navegador a partir de los mismos datos de escena que se exportan a MP4.* - [Animar un recorrido de producto](https://potto.ai/es/product-video.md) - [Crear una historia de datos](https://potto.ai/es/explainer-video.md) - [Crear un video de lanzamiento](https://potto.ai/es/ai-video-generator.md) ## Cada pantalla se planifica antes de animarse Los motion graphics con IA funcionan cuando las palabras, la imagen y los tiempos encajan. Potto escribe cada pantalla en un storyboard que puedes leer y cambiar antes de que se anime nada. *0:12 – 0:18 · Pantalla 3 · 6 s* - **Voz en off**: Conoce transcript.im. Pega un enlace de YouTube, TikTok, Instagram o X, o añade un archivo de audio. - **Lo que ve el público**: La página de inicio de transcript.im entra desde abajo. La cámara se acerca al campo de búsqueda, se pega un enlace y aparecen las insignias de las plataformas debajo. - **Texto en pantalla**: Pega cualquier enlace / YouTube · TikTok · Instagram · X - **Recursos**: Captura de la página de inicio, Insignias de plataformas, Logo ### La voz en off marca los tiempos Cada pantalla dura lo mismo que su frase de voz en off, para que el texto y la animación nunca se adelanten a la narración. ### El texto en pantalla se mantiene breve 2 o 3 palabras por pantalla, en grande. La frase completa está en la voz en off y los subtítulos. ### Los recursos proceden de tu enlace Las capturas, el logotipo y los colores se extraen de la página que pegas y después se animan en las pantallas que los necesitan. ## Qué hace funcionar los motion graphics con IA Cuatro cosas deciden si los motion graphics con IA mantienen la atención: las palabras que se mueven, las pantallas donde aparecen, los números que cuentan y el estilo que une todo. ### Texto grande, con la duración de cada frase Las frases clave aparecen como texto grande en pantalla, dos o tres palabras a la vez, y cada pantalla dura lo mismo que su frase de voz en off, por lo que el texto nunca se adelanta a la narración. Los subtítulos muestran debajo la frase que se está diciendo, y las frases cortas mantienen un tamaño suficiente para leerse en un teléfono. - Cada pantalla dura lo mismo que su frase de voz en off - Subtítulos para cada frase narrada - Tipografía grande que se lee en el teléfono ![Fotograma de un video de motion graphics con IA con una cita animada grande y texto en pantalla sincronizado con el ritmo](https://cdn.potto.ai/images/ai-motion-graphics-kinetic-typography-frame-962.webp) ### Las pantallas de tu producto, animadas Pega tu sitio y Potto incorpora las capturas, el logotipo y los colores y después los anima: un zoom lento al campo de búsqueda, un cursor que hace clic a lo largo del recorrido y una leyenda en la parte importante. Tu interfaz real sigue siendo la protagonista, en lugar de una maqueta. - Capturas y logotipo extraídos de tu enlace - Zoom y trayectorias de cursor sobre pantallas reales - Leyendas que señalan el detalle adecuado ![Fotograma de motion graphics que se acerca a un retrato ilustrado dentro de una ventana de producto, con una leyenda escrita](https://cdn.potto.ai/images/ai-motion-graphics-product-screens-frame-1080.webp) ### Gráficos con valores que crecen Da a Potto los números y primero aparecerá un dato destacado, seguido de un gráfico de barras o anillos que se rellena cuando la narración llega a cada valor. Los gráficos admiten entre 3 y 6 valores etiquetados de tu descripción, así que las cifras en pantalla son las que proporcionaste. - Primero el dato destacado, después el gráfico - Gráficos de barras y anillos con 3 a 6 valores - Los valores proceden de tus propios datos ![Fotograma de una historia de datos en un video de motion graphics con IA con barras animadas de ingresos mensuales de julio a octubre](https://cdn.potto.ai/images/ai-motion-graphics-data-story-frame-1080.webp) ### Un estilo en todas las pantallas Antes de escribir cualquier pantalla, Potto define un sistema visual: una paleta, una familia tipográfica y un estilo de animación a partir de tu marca o de uno de los 12 estilos integrados. Cada escena lo hereda, para que un título, una captura y un gráfico se perciban como una misma pieza. - Paleta y fuentes de tu marca - 12 estilos visuales integrados - Animación coherente en cada pantalla ![Fotograma de motion graphics que enumera colores de marca en cada escena, una familia tipográfica y animación coherente](https://cdn.potto.ai/images/ai-motion-graphics-visual-system-frame-1080.webp) ## Más formas de crear con Potto Los motion graphics con IA dan forma a todos los videos de Potto. Empieza con un formato concreto o prepara las imágenes y los fondos que formarán parte de una escena. - [Generador de videos con IA](https://potto.ai/es/ai-video-generator.md): Todos los tipos de video, desde un prompt o enlace. - [Video explicativo](https://potto.ai/es/explainer-video.md): Explica una idea con ilustraciones y subtítulos. - [Video de lanzamiento de producto](https://potto.ai/es/product-video.md): Muestra un flujo de trabajo del producto a partir de tus capturas. - [Generador de imágenes con IA](https://potto.ai/es/ai-image-generator.md): Crea ilustraciones e imágenes para tus escenas. - [Quitar fondo de imagen](https://potto.ai/es/background-remover.md): Separa del fondo un logotipo o un producto para una escena limpia. - [Claude Video](https://potto.ai/es/claude-video): Claude redacta el storyboard; Remotion renderiza el video. ## Preguntas frecuentes sobre los motion graphics con IA Respuestas sobre qué son los motion graphics con IA, qué animan y cómo controlarlos. ### ¿Qué son los motion graphics con IA? Los motion graphics con IA son pantallas animadas, como texto en movimiento, capturas de producto y gráficos, que una IA planifica y un renderizador anima por ti. Potto es un generador de motion graphics con IA: redacta la descripción y un storyboard escena por escena a partir de tu prompt o enlace, y las escenas se renderizan como MP4 con voz en off, subtítulos y música. El resultado es animación diseñada, no imágenes filmadas ni un presentador digital. ### ¿Qué relación tienen los motion graphics con IA con los videos de producto y explicativos? Todos los videos que crea Potto son motion graphics: texto, capturas de pantalla, gráficos e ilustraciones animados y sincronizados con una voz en off. Un [video de producto](https://potto.ai/es/product-video.md) los usa para mostrar qué hace un producto y un [video explicativo](https://potto.ai/es/explainer-video.md) para facilitar la comprensión de una idea. Esta página cubre ambos; la página Generador de videos con IA presenta el mismo creador según el formato de video. ### ¿Qué pueden animar los motion graphics? Un proyecto se construye con 11 tipos de escena: gancho, título, captura de pantalla, funciones, lista, dato destacado, comparación, gráfico, ilustración, cita y llamada a la acción final. El texto aparece en el momento indicado, las capturas se acercan y siguen una trayectoria de cursor, y los gráficos de barras o anillos crecen con entre 3 y 6 valores. El generador de motion graphics con IA también aplica uno de los 12 estilos visuales o se adapta a los colores de tu marca. ### ¿Cómo creo motion graphics con IA a partir de un enlace o capturas? Para crear motion graphics con IA desde un enlace, pega la dirección de la página en el creador e indica qué debe explicar el video; para empezar con capturas, adjunta hasta 8 imágenes, documentos o archivos de audio. Potto extrae las capturas, el logotipo y los colores de marca de la página cuando puede, redacta la descripción y el storyboard y anima las pantallas que los presentan. Comprueba cada pantalla frente a la fuente antes de exportar. ### ¿Puedo controlar la animación y los tiempos? Controlas lo que dice y muestra cada pantalla y cuánto dura editando el storyboard o pidiéndolo en el chat, por ejemplo, acortar la pantalla 3 o terminar con tu logotipo. Potto anima a partir de un conjunto fijo de tipos de escena y estilos: no hay línea de tiempo libre ni código de animación personalizado. Una solicitud que identifica la pantalla y el cambio da el resultado más claro, y las versiones anteriores siguen disponibles si quieres volver atrás. ### ¿Cómo afectan la voz en off y los subtítulos a los tiempos? La voz en off marca el ritmo: cada pantalla permanece el tiempo que tarda en decirse su frase y después empieza la siguiente. Los subtítulos siguen las palabras habladas con estilo limpio, resaltado o en negrita; si desactivas la narración, las duraciones proceden del storyboard. Comprueba el ritmo reproduciendo la vista previa con sonido y después silenciada con subtítulos, porque muchas personas ven los videos sin audio. ### ¿Cómo mantengo exactos los números de un gráfico? Da a Potto los valores, la unidad y el periodo exactos en la descripción o en un documento adjunto, porque no verifica cifras. Una escena de gráfico admite entre 3 y 6 valores etiquetados en barras o anillos con una leyenda, y una escena de dato destacado muestra una cifra principal. Compara cada etiqueta y número con tu fuente en el storyboard y otra vez en el video exportado, ya que una leyenda abreviada puede perder una unidad. ### ¿Qué obtengo y cuánto cuesta? Obtienes un MP4 de 1080p a 30 fotogramas por segundo en 16:9, 9:16 o 1:1, de 15 a 90 segundos. Las descripciones, los storyboards, las ediciones por chat y las vistas previas son gratis; se cobran créditos al exportar, con la tarifa base indicada en la estimación de créditos más la narración según el número de caracteres y cada ilustración. Un video sin sonido de 30 segundos cuesta 150 créditos y necesitas una cuenta para crearlo. ### ¿Puedo usar Claude para crear motion graphics con IA? Sí. Potto usa Claude Opus 5.5 para redactar el esquema, el storyboard y el guion de voz en off, por lo que la creación de motion graphics y el diseño de animaciones con Claude parten de una descripción sencilla o un enlace en el navegador, sin código ni configuración local. Remotion renderiza las escenas en un MP4 con ilustraciones y voz en off generadas por IA, y puedes editar cada escena antes de exportar. ## Anima tu próximo lanzamiento Pega un enlace o describe los motion graphics que quieres en el creador de arriba, revisa el storyboard y exporta cuando cada pantalla se lea bien. Crea motion graphics con IA desde un enlace; las vistas previas y las ediciones son gratis y solo pagas al exportar.