konka0812/narrated-explainer-video

Animación Explicativa con Locución

Primero, aclara qué quiere el usuario que la audiencia entienda, y luego revisa qué materiales visuales tiene para mostrar. Se prioriza el contenido de locución acordado, la versión final especificada por el usuario y el alcance de la entrega actual. Si una toma real ya explica claramente un proceso, se puede dejar que se reproduzca de forma continua. Si el material solo muestra el resultado, úsalo para mostrarlo y luego explica el principio con un diagrama. Si es necesario modificar el significado de la locución, discute la frase afectada por separado.

Los siguientes flujos, ejemplos de guiones gráficos y tomas se pueden adaptar según el proyecto. Al seleccionar un método, conserva tres fundamentos: la cita debe ajustarse al significado original, el tiempo de los subtítulos debe provenir de la versión elegida, y al entregar, debes poder explicar qué se verificó realmente.

Empezar desde el Progreso Actual

Primero, revisa los materiales, el proyecto existente y las decisiones confirmadas por el usuario; luego elige el punto de entrada. No pidas al usuario que repita todo el flujo desde el principio:

• Solo un tema o punto de vista: Organiza una pregunta central, la audiencia objetivo y la conclusión; ayuda a redactar un guion natural y fácil de decir. Si el contenido es demasiado extenso, sugiere enfocarlo o dividirlo, pero no lo dividas en varios videos sin autorización.
• Solo un guion: Puedes proceder a diseñar el esquema visual y un storyboard preliminar. Sin un audio oficial, los tiempos son solo estimaciones; no puedes afirmar que están sincronizados.
• Ya hay audio y subtítulos: Revisa directamente la entrada, determina la línea de tiempo y diseña el storyboard; no reorganices el tiempo según un guion antiguo.
• Ya hay un proyecto o un video finalizado: Primero, localiza el segmento sobre el que el usuario ha dado retroalimentación. Si tienes el proyecto fuente, puedes modificar las capas correspondientes; si solo tienes un MP4, verifica primero si los textos están quemados en el video. Elige los ajustes posibles según el método para modificaciones locales.
• Se solicita entrega para publicación: Verifica la entrada final y el proyecto, y completa el video final, la miniatura o el texto de publicación correspondientes. Solo realiza las entregas necesarias para esta ocasión.

Cuando falte información, prioriza la deducción a partir de los materiales y el proyecto. Solo pregunta cuando realmente afecte el resultado (por ejemplo, si se desconoce la versión final de la pista de audio). Si el usuario pide explícitamente confirmar el plan, proporciona el plan específico y espera; si ya hay autorización o confirmación, continúa, no solicites aprobación repetidamente paso a paso.

Antes de pasar a la implementación del diseño y la línea de tiempo, define la relación de aspecto y el escenario de publicación, la justificación de la duración y los entregables para esta ocasión. Prioriza el proyecto existente y los requisitos confirmados. Si hay una locución final, organiza el tiempo según su duración real; no recortes el audio para ajustarlo a una duración objetivo. Cuando falten requisitos claros, propón primero una opción predeterminada adecuada y explica los supuestos. Si una elección clave no se puede deducir razonablemente y causaría mucho retrabajo, entonces consulta al usuario. Las tareas como la discusión del tema o la redacción del guion, que no dependen de estas elecciones, pueden continuar.

Antes de la Producción: Revisar y Preparar el Entorno

Cuando la tarea entre en la fase de implementación del proyecto o previsualización, primero lee Verificación del Entorno y Configuración Inicial. Si eliges Remotion pero no tienes un entorno utilizable en tu máquina, primero completa el entorno de ejecución, inicializa el proyecto, instala las dependencias y verifica la vista previa y los fotogramas de prueba, antes de producir el video completo. No asumas que tener este skill instalado ya significa que Remotion está instalado.

