ai-storyboard-2x2

AI Storyboard 2x2

使用 PJ Ace 的 2x2 Grid Shots 技术，创建视觉上连贯的分镜，确保各镜头之间的光线、角色和场景保持一致。

何时使用此技能

• 完成视频脚本后 - 将概念转化为视觉素材
• 需要视觉连贯性时 - 确保各镜头之间的角色和光线保持一致
• 准备动画素材时 - 为 Veo、Runway、Kling 准备好帧
• 向客户展示分镜时 - 在制作前进行可视化
• 规划流畅的转场时 - 按远景 → 特写的顺序排列镜头

方法论基础

来源：PJ Ace - AI Video Production Workflow（2025-2026）

核心原则：“通过生成 4 张组成 2x2 网格的图像，模型会自动保持镜头之间的光线、角色和地点一致。这样得到的是一段电影感序列，而不是 4 张互不相关的图像。”

重要性：图像生成模型会独立处理每个提示词。要求生成 2x2 网格，可以促使模型从 4 个不同角度创建一个连贯场景，从而解决视觉不一致这一主要问题。

Claude 的工作与由你决定的事项

Claude 的工作	由你决定
构建制作工作流	最终创意方向
提出技术方案	设备和工具的选择
创建模板和检查清单	质量标准
确定最佳实践	品牌／语气决策
生成脚本大纲	最终脚本审批

此技能的功能

1. 生成 2x2 网格提示词 - 采用有助于保持连贯性的最佳结构
2. 规划序列布局 - 在 Figma 中安排镜头顺序
3. 指导裁剪和放大 - 提取单独的帧
4. 规划转场 - 通过远景 → 特写来掩盖剪辑
5. 准备动画交接 - 准备好用于生成视频的帧

使用方法

根据脚本创建分镜

J'ai ce script structuré: [coller script]. Aide-moi à créer le storyboard avec la technique 2x2 grid.

为特定场景生成提示词

Je dois visualiser cette scène: [description]. Génère-moi le prompt 2x2 grid et explique comment l'utiliser.

规划动作序列

J'ai une séquence d'action: [description mouvement]. Crée les 4 frames du grid pour capturer le mouvement.

说明

第 1 步：分析脚本并确定关键场景

## Analyse Scène par Scène

**Script source:** [Référence au script]

| Scène | Durée | Type de plan | Éléments clés | Grids nécessaires |
|-------|-------|--------------|---------------|-------------------|
| 1 | 8s | Establishing | Personnage + Décor | 1 grid (4 angles) |
| 2 | 8s | Action | Mouvement | 1-2 grids |
| 3 | 8s | Dialogue | 2 personnages | 1 grid par perso |
| 4 | 8s | Product shot | Produit + Logo | 1 grid |

**Total grids estimés:** [X]

估算规则：

• 1 个网格 = 同一场景的 4 个镜头
• 简单场景 = 1 个网格
• 有运动的场景 = 2 个网格（开始／结束）
• 有多个角色的场景 = 每个角色 1 个网格

---

第 2 步：创建 2x2 网格提示词

关键提示词格式：

## Prompt Template 2x2 Grid

Create a 2x2 grid shot from [STYLE] film.

Top-left: [SHOT 1 - Usually establishing/wide]
Top-right: [SHOT 2 - Medium shot or different angle]
Bottom-left: [SHOT 3 - Close-up or action]
Bottom-right: [SHOT 4 - Detail or reaction]

Scene description: [CONTEXT GLOBAL]
Lighting: [ÉCLAIRAGE]
Color palette: [COULEURS]
Camera style: [STYLE CAMÉRA]

具体示例：

Create a 2x2 grid shot from a premium Nike-style commercial.

Top-left: Wide shot of a modern minimalist office, morning light through large windows, a confident woman in her 30s standing by the desk
Top-right: Medium shot of the same woman, side profile, looking at laptop screen
Bottom-left: Close-up of her hands on keyboard (avoid finger details, focus on gesture)
Bottom-right: Over-the-shoulder shot showing the screen with abstract productivity graphics

Scene: Professional woman starting her productive morning routine
Lighting: Golden hour morning light, soft shadows, rim light from windows
Color palette: Warm neutrals, touches of blue from screen
Camera style: Cinematic, shallow depth of field, 35mm lens look

---

第 3 步：整理 Figma 布局

## Layout Storyboard

### Structure recommandée

