2D综合设计
使用此技能设计、制作动画、纹理合成 Vox(Atlas、By Design、Earworm、Missing Chapter)和 Flat Pack FX 风格的解说性动态图形,覆盖 2D、2.5D 和 3D,使用用户机器上已安装的工具(或在缺失时推荐免费工具)。
模式路由
| 模式 | 范围(2D / 2.5D / 3D) | 主要参考 |
|---|---|---|
audit | 检查已安装的免费 2D/3D 工具与可选下载项 | references/2d-3d-toolchain-matrix.md |
design | 视觉层级、不对称缩放、蓝图美学、调色板 | references/vox-psychology-and-design.md |
map | 2D 矢量/卫星地图、2.5D 浮雕/挤压图层、3D 地形和 KML 路线 | references/maps-and-geodata-2d-3d.md |
chart-timeline | 预先绘制标尺时间线、2D/3D 柱状/折线图、点阵重复器、波形图 | references/charts-timelines-and-data.md |
archival-collage | 双色高亮、报纸缩放/闪烁、撕裂边框、2.5D 视差、3D 幻灯片投影仪 | references/archival-collage-and-camera.md |
在步骤 1 之前,运行意图摘要(references/intent-brief.md):根据请求填写目的、格式、主题、外观和约束条件,仅询问缺失信息(最多 4 个问题,提供选项并包含推荐默认值),写入 brief.md,在第一个昂贵步骤之前展示廉价预览,并在交付前对照摘要检查结果。错失用户目标的作品即为失败作品。
端到端工作流程
- 审计工具链(
audit)- 运行
uv run --no-project python scripts/check_vox_toolchain.py检测已安装的 2D/3D 工具(Blender、DaVinci Resolve / Fusion、Remotion + Three.js/SVG、FFmpeg),并列出任何缺失可选工具(QGIS、Inkscape、Krita)的单行免费安装命令(winget)。
- 运行
- 建立层级与表面(
design)- 应用不对称缩放张力(一个主导锚点、充足的近白色
#F4F1EA或蓝图石板色#1B222C负空间、连接路径)。在动画化之前执行远观/回视测试。 - 构建视觉权威三支柱:表面(温暖纸张纤维 + 静态颗粒感)、墨水(
正片叠底/颜色加深渗色 + 亮度遮罩 + 粗糙边缘 +0.5–1.5px柔化度)、生命(图形元素使用8–12 fps的时间重映射,背景纹理波动使用2–4 fps)。
- 应用不对称缩放张力(一个主导锚点、充足的近白色
- 生成程序化资源(
scripts/generate_vox_assets.py)- 运行
uv run --no-project python scripts/generate_vox_assets.py生成 SVG 滤镜定义(双通道撕裂纸边框、墨水渗色、交叉 45° 半色调亮度遮罩、纸张颗粒)和比例标尺时间线布局。
- 运行
- 在所选 2D / 2.5D / 3D 引擎中构建场景(
map、chart-timeline、archival-collage)- 代码/网页 2D 和 3D: Remotion + SVG 滤镜(
<feTurbulence>+<feDisplacementMap>) + Three.js / React Three Fiber(35mm摄像机、景深、Z 平面)。 - 节点合成器 2D 和 2.5D: DaVinci Resolve Fusion(
FastNoise+Displace、sRender重复器、Paint修剪笔触、ImagePlane3D+Camera3D)。 - 全 3D 和 2D-in-3D: Blender 5.2(使用
Noise/Build修改器的 Grease Pencil 笔触、几何节点比例时间线/柱状图、3D 置换地形图、Cycles/EEVEE35mm景深 + 合成器镜头/颗粒通道)。
- 代码/网页 2D 和 3D: Remotion + SVG 滤镜(
- 应用最终修饰并验证(
scripts/validate_vox_recipe.py)- 添加细腻的 35mm 景深(或羽化调整层焦点遮罩)、径向色差、暗角和时间重映射节奏。
- 运行
uv run --no-project python scripts/validate_vox_recipe.py --spec <recipe.json>验证与所有 Vox 视觉法则的符合性。
对于在 Blender 中执行的任何步骤(几何节点、着色器、绑定、权重绘制、NLA、bpy),加载 use-3d-software 技能以获取精确节点和当前 5.x 名称。对于剪辑、字幕、重定时、转场、调色和在任何编辑器(Resolve、CapCut、Premiere、Kdenlive、FFmpeg)中的导出,加载 edit-video。
单个步骤的工艺技能:draw-and-paint-art(在 Krita 中绘图、人物、绘画)、paint-stylized-backgrounds(背景、涂改、视差、动态树叶和水面)、animate-characters(角色动作、逐帧、剪影)和 rig-characters(剪影木偶)。
核心 Vox 视觉法则(不可妥协)
- 无无菌数字画布: 绝不要使用纯
#FFFFFF或#000000背景。使用暖纸色(#F4F1EA)、档案奶油色(#EFECE6)或蓝图石板色(#1B222C)并添加静态颗粒感。 - 双通道撕裂纸边框: 在繁忙背景上的剪切图需要近白色纸边框(
Simple Choker/ 形态学膨胀)经过两个通道粗糙化:通道 1(Spiky/ 大尺度剪刀切割)+ 通道 2(Roughen/ 精细纸纤维边缘)+ 以柔光模式叠加织物/纸纹理并裁剪至剪切图。 - 印刷引用半色调: 应用交叉
+45°/-45°半色调点亮度遮罩(拆分为高光和阴影遮罩),将其调至感知阈值(8%–18%不透明度),使现代新闻剪切图看起来是印刷且经过事实核查的。 - 预先绘制标尺时间线法则: 永远不要将不等长的时间间隔均匀分布。先绘制均匀分布的标尺/刻度线,然后按真实比例坐标放置事件,让簇拥和间隙讲述故事。
- 双色高亮法则:
- 数字/屏幕文本: 干净的
#FFE600描边、正片叠底混合模式、描边高度短于字母大写高度(约 75–85%),未高亮的文本降低至~30%不透明度。 - 档案/书本页面: 3 通道粗糙边缘(水平标记条纹 + 边框 + 粗糙边缘)+
Bulge湍流置换,放置在 3D 空间中,使用35mm摄像机和跟随行的浅景深。
- 数字/屏幕文本: 干净的
- 摄像机速度曲线: 所有 2D/3D 摄像机平移和缩放必须使用
35mm等效焦距、Null 控制器父级控制,以及连续贝塞尔钟形速度曲线(慢速缓入 -> 快速快照 -> 慢速稳定),绝不要使用线性关键帧。
脚本与参考
- 工具链审计:
scripts/check_vox_toolchain.py - 资源和 SVG 滤镜生成器:
scripts/generate_vox_assets.py - 配方验证器:
scripts/validate_vox_recipe.py - 单元测试:
scripts/test_vox_skill.py