Distingue entre los siguientes casos: falta el skill de guía para Remotion, falta el entorno de ejecución (como Node.js), faltan las dependencias del proyecto o falta el proyecto. Si ya hay un proyecto, prioriza su reutilización e instala según el archivo de bloqueo; evita reinicializaciones o actualizaciones arbitrarias. Si solo se requiere un guion de locución o un esquema visual, no es necesario instalar software primero.

1. Establecer la Base de Contenido y Tiempo

Registra el archivo de entrada actual, la duración del audio, el rango de subtítulos, la relación de aspecto, la frecuencia de fotogramas, el punto de entrada del proyecto y los entregables objetivo. La versión final especificada por el usuario tiene prioridad sobre el guion de locución antiguo y las exportaciones anteriores.

• Conserva el texto original de los subtítulos, sus números y los tiempos absolutos. Verifica si faltan oraciones, hay subtítulos vacíos, están en orden inverso, se superponen, tienen una duración demasiado corta o exceden el audio; la superposición también puede ser un diseño intencional, evalúalo primero.
• Usa la versión final para entender el significado de las oraciones, el SRT final para ubicar los subtítulos, y la pronunciación y pausas reales para organizar las acciones. Si el usuario ha especificado "seguir los nuevos subtítulos", diseña según ellos. Si el audio difiere sustancialmente, señala la oración y el segmento específicos; no cambies las palabras ni muevas las marcas de tiempo sin autorización.
• Verifica hechos de actualidad, números, políticas y fuentes de noticias. Al hacer comparaciones, primero define los objetos y las versiones, luego verifica si las definiciones, unidades y condiciones de aplicación son comparables. Si la grabación final contiene errores que afectan el significado, propón correcciones específicas; no permitas que las imágenes y la loculación se contradigan.
• Cuando lleguen nuevos audios o subtítulos, recalcula los segmentos de tiempo afectados, los subtítulos, las transiciones y el número total de fotogramas; verifica si las tomas posteriores aún están sincronizadas.

Si hay un archivo SRT, puedes ejecutar scripts/inspect_media.py para verificar la estructura y la duración. Si tienes el audio final y necesitas alinear las acciones, puedes escuchar las oraciones modificadas o frases distintivas antes de desarrollar el storyboard; consulta Implementación y Sincronización para más detalles.

2. Primero, Determinar la Dirección Visual Evaluable

Al proponer una nueva dirección, puedes usar una oración del guion para explicar cómo se visualizará. Si hay material existente, señala qué detalle vale la pena ampliar o qué pausa es adecuada para que la audiencia observe una imagen. Si es necesario crear un diagrama, explica qué relación debe aclarar. El esquema de colores, la tipografía y la composición solo se deciden en la medida necesaria para esta entrega.

Considerar Contenido y Materiales Simultáneamente

Si el usuario solo describe los materiales y quiere discutir la idea primero, puedes proponer un diseño condicional basado en la descripción (por ejemplo, "si la foto muestra tanto la fuente de luz como la mesa, colócalas en el mismo plano"). Cuando sea el momento de seleccionar imágenes, recortarlas o alinearlas, revisa el archivo real para confirmar qué puede mostrar y qué detalles deben conservarse. Si un material puede explicar varias frases, asígnale suficiente tiempo en pantalla.

Cuando el usuario proporciona imágenes, capturas de pantalla, grabaciones de pantalla o material de video real, primero lee Diseño y Reutilización de Materiales para establecer la correspondencia entre estos y la loculación. Luego, elige entre mostrarlos tal cual, enfocar una parte, redibujarlos según la realidad o combinarlos con animaciones explicativas. Si no hay material disponible, puedes preparar gráficos generados por código o material generativo según el tema y la audiencia; los personajes y las expresiones son solo una opción posible.