┌─────────────────────────────────────────────────────────────┐
│ SCÈNE 1: [Nom]                                              │
├─────────────┬─────────────┬─────────────┬─────────────┬─────┤
│  Shot 1.1   │  Shot 1.2   │  Shot 1.3   │  Shot 1.4   │ VO  │
│  [Wide]     │  [Medium]   │  [Close]    │  [Detail]   │[txt]│
│  0:00-0:02  │  0:02-0:04  │  0:04-0:06  │  0:06-0:08  │     │
├─────────────┴─────────────┴─────────────┴─────────────┴─────┤
│ SCÈNE 2: [Nom]                                              │
├─────────────┬─────────────┬─────────────┬─────────────┬─────┤
│  Shot 2.1   │  Shot 2.2   │  Shot 2.3   │  Shot 2.4   │ VO  │
│  ...        │  ...        │  ...        │  ...        │[txt]│
└─────────────┴─────────────┴─────────────┴─────────────┴─────┘

### Colonnes
- Frame (image)
- Timing
- Type de plan (W/M/CU/D)
- Notes techniques
- Voiceover

Figma 提示：

• 根据格式使用 1920x1080 或 1080x1920 的画框
• 图层命名为：S01-Shot01-Wide
• 按场景分组
• 添加转场注释

---

第 4 步：提取并放大帧

## Workflow d'extraction

### Depuis le 2x2 grid:

1. **Cropper** chaque quadrant individuellement
   - Top-left → Shot_01.png
   - Top-right → Shot_02.png
   - Bottom-left → Shot_03.png
   - Bottom-right → Shot_04.png

2. **Upscaler** chaque frame

   Prompt d'upscale (dans ChatGPT/Ideogram):

Upscale this image to high resolution, maintaining all details. Add subtle film grain for cinematic quality. Enhance sharpness while keeping natural look. Output: 1920x1080 or higher

3. **Vérifier la cohérence**
- Éclairage identique?
- Personnage reconnaissable?
- Palette de couleurs consistante?
- Si non → re-générer le grid

---

第 5 步：规划转场

## Règles de Transition

### DO: Transitions qui fonctionnent
| Transition | Exemple | Pourquoi ça marche |
|------------|---------|-------------------|
| Wide → Closeup | Establishing → Face | Cache les incohérences de mouvement |
| Closeup → Wide | Detail → Context | Révèle l'environnement |
| Same angle, action continue | Running frame 1 → 2 | Mouvement fluide si même grid |
| Cut on action | Bras levé → Bras en haut | Le mouvement masque le cut |

### DON'T: Transitions problématiques
| Transition | Problème | Solution |
|------------|----------|----------|
| Wide → Wide même scène | Jump cut visible | Insérer un closeup entre |
| 2 personnages face-à-face | Dialogue difficile | Alterner champ/contre-champ |
| Mouvement continu long | Incohérence | Couper en segments de 4-8s |

### Technique de continuité
Pour lier deux clips:
1. Prendre la **dernière frame** du clip A
2. L'utiliser comme **première frame** du clip B (image-to-video)
3. Ou l'upscaler et créer un closeup pour la transition

---

第 6 步：最终输出 - 完整分镜

## Storyboard Final: [Titre]

**Projet:** [Nom]
**Durée:** [X] secondes
**Grids générés:** [Y]
**Frames totales:** [Z]

---

### Séquence Complète

| # | Frame | Timing | Type | Prompt utilisé | Transition vers |
|---|-------|--------|------|----------------|-----------------|
| 1 | [thumb] | 0:00-0:02 | Wide | Grid1-TL | Cut to #2 |
| 2 | [thumb] | 0:02-0:04 | Medium | Grid1-TR | Dissolve to #3 |
| 3 | [thumb] | 0:04-0:06 | CU | Grid1-BL | Cut on action to #4 |
| ... | ... | ... | ... | ... | ... |

---

### Assets générés

📁 Storyboard_[Projet]/
├── grids/
│   ├── grid_scene01.png
│   ├── grid_scene02.png
│   └── ...
├── frames/
│   ├── S01_shot01_wide.png
│   ├── S01_shot02_medium.png
│   └── ...
├── upscaled/
│   ├── S01_shot01_wide_4k.png
│   └── ...
└── layout/
    └── storyboard_figma.fig

---

**Prêt pour:** ai-video-prompting (animation)

示例

示例 1：电商产品序列

背景：为一则运动鞋广告制作分镜，风格动感

输入：

我有一个 8 秒的场景：一位城市跑者在日出时分沿街奔跑，穿着我们的新款运动鞋。请创建 2x2 网格。

输出：

网格提示词：城市跑者场景

Create a 2x2 grid shot from a Nike-style athletic commercial.

