跳到主要内容
LEARNING EXPERIMENT / 02 · CREATIVE TOOLS

一张海报,
不止一张图。

A PSD is more than its preview.

这个实验起于制作 10 月 30 日质同道合会前海报:换上人像后,外面的双圈被遮住了。从这次返工开始,理解文字、照片、二维码和蒙版各自怎样工作。

OBSERVE → BUILD → VERIFY → REFLECT / 从问题出发,留下可以复用的方法。

LEARNING PRODUCTS / OPEN EXPERIMENTS

把复杂任务拆成可以观察、可以操作、可以验证的小步骤。不只是记住按钮,而是理解每一步为什么这样做。

00 /

真实起点 · 一张会前海报,两轮返工

FIELD NOTE / 2026.10

为 2026 年 10 月 30 日质同道合项目更新一份旧 PSD 模板时,我最初想解决的只是:能不能用可画做?真正开始制作后,问题逐渐落到图层、蒙版和验收上。

THE QUESTION / 当时的提问
“我们可以用什么工具(可画?)制作10月30日质同道合项目的海报呢?”
  1. 先看模板里到底有什么

    当时的检查记录显示,模板保留了 31 个文字图层,下方日程却是一整块图片。姓名可以逐项改,议程需要替换整表或重新排版。

    对应实验:辨认图层结构 ↘
  2. 换上 10 位人像,才发现边界不对

    我指出:“人像不能把外面的那两个圆圈盖住。”随后参考其他项目海报修正,让人像收进内圈,保留头部大小,并逐人检查双圈。

    对应实验:照片、裁切与蒙版 ↘
  3. 会议时间还需要再校正一次

    我确认实际会期为 18:00–20:10。对话随后记录了 PNG、JPG、PSD 和资料包的同步更新;信息一致也是交付的一部分。

    对应实验:逐项核查交付 ↘
ONE DETAIL / 人像与双圈
返工点

肩部越界,双圈被遮挡

修正目标

人像收进内圈,双圈完整

结构示意,非原海报截图。两个人形大小相同,右侧用圆形边界限制显示范围;真实 PSD 仍需检查蒙版与图层关系。
WHAT STAYS / 这次留下的方法

替换完成之后,还要检查对象之间的关系。

照片没有变形,还要看有没有挡住装饰;时间改对了,还要看各份文件是否一致;二维码能解码,还要实际扫码核对观看流程。

这次先保留认可的基准、制作说明和验收规则,补充现有人像 Skill。独立海报 Skill 等下一场复用后再判断,单场坐标和人数暂不当成通用规则。

把你的返工也写成一条方法 ↘

依据原制作对话整理。对话记录了文件产出和二维码解码检查,实际扫码观看仍待确认;本页未重新验收源文件。下方 3:4 海报是独立教学示意。

阅读原制作对话 ↗
01Observe 观察

先改,再看发生了什么

02Anatomy 解剖

区分文字、照片与蒙版

03Experiment 实验

主动制造并修复问题

04Apply 应用

迁移到真实软件操作

05Reflect 复盘

把经验变成自己的方法

01 /

Observe / Build · 先动手,再理解图层

EDIT → PREVIEW → DIAGNOSE

先不打开 Photoshop。修改标题、替换照片和二维码,观察页面如何变化。这里模拟的是海报的视觉层级,不会修改你的 PSD 源文件。

CONTROL / 编辑工作台LIVE INPUT

试着输入更长的标题,观察三行以内的排版边界。

默认是抽象占位图。照片只在本地浏览器预览,不会上传。

真实 PSD 中的剪贴蒙版和智能对象不是这里的 CSS 裁切;你要在 Photoshop 的图层面板中检查实际结构。

到二维码实验室生成 PNG / SVG,再回来上传 ↗

默认示例二维码指向 https://example.org/,不会自动指向你的报名页。

模拟外围留白。上传文件如果自身已包含白边,这里的判断不能代表最终实际静区。

输入不会重新编码二维码。实际目标必须用手机扫描核对。

点亮/隐藏某个图层,像 PSD 的眼睛图标一样观察合成关系。

图层类型是教学示意,不表示上传的实际 PSD 一定有同名、同类图层。
OUTPUT / POSTER · 3:4
PREVIEW · 实时示意不支持原生 PSD 读写
DIAGNOSTIC / 即时判断SIMULATED

