展开本页目录
开始前准备什么
- 下载本页原创练习素材，或准备自己的有权使用素材。
- 核对本页对应软件或账号实际版本；Remotion 示例需要已有可运行项目。
- 保留原素材、实际参数和独立输出，不覆盖输入。
- 把商品与 AI 背景分层
- 判断主光方向和落点
- 新增独立接触阴影层
- 再画柔和投影
- 在不同背景检查边缘
- 保存工程再导出小样
下载本教程完整练习素材
包含独立输入、模板、原创图形与 HTML 教材、验收表和离线检查；不包含外部账号或付费模型结果。
下载 shadow-plan.json
本页具体任务输入或操作模板；按步骤替换为自己的实际材料。
下载验收记录 CSV
保留实际结果证据，默认待验证，不用人工预期填充通过。
1. 把商品与 AI 背景分层
下载透明瓶身 SVG 与 shadow-plan.json。导入自己的真实商品 PNG，上方商品层保持原信息，下方背景可以是已验收 AI 背景；练习输入是原创矢量教材。
2. 判断主光方向和落点
观察背景中已有物体的阴影，确定光从左上还是右上。先在底部接触位置画小而深的阴影，不画一块覆盖整个底部的黑色椭圆。
3. 新增独立接触阴影层
在商品层下面新建 paint layer，画贴着底部的小暗部。给接触层起独立名称，保留透明度与蒙版，避免把阴影直接画进商品。
shadow-plan.json
json
{"layers":["background","cast-shadow","contact-shadow","product"],"light":"左上","contact":"瓶底与地面的短暗部","cast":"向右下延伸的柔影"}4. 再画柔和投影
另建 cast-shadow 层，按光的反方向延伸，距离越远通常越柔。用图层透明度调整强度，不让长投影与背景里其他光向冲突。
5. 在不同背景检查边缘
用浅底与深底分别看瓶底，检查商品是否悬浮、边缘是否出现白边。图层 Alpha 继承与透明度蒙版是不同功能；投影需要超出商品轮廓，不直接用商品 Alpha 把整条投影裁掉。
6. 保存工程再导出小样
保留 .kra 分层工程，导出 PNG 小样。页面阴影对照是原创代码教材，未声称 Krita 实际操作截图；按用户实际光向与地面自行调整。
7. 下载材料并关联实际结果
先运行素材包内的 node check.mjs 检查输入结构，再完成需要账号或编辑器的步骤。离线通过不表示模型生成、外部软件导出或自然流量已经验证。
怎样确认已经完成
- 商品层未被阴影修改，图层可独立关闭。
- 接触落点与光向合理，投影方向一致。
- 浅底深底都无明显白边与悬浮。
常见问题
把投影设为 Alpha 继承就对了吗？
不一定。投影往往应伸到商品轮廓外；如果被商品 Alpha 裁掉，调整分组或蒙版策略。
阴影越深越真实吗？
不是。依据环境光、材质和接触位置调整，过深或光向冲突会更突兀。