Top-left: Wide shot of empty urban street at sunrise, golden light,
modern architecture, a male runner (30s, athletic build, black running
outfit) approaching from distance

Top-right: Medium tracking shot of the same runner mid-stride,
side profile, sneakers visible, motion blur on background,
determination on face

Bottom-left: Low angle close-up of the sneakers hitting pavement,
dynamic splash if wet ground, focus on shoe design and movement

Bottom-right: Front-facing medium shot of runner, morning sun
behind creating rim light, confident expression, urban skyline
in soft focus background

Scene: Athletic morning run through city streets
Lighting: Golden hour sunrise, long shadows, warm tones with
cool shadows
Color palette: Orange/gold highlights, blue shadows,
neutral grays of urban environment
Camera style: Cinematic, anamorphic lens flare,
high frame rate feel frozen in stills

提取计划

位置	文件名	用途	建议时长
左上	runner_wide_approach.png	建立场景的镜头	2s
右上	runner_medium_profile.png	增强动感	2s
左下	sneaker_closeup_action.png	突出产品	2s
右下	runner_hero_frontface.png	情感落点	2s

转场说明

• 远景 → 中景：自然切换，运动方向相同
• 中景 → 鞋子特写：在脚落地时切换（动作）
• 特写 → 正面英雄镜头：情绪跳跃，因从产品切到面部而可接受

这样做的效果：4 个镜头共享相同的光线（sunrise）和同一角色，并通过 4 个节拍讲述一个微型故事。鞋子特写（左下）经过策略性安排，可突出产品。

---

示例 2：带有转变的叙事序列

背景：展示生产力产品的“前后对比”场景

输入：

我需要展示一个转变：使用我们的 app 前，办公桌杂乱不堪；使用后，办公桌井然有序。请创建 2 个网格（前后对比）。

输出：

网格 1：“之前”——混乱

Create a 2x2 grid shot from a comedy-drama office scene.

Top-left: Wide shot of messy home office, papers everywhere,
multiple coffee cups, stressed person (woman, 30s, tired expression)
at cluttered desk, harsh overhead lighting

Top-right: Medium shot of the same woman, head in hands,
laptop showing 47 browser tabs, notification badges everywhere

Bottom-left: Close-up of desk surface chaos - sticky notes overlapping,
tangled cables, cold coffee, crumpled papers

Bottom-right: Over-shoulder shot of laptop screen showing
overwhelming to-do list, calendar with conflicts,
red notification badges

Scene: Overwhelming work-from-home chaos moment
Lighting: Harsh fluorescent overhead, unflattering,
slight greenish tint
Color palette: Desaturated, muddy colors,
visual noise and clutter
Camera style: Handheld feel, slightly tilted,
documentary/mockumentary style

网格 2：“之后”——和谐

Create a 2x2 grid shot from a premium Apple-style commercial.

Top-left: Wide shot of the same home office, now minimalist and
organized, warm morning light, the same woman (now relaxed,
slight smile) at clean desk with single monitor

Top-right: Medium shot of her confidently working,
good posture, peaceful expression, plant in background

Bottom-left: Close-up of clean desk surface -
single notebook, quality pen, artisan coffee in nice mug,
laptop with clean interface

Bottom-right: Over-shoulder shot of laptop screen showing
clean task management interface (our app),
clear priorities, green checkmarks

Scene: Productive, peaceful work-from-home flow state
Lighting: Warm golden hour light from window,
soft and flattering
Color palette: Warm whites, soft greens,
touches of wood and natural materials
Camera style: Smooth, stable,
premium commercial cinematography

故事板布局

BEFORE SEQUENCE (0:00 - 0:08)
┌─────────────┬─────────────┬─────────────┬─────────────┐
│ G1-Wide     │ G1-Medium   │ G1-CU desk  │ G1-Screen   │
│ Chaos room  │ Stressed    │ Messy       │ Overwhelm   │
│ 0:00-0:02   │ 0:02-0:04   │ 0:04-0:06   │ 0:06-0:08   │
└─────────────┴─────────────┴─────────────┴─────────────┘
           ↓ TRANSITION: Match cut on screen → app interface

AFTER SEQUENCE (0:08 - 0:16)
┌─────────────┬─────────────┬─────────────┬─────────────┐
│ G2-Screen   │ G2-CU desk  │ G2-Medium   │ G2-Wide     │
│ Clean app   │ Organized   │ Confident   │ Zen room    │
│ 0:08-0:10   │ 0:10-0:12   │ 0:12-0:14   │ 0:14-0:16   │
└─────────────┴─────────────┴─────────────┴─────────────┘