• Deja que la forma de presentación sirva al tema: los mecanismos se benefician de diagramas animados, los procesos de flujos de objetos, y los comentarios de una clara distinción entre evidencia y opinión. No fuerces todo el contenido en un mismo diseño de tarjeta.
• Si el usuario no especifica, puedes proponer 16:9, 1920x1080 y 30 fps; prioriza el proyecto existente, los requisitos verticales y las especificaciones de la plataforma. La tipografía debe adaptarse al tono del contenido y al idioma; no la fijes en una fuente redonda o de una marca en particular.
• Al principio, muestra el problema y el sujeto lo antes posible. Si presentas múltiples términos a un principiante, primero explica qué problema ayuda a entender el video o qué decisión ayuda a tomar. Si necesitas mostrar una lista, agrúpala según los problemas que la audiencia pueda entender y luego coloca los términos en las posiciones correspondientes.
• Si el estilo no es satisfactorio, revisa la composición, el lenguaje del material, el ritmo de las tomas y la lógica de las acciones; cambiar solo el esquema de colores a menudo no resuelve la sensación de plantilla.

Primero, Validar la Dirección con una Toma Representativa

Los problemas de diseño se pueden probar con la toma más difícil de manejar, evaluándola con un fotograma estático. Para validar un nuevo estilo o un cambio de ritmo grande, selecciona dos segmentos que cumplan funciones explicativas diferentes y crea una muestra corta, reproduciéndola continuamente con las transiciones. Verifica si las acciones siguen la loculación, si la mirada se dirige a la información clave, si el resultado deja suficiente tiempo de lectura, y si la composición y la entrada son repetitivas. Si el usuario pide ver el plan primero, espera su confirmación antes de desarrollarlo; si ya hay una dirección clara o solo se requieren modificaciones locales, puedes proceder directamente.

3. Organizar Imágenes Continuas Según el Significado de las Oraciones

Primero, agrupa varias oraciones de la locución que hablen del mismo problema y elige un sujeto que la audiencia pueda seguir. Decida, oración por oración, dónde debe mirar la audiencia en ese momento: la imagen puede responder con un cambio de objeto, un movimiento de la mirada o una pausa en el resultado. Al pasar a un nuevo problema, elige un nuevo sujeto, composición y movimiento según las necesidades explicativas. Para fragmentos simples, una sola toma es suficiente. Si el usuario requiere efectos por oración o transiciones complejas, entonces marca los cambios correspondientes a cada oración usando el ID del subtítulo y el tiempo. En Storyboard y Animación Semántica hay tablas y ejemplos de tomas continuas que se pueden adaptar.

Prioriza que los cambios comuniquen significado: causas de aparición, procesos de ocurrencia, comparaciones de estados, acumulación, descomposición, prueba y error, retroalimentación y resultados. Un mismo objeto puede aparecer a lo largo de todo el video, pero debe evolucionar con la narrativa; repetir un material estático no reemplaza el desarrollo.

Cada toma debe establecer un solo centro de atención principal. Los subtítulos, títulos, ilustraciones y movimientos de cámara no deben competir entre sí. Los mecanismos complejos pueden aparecer gradualmente y permitir una observación estable; la cantidad de movimientos no es un indicador de calidad.

4. Crear Imágenes y Animaciones

Al usar Remotion, utiliza también el skill oficial remotion-best-practices y lee Implementación y Sincronización. Si ese skill falta, consulta Verificación del Entorno y Configuración Inicial para obtenerlo y carga la guía relevante para la implementación actual. Si la instalación no es posible, explica las limitaciones y continúa procesando las partes factibles usando la documentación oficial. Si la cadena de herramientas existente (no Remotion) es adecuada, se puede mantener; no fuerces la migración del proyecto solo para usar este skill.

