design-photo-sketchlisted
Install: claude install-skill yang20040317-svg/design-workflow
# design-photo-sketch | 照片 + 手绘线稿 / 实况图 draw-on 专项
> 本技能是 design-workflow 主技能抽离出的**专项方法论**,专治三类任务:
> 1. **以真实照片为起点做设计**(先读图、再取舍转译)
> 2. **照片 + 手绘线稿叠加**(实拍作底、线稿作第二叙事层)
> 3. **实况图 live photo draw-on 动画**(照片不动、线条一笔笔画出来)
>
> 来源署名见 `../references/来源署名/照片手绘线稿叠加法.md`(开源「照片叠加手绘线稿」类方法)与 `../references/来源署名/Zeejay0-gathered-scenes-zine.md`(拾景 zine · **注意:个人非商业许可**)。可运行脚本见 `../references/live_photo_drawon_recipe.py`。
---
# 第一部分 | 照片为起点的读图方法
> 适用:场景是「拿一张真实照片做设计」(非从零构思)。此时除设计场景四要素外,还要把照片本身读成结构化卡片,再决定保什么、舍什么。已去域化,适用于任何「以照片为起点的设计」。
## 读图卡片(二选一)
- **保真读图(Scene Card)**:照片作为最终视觉锚点。记录——核心主体 1–2 个 / 支撑元素 2–3 个 / 空间不变量(地平线·相对位置·尺度·透视·朝向·路径·剪影·重叠)/ 主导势态(最强横竖斜曲线·汇聚·视线)/ 视觉权重图(面积·暗度·饱和度·纹理·人脸·孤立感·边缘张力)/ 原生色氛围 / 可转插画+色彩的源形候选 / 天然安静区 / 语义最小值(仍能辨识"这是哪张"的最小形与关系)。原则:照片是事实来源,设计是对事实的**诠释**;保关系先于保细节。
- **提取读图(Distillation Card)**:照片只作语义/情绪来源,不进成品。记录——语义核(最小主语/关系/事件)/ 核心主体 1 个 / 支撑元素 1–3 / 主导势态·空间线索·视觉权重·原生色板 / 情绪余韵(去事实后剩的"感觉")/ 舍弃清单 / 转译机会(放大·合并·碎片化·位移·转负空间)。只保留 2–4 个来源锚点,默认不保留原构图。
## 抽象化地图(对每个被处理的区域做五选)
- **Retain 保留**:至多 1–2 个定义性形或关系。
- **Merge 合并**:把重复元素并成一个节奏/剪影。
- **Omit 省略**:删次要物体、表面细节、杂物。
- **Transform 转译**:把选定形转成平涂剪影、断线、几何切口、墨场。
- **Expose 留白**:在形周围与内部刻意留空。
默认 medium 抽象:保核心主体+主导势态+1 个关键空间关系,删约 60–80% 小描述细节;复杂场景(密叶/人群/砾石)更要简化,保留大块与方向势,省略约 85–95% 单片细节。缩略图清晰、正常尺寸仍觉"有意未尽"为佳。
---
# 第二部分 | 照片 + 手绘线稿叠加技法
把「真实照片作底 + 轻量手绘线稿作第二叙事层」当作固定手法:实拍 / 写实图负责现场与真实感,手绘线稿在其上轻量叠加,制造"纪实 × 手绘对撞"的活泼气质,又不压垮实拍主体。
- **底图处理**:照片保留真实感,整体略降饱和与对比,让叠加的线稿更跳、主体仍可读。
- **线稿作第二叙事层**:只强化 1–2 个主叙事对象,其余仅做提示性标记;线条服务情绪,不追求全信息描边;允