转场策略

从	到	技巧	原因
G1-屏幕（混乱）	G2-屏幕（整洁）	匹配剪辑	取景相同，转变一目了然
G2-屏幕	G2-桌面特写	拉远	展现转变后的环境
G2-中景	G2-远景	后拉镜头	带来情感回报与满足感

这样做的效果：两个网格以反向镜像的方式构建（混乱→有序）。屏幕上的匹配剪辑营造出转变的“魔法”时刻。“之后”部分的镜头顺序反转（屏幕→远景），营造出层层揭示的高潮。

---

检查清单与模板

2x2 故事板检查清单

## Validation Storyboard

### Par Grid
- [ ] 4 shots cohérents (éclairage, couleur, personnage)
- [ ] Variété de plans (wide, medium, CU, detail)
- [ ] Prompt inclut: scène, lighting, palette, camera style
- [ ] Personnage reconnaissable dans tous les shots

### Par Séquence
- [ ] Transitions planifiées (pas de wide→wide)
- [ ] Timing assigné à chaque frame
- [ ] Voiceover aligné avec les visuels
- [ ] Direction de mouvement cohérente

### Assets
- [ ] Grids sauvegardés en haute résolution
- [ ] Frames individuelles croppées
- [ ] Frames upscalées pour animation
- [ ] Layout Figma organisé

### Prêt pour animation
- [ ] Frames nommées clairement (S01_shot01_wide.png)
- [ ] Notes de transition documentées
- [ ] Durées définies
- [ ] Handoff vers ai-video-prompting

---

2x2 提示词模板

## 2x2 Grid Prompt

Create a 2x2 grid shot from [GENRE/STYLE] [TYPE: film/commercial/etc].

Top-left: [SHOT TYPE] of [SUBJECT], [ACTION], [KEY DETAILS]

Top-right: [SHOT TYPE] of [SUBJECT], [ANGLE CHANGE], [CONTINUITY ELEMENT]

Bottom-left: [SHOT TYPE] [FOCUS AREA], [DETAIL TO HIGHLIGHT]

Bottom-right: [SHOT TYPE] [EMOTIONAL BEAT], [PAYOFF VISUAL]

Scene: [OVERALL CONTEXT - 1 sentence]
Lighting: [LIGHT SOURCE, QUALITY, DIRECTION]
Color palette: [DOMINANT COLORS, MOOD]
Camera style: [LENS, MOVEMENT STYLE, FILM LOOK]

---

镜头类型（参考）

## Shot Types pour Prompts

| Abbr | Nom | Description | Usage |
|------|-----|-------------|-------|
| EWS | Extreme Wide | Paysage, contexte | Establishing |
| WS | Wide Shot | Personnage entier + environnement | Context |
| MWS | Medium Wide | Personnage genoux-up | Action |
| MS | Medium Shot | Taille-up | Dialogue |
| MCU | Medium Close-up | Poitrine-up | Émotion |
| CU | Close-up | Visage | Intensité |
| ECU | Extreme Close-up | Détail (œil, objet) | Emphasis |
| OTS | Over-the-Shoulder | Par-dessus épaule | Dialogue |
| POV | Point of View | Vue subjective | Immersion |
| Insert | Insert/Cutaway | Détail objet | Information |

技能范围

此技能的优势

• 构建音频制作工作流
• 提供技术指导
• 创建质量检查清单
• 提出创意方法

此技能的能力边界

• 无法取代音频工程专业知识
• 无法做出主观的创意决策
• 无法直接访问或编辑音频文件
• 无法保证商业成功

参考资料

• PJ Ace。“3 天获得 2.33 亿次观看：David Beckham 的 AI 工作流”——Marketing Against the Grain（2026）
• MKTG Skills - AI 视频生态系统研究
• Block, Bruce。《视觉叙事》——视觉结构原理
• Katz, Steven D.。《逐镜头电影导演》——故事板技巧

相关技能

• ai-video-concept - 上一步：结构化脚本
• ai-video-prompting - 下一步：动画提示词
• storytelling-storybrand - 叙事结构

---

技能元数据

• 模式：cyborg

name: ai-storyboard-2x2
category: video
subcategory: pre-production
version: 1.0
author: MKTG Skills
source_expert: PJ Ace
source_work: AI Video Production Workflow
difficulty: intermediate
estimated_value: $1000-3000 (storyboard development)
tags: [video, ai, storyboard, visual, 2x2-grid, figma, production]
created: 2026-01-25
updated: 2026-01-25