此刻最该注意什么?

风险提醒只是教学规则,无法检测你真正 PSD 中的缺字体、印刷色彩或二维码可读性。交付前必须回到软件和实物设备检查。
02 /

Anatomy · 让图层结构变得可见

NOT A FLAT IMAGE

从上到下是一叠独立可编辑对象;文字层不是像素文字,照片的显示形状也不等于照片本身被剪掉了。点击下面图层查看含义。

TEDITABLE
▦REPLACE
◐REVEAL
◈NON-DESTRUCTIVE
▧BASE
文字层 / TYPE

可修改字句、字号和排版;被栅格化后就不再是可编辑文字。字体缺失时应先确认字体来源和替换后的行宽。

VISIBLE AREA ≠ ORIGINAL PIXELS
图片本体

原始图片内容较完整

蒙版显示

只显示指定形状

把照片换了但形状还在,说明蒙版与内容可能被分开管理。反过来,如果一换照片就跑版,先查智能对象、蒙版、图层顺序和尺寸比例。

03 /

Failure Lab · 让错误成为实验

BREAK IT TO UNDERSTAND IT

和二维码的“抗污损实验”一样,先制造问题再理解原理。点击「注入问题」,回到上面的海报预览观察变化,然后「恢复正常」。

FAULT 01 / TYPOGRAPHY

字体替换 + 文字溢出

原稿标题变成了另一种字体,长标题挤占海报空间。问题不只是“字体不好看”,还影响视觉层级和可读性。

做实验后观察:同一内容在不同字体下可能改变宽度、换行和整体重心。
FAULT 02 / IMAGE

照片被强行拉伸

照片与占位区比例不一致时,直接填满会让人物或主体变形;正确选择取决于原稿采用裁切、蒙版还是智能对象。

做实验后观察:拉伸、等比例裁切和保留完整画面各有不同结果。
FAULT 03 / QR CODE

二维码没有静区

把码贴得过近、缩得过小或者直接覆盖装饰,可能导致扫码失败。二维码能看清,不代表扫码器一定能识别。

做实验后观察:无外围空白的二维码在复杂背景和印刷中更容易出问题。模拟风险 ≠ 真实解码验证。
实验提示: 选择任意故障开始;每次先说出自己看到了什么,再去学习为什么会这样。注意三个故障是独立演示,不是 PSD 解析诊断器。
04 /

Apply · 从浏览器回到真实软件

REAL WORKFLOW / VERIFIED DOCS

把本例的方法迁移到真实 PSD:如果已有 Photoshop,可沿用原模板修改;无需安装时,可用 Photopea 编辑并检查结果。Canva 可画适合评估后续复用,但不能假定导入后的元素完全一致。

    05 /

    Verify · 完成不等于做对

    SOURCE FILE + DISTRIBUTION FILE

    至少保留两份结果:可继续修改的 PSD 工作副本,以及可以发布的 PNG/JPG。以下清单是你需要在真实软件中亲手确认的事情;不会因为你在模拟器中点击过就自动完成。

    HANDOFF CHECKLIST / 8 ITEMS
    KNOWLEDGE CHECK / 判断题

    Photoshop 中导出 PNG 之后,未来还能像原 PSD 一样修改每个文字层吗?

    06 /

    Reflect · 把一次交付变成自己的方法

    LEARNING LOG / LOCAL FIRST

    学习的产物不止一张海报,更是一份可复现的做事方法。建议记录自己遇到的第一个错误,而不是只写“学会了 Photoshop”。

    07 /

    References · 来源与技术边界

    TRANSPARENT SOURCES

    学习页只模拟视觉编辑,不会解析 PSD、识别字体许可证或扫描二维码。查操作路径优先以软件官方文档为准;不要把模拟器成功当成真实交付验收。

    Lumi Ruvenne / Learning Experiment 02 · 本地互动学习页。示例二维码固定指向 example.org;上传素材不会发送到服务器,笔记与清单仅保存在当前浏览器的 localStorage 中。首次访问需要联网;页面加载后的核心交互在本地运行,外部文档链接需要联网。导出的示意 PNG 不等于源 PSD。

    ROOTED, NOT BOUNDED. BACK TO LAB ↗