【场景美术】2D 游戏要做“视差滚动”？智能补全 + 深度切片，把单图拆成 5 层景深

adobemaster

北京/设计爱好者/301天前/560浏览

版权

adobemaster

摘要：

在

横版动作和跑酷游戏

开发中，为了让 2D 画面有精美的 3D 纵深感，

“视差滚动 (Parallax Scrolling)”

是标配技术。场景美术最痛苦的时刻莫过于：主美给了一张画得很完美的“概念气氛图（Concept Art）”，然后程序要求：“把它拆成近景、中景、远景、超远景 4 层，而且每层被挡住的地方都要画出来（补全），不然一滚动就穿帮。” 传统做法：美术一边骂一边抠图，抠完石头补石头后面的草，抠完草补后面的树，工作量相当于重新画了 3 张图。本文将分享一套“PS 2025 移除工具 + 深度图切片”的逆向工程流。教你如何利用 AI 对画面深度的理解，像剥洋葱一样把一张平面的 JPG 拆解成完美的视差分层资源。

第一章：横版游戏的“拆图噩梦”

做过《空洞骑士》或《银河恶魔城》类项目的都知道：

脑补盲区：
当你把前景的“柱子”移开，柱子后面是什么？原画里没画。你需要凭空想象并补画背景。
透视一致性：
手工补画的背景，往往透视跟整张图对不上，滚动起来会有“滑步感”。
边缘溢出：
抠图留下的白边或杂色，在黑色背景的游戏引擎里极其明显。

我们要解决的核心问题是：

如何在不破坏原画构图的前提下，把一张“死图”复活成可独立移动的 4-5 层图层，并让 AI 自动修补所有遮挡区域。

第二章：PS 2025 —— 你的图层手术刀

这套流程的核心在于：

先切片，后补肉。

2.1 第一步：AI 深度估算 (Depth Estimation)

虽然我们可以用套索硬抠，但利用 AI 识别空间效率更高。

打开原画：
导入那张 JPG 概念图。
生成深度遮罩：
菜单栏
滤镜
->
Neural Filters
->
深度模糊 (Depth Blur)
。
关键操作：
勾选底部的
“仅输出深度图 (Output depth map only)”
。调整“焦点”和“雾化”参数，直到画面呈现清晰的
黑白灰阶梯
（白色是近景，黑色是远景）。输出为“新图层”，命名为 Depth_Map。

2.2 第二步：基于灰度的色彩范围切片

进入通道：
看着那张黑白的深度图。
色彩范围 (Color Range)：
菜单栏
选择
->
色彩范围
。用吸管点击深度图中最亮（白色）的部分（即前景）。调整“颜色容差”，确保选中了完整的前景轮廓。
提取图层：
回到原画图层，Ctrl + J 复制，命名为 Layer_FG (前景)。
重复操作：
依次提取中灰部分 Layer_Mid (中景) 和黑色部分 Layer_BG (远景)。

2.3 第三步：创成式填充“补洞” (The Hole Filling)

现在你有了分层，但除了前景，后面的层全是被遮挡的“空洞”。

选中中景层：
此时上面有前景留下的透明窟窿。
载入选区：
按住 Ctrl 点击 Layer_FG（前景层）的缩略图，获得选区。
扩展选区：

选择
->
修改
->
扩展
(10像素)。让 AI 能读取边缘像素。
创成式填充 (Generative Fill)：什么都不要输！
直接点生成。
AI 逻辑：
AI 会根据中景层现有的纹理（比如森林的树干），自动推算并填补原本被前景遮住的区域。
结果：
窟窿消失了，变成了一张完整连续的中景图。