• Prioriza que los gráficos, flechas, números, tablas y cambios de estado se creen como elementos editables en código o vectores. Solo genera o selecciona mapas de bits (ilustraciones, texturas, personajes) cuando sea necesario.
• Los sujetos que requieren movimiento independiente deben estar en capas separadas. Las imágenes generadas solucionan los materiales visuales, pero las tomas y las acciones aún deben diseñarse en torno a la línea de tiempo. Las capturas de pantalla y grabaciones reales se encargan de mostrar hechos; las animaciones auxiliares, de explicar relaciones. No uses iconos decorativos para reemplazar acciones clave, ni fijes todos los materiales en la misma posición.
• Para noticias y evidencia, usa materiales auténticos e indica la fuente real. Las imágenes generadas no deben hacerse pasar por capturas de pantalla de noticias, resultados de pruebas o evidencia estadística. Al ampliar o resaltar una captura de pantalla, apunta con precisión al área relevante y conserva el contexto necesario.
• Conserva el texto en pantalla según su propósito. Los títulos plantean preguntas o marcan transiciones; las etiquetas ayudan a identificar objetos, datos y condiciones; los subtítulos transmiten la locución. Las explicaciones del storyboard deben convertirse preferentemente en acciones o cambios de estado en la imagen. Durante la revisión, se pueden ocultar temporalmente los textos adicionales; si la imagen sigue siendo comprensible sin ellos, se pueden eliminar. Las palabras clave, fórmulas o conclusiones clave pueden aparecer en dos lugares, pero debe haber una jerarquía clara y, si es necesario, escalonar los tiempos. Para el texto sobre fondos complejos, usa un color de fondo estable, una máscara local o un diseño de paneles independientes para garantizar el contraste.
• Los títulos y etiquetas pueden aparecer junto con la locución; después de leerlos, la atención debe volver al sujeto o a la siguiente toma. Consulta Control de Texto y Diseño para más detalles.
• Revisa el tamaño de los títulos, notas al pie, texto de las capturas de pantalla y subtítulos en el tamaño de visualización objetivo. Amplía el sujeto, reduce el diseño y recorta lo esencial antes de añadir más decoración para llenar espacios.
• Deja espacio para los subtítulos y la interfaz de la plataforma. Las acciones clave, fuentes y explicaciones no deben quedar detrás de los subtítulos. Las fuentes y los materiales deben poder cargarse de manera estable en el proyecto.

5. Vista Previa, Modificación y Entrega

Según la entrega actual, elige el método de revisión y distingue tres tipos de evidencia:

1. Fotogramas estáticos: Composición, tamaño del texto, contraste, oclusión, ubicación de los elementos resaltados en capturas de pantalla.
2. Reproducción continua: Sincronización entre locución, subtítulos, acciones y transiciones; repeticiones y pausas razonables.
3. Inspección de archivos: Resolución, frecuencia de fotogramas, duración, pistas de audio, códec y decodificabilidad.

No uses "la compilación fue exitosa" o "vi algunas capturas de pantalla" como sustituto de una verificación dinámica completa del video. Documenta el alcance real de la revisión. Si no se puede ver o escuchar una parte, indícalo honestamente, evita afirmar que todo está aprobado.

Al recibir retroalimentación, primero localiza la imagen específica. Por ejemplo, "la letra es pequeña" podría deberse a un tamaño de fuente insuficiente en el título o a que una captura de pantalla completa se redujo demasiado. Después de la modificación, revisa el segmento cambiado y la transición; si se ven afectados componentes compartidos, también verifica otras tomas impactadas.

Cuando se necesite un video final, expórtalo según el alcance autorizado y verifica el archivo final. La miniatura, el título de publicación y el texto de publicación solo se crean si se solicitan; el contenido debe basarse en el video final. El título atrae, pero no debe exagerar las conclusiones. Crear materiales de publicación no significa publicarlos en plataformas externas en nombre del usuario.

Conserva el audio final, los subtítulos, el proyecto editable, los materiales de referencia, el video final y las fuentes necesarias. Nombra los archivos usando el tema o el nombre del proyecto; no codifiques números de episodio, directorios personales o configuraciones de máquina. Antes de limpiar, verifica las referencias del proyecto y las dependencias compartidas; no elimines archivos antiguos como paso predeterminado.

Entrega el plan, la vista previa del segmento o el video final según lo acordado. Al entregar el video, adjunta la ubicación, las especificaciones y los resultados de la verificación real. Si hay un proyecto editable, proporciona la entrada.