# Storyboarding Narrativa Visual Y Pre Visualizacion Estrategica

> El Storyboarding es la visualización secuencial de una narrativa mediante bocetos organizados cronológicamente. No es solo "dibujar escenas"; es Diseñar la Intención del Plano. Úsala para tareas de Generación de Contenido: storyboarding, visual-narrative, pre-production, ux-storyboards, storytelling, camera-blocking.

- Skill: `jesusgarciafernandez/storyboarding-narrativa-visual-y-pre-visualizacion-estrategi` (Agent Skill)
- Install (CLI): `npx skillmds@latest add jesusgarciafernandez/storyboarding-narrativa-visual-y-pre-visualizacion-estrategi`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jesusgarciafernandez/storyboarding-narrativa-visual-y-pre-visualizacion-estrategi/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- License: CC BY-NC-SA 4.0
- Author: jesusgarciafernandez (https://skillmd.com/u/jesusgarciafernandez)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/jesusgarciafernandez/storyboarding-narrativa-visual-y-pre-visualizacion-estrategi

---


## 0. Filosofía Human-Centric AI
*Esta habilidad visualiza el futuro antes de que suceda, utilizando la tecnología para alinear las visiones creativas y evitar el desperdicio de recursos humanos.*

**El Rol del Humano:** El artista de storyboard debe ser un "Director sobre Papel". La IA puede generar bocetos rápidos y poses de personajes a partir de un texto, pero solo el humano puede definir el encuadre que mejor transmite una emoción, decidir el ritmo visual de la secuencia y asegurar que cada viñeta sirva a la narrativa global del proyecto, ahorrando horas de errores en la fase de producción real.
**Empoderamiento:** Usamos la tecnología para acelerar la creación de borradores visuales, permitiendo que el equipo explore múltiples ángulos y opciones estéticas en minutos antes de encender una cámara o empezar una animación.

---

## 1. Descripción Detallada
El Storyboarding es la visualización secuencial de una narrativa mediante bocetos organizados cronológicamente. No es solo "dibujar escenas"; es **Diseñar la Intención del Plano**. El enfoque v2.0 incorpora la **Generación de Pre-viz Asistida por IA**, donde el sistema transforma guiones escritos en una serie de imágenes conceptuales (Thumbnails) que definen la luz, la composición y el acting básico, permitiendo que el equipo de producción tenga una referencia visual exacta del "look & feel" mucho antes de pisar el set o el software de animación.

## 2. Escenarios de Aplicación
- **Pre-producción Audiovisual (Cine/Publicidad):** Definición de encuadres, movimientos de cámara y acting de actores para optimizar el tiempo de rodaje.
- **Storyboarding para UX (User Experience):** Visualización de cómo el usuario interactúa con un producto digital en su entorno de vida real.
- **Diseño de Animaciones y Motion Graphics:** Planificación de los 'Key-frames' y las transiciones entre estados de los elementos gráficos.
- **Narrativa de Realidad Virtual (VR) y AR:** Mapeo de la atención del usuario en un entorno de 360° para asegurar que no se pierda nada importante.
- **Pitching Creativo:** Presentación de conceptos de campaña a clientes de forma visual para facilitar la aprobación del presupuesto.

## 3. Requisitos de Implementación
- **Dominio del Lenguaje Cinematográfico:** Conocimiento de tipos de planos (Primer plano, General, Cenital) y reglas de composición (Tercios, Simetría, Líneas de fuga).
- **Herramientas de Bocetado Rápido:** Storyboarder, Procreate, Photoshop o herramientas de IA generativa de imágenes por capas.
- **Capacidad de Síntesis Narrativa:** Saber qué momentos de la historia son cruciales y deben ser visualizados.

---

## 4. Diferencial: Boceto Casual vs. Storyboard Estratégico v2.0

| Dimensión | Enfoque "Croquis" | Storyboard de Alta Densidad (v2.0) |
| :--- | :--- | :--- |
| **Detalle de Cámara** | Nulo o vago. | Especificación técnica (Lente, Movimiento, Ángulo). |
| **Continuidad** | Inconsistente. | Control férreo de la acción y el raccord visual. |
| **Iluminación** | No definida. | Indicación de fuentes de luz y atmósfera de color. |
| **Finalidad** | Aclarar una idea. | Hoja de ruta técnica para todo el equipo de producción. |

---

## 5. Instrucciones y Pasos Detallados (Protocolo Maestro)

### Fase 1: Desglose de Guion y Creación de 'Thumbnails'
**Objetivo:** Visualizar el ritmo básico sin perderse en detalles.
1.  **Identifica los 'Beats' narrativos:** Divide el guion en las acciones o cambios emocionales más importantes.
2.  **Boceta la Silueta:** Dibuja figuras simples que definan la posición y el equilibrio del cuadro.

**Prompt Maestro de Storyboarding:**
```text
Actúa como Director de Arte y Artista de Storyboard. A partir del siguiente guion [GUION], genera una secuencia de 6 viñetas: 
1. Describe para cada viñeta el tipo de plano (Ej: Plano Americano), el ángulo de cámara (Ej: Picado) y la lente sugerida (Ej: 35mm). 
2. Detalla la acción principal que ocurre en el cuadro y si hay movimiento de cámara (Paneo, Tilt, Dolly in). 
3. Indica el 'Mood' de iluminación (Ej: Luz de luna azulada / Atardecer cálido). 
4. Añade una nota de 'Efecto de Sonido' (SFX) que deba sincronizarse con el cambio de imagen. 
Usa un estilo de dibujo [ESTILO: Limpio / Carboncillo / Realista] para transmitir la esencia visual de la marca [MARCA].
```

### Fase 2: Refinado, Direcciones Técnicas y Exportación
... (Expansión técnica sobre el uso de flechas de indicación de movimiento, la numeración de escenas y la creación del 'Animatic' -storyboard con tiempo-) ...

---

## 6. Arquitectura de Automatización Lógica (Agnostic Flow)
*Lógica de pre-visualización fluida.*

1.  **Trigger:** Se aprueba el guion literario definitivo.
2.  **Nodo de Sugerencia de Planos IA:** El sistema analiza el guion y sugiere los encuadres más potentes basados en principios de psicología visual.
3.  **Nodo de Generación de Bocetos Conceptual:** IA crea las imágenes base según el estilo de marca predefinido.
4.  **Nodo de Revisión Creativa:** El director ajusta la composición y añade las anotaciones técnicas de cámara sobre las imágenes generadas.
5.  **Output:** Dokumento de storyboard profesional (PDF/Interactivo) que sincroniza guion técnico y visuales para el equipo de arte y cámara.

---

## 7. Ejemplo Práctico: Anuncio de Banco Digital
**Reto:** El cliente no entendía cómo íbamos a representar "el futuro de las finanzas" en 15 segundos.
**Acción v2.0:** Se creó un storyboard detallado enseñando el uso de AR en la calle y transiciones fluidas de cámara.
**Resultado:** El cliente dio el visto bueno inmediato sin cambios, y el rodaje se realizó en la mitad del tiempo previsto al saber todo el equipo exactamente dónde poner la cámara en cada segundo.

---
**Autor:** Jesús García Fernández  
**Licencia:** CC BY-NC-SA 4.0