news 2026/4/25 14:44:18

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【场景美术】2D 游戏要做“视差滚动”?智能补全 + 深度切片,5分钟把单图拆成 5 层景深

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

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

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

  1. 脑补盲区:当你把前景的“柱子”移开,柱子后面是什么?原画里没画。你需要凭空想象并补画背景。

  2. 透视一致性:手工补画的背景,往往透视跟整张图对不上,滚动起来会有“滑步感”。

  3. 边缘溢出:抠图留下的白边或杂色,在黑色背景的游戏引擎里极其明显。

我们要解决的核心问题是:如何在不破坏原画构图的前提下,把一张“死图”复活成可独立移动的 4-5 层图层,并让 AI 自动修补所有遮挡区域。

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

这套流程的核心在于:先切片,后补肉。

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

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

  1. 打开原画:导入那张 JPG 概念图。

  2. 生成深度遮罩:

    • 菜单栏滤镜->Neural Filters->深度模糊 (Depth Blur)

    • 关键操作:勾选底部的“仅输出深度图 (Output depth map only)”

    • 调整“焦点”和“雾化”参数,直到画面呈现清晰的黑白灰阶梯(白色是近景,黑色是远景)。

    • 输出为“新图层”,命名为Depth_Map

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

  1. 进入通道:看着那张黑白的深度图。

  2. 色彩范围 (Color Range):

    • 菜单栏选择->色彩范围

    • 用吸管点击深度图中最亮(白色)的部分(即前景)。

    • 调整“颜色容差”,确保选中了完整的前景轮廓。

  3. 提取图层:回到原画图层,Ctrl + J复制,命名为Layer_FG (前景)

  4. 重复操作:依次提取中灰部分Layer_Mid (中景)和 黑色部分Layer_BG (远景)

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

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

  1. 选中中景层:此时上面有前景留下的透明窟窿。

  2. 载入选区:按住Ctrl点击Layer_FG(前景层)的缩略图,获得选区。

  3. 扩展选区:选择->修改->扩展(10像素)。让 AI 能读取边缘像素。

  4. 创成式填充 (Generative Fill):

    • 什么都不要输!直接点生成。

    • AI 逻辑:AI 会根据中景层现有的纹理(比如森林的树干),自动推算并填补原本被前景遮住的区域。

    • 结果:窟窿消失了,变成了一张完整连续的中景图。

2.4 第四步:移除工具精修 (Smart Remove)

  • 远景层往往最难补,因为被挡住的面积最大。

  • 如果创成式填充生成的结构太复杂(比如多出来奇怪的房子),使用移除工具 (Remove Tool)涂抹该区域。PS 2025 的移除工具在处理大面积背景修复时,比 Gen Fill 更倾向于“平滑过渡”,非常适合做远景天空或山脉的修复。

第三章:水平无缝循环 (Seamless Looping)

跑酷游戏要求背景无限循环。AI 也能搞定。

  1. 位移 (Offset):对补全好的背景层,执行滤镜->其他->位移,水平移动 50%。

  2. 中间会有接缝:此时画面中间有一条明显的断层线。

  3. 修补接缝:用矩形选框框住接缝线,点击“创成式填充”(不输 Prompt)。

  4. 结果:AI 会完美融合左右两端。现在这张图在 Unity/Cocos 里首尾相接,就是无限滚动的。

莉莉丝、雷霆游戏等专注于 2D 风格的厂商,视差素材的精度直接影响游戏的沉浸感。

这里揭露一个技术现实:很多项目组之前是把原画发给外包去“拆图”,一张图的拆分费就要 800-1000 元,周期 3 天。使用这套Depth Map + Gen Fill工作流,熟练的美术师 10 分钟就能拆完一张,且质量往往优于人工手绘修补(人工修补容易出现透视错误)。注意:如果你的游戏是像素风 (Pixel Art),请在 AI 补完后,务必使用“马赛克滤镜”“索引颜色”重新统一像素颗粒,因为 AI 生成的内容是平滑的高清图像,会破坏像素的颗粒感。

得益于我使用的是Kingsman 组织的企业版全家桶订阅,我可以利用 PS 云端的高算力,在处理4K 级别的超长卷轴场景时,依然保持生成速度。普通账号在处理超过 2000px 选区的填充时,往往会出现网络超时或降质(Blurry results)。(主要是个人版订阅没有游戏人必备的Substance 3D 套件,这就是硬伤了)

第四章:常见问题 QA

Q1:深度图提取不准,把角色的腿算到背景里了怎么办?

  • A:Neural Filters 的深度估算不是 100% 完美的。生成深度图后,建议用“加深/减淡工具”手动修整一下黑白灰关系。把该是前景的地方涂白,该是远景的地方涂黑,然后再进行切片。

Q2:补全出来的背景太抢眼,喧宾夺主?

  • A:这是常见问题。对于中远景层,生成后建议直接高斯模糊 (Gaussian Blur) 1-2 像素,或者降低“饱和度”“对比度”。空气透视法(Atmospheric Perspective)告诉我们,越远的东西越灰、越蓝、越模糊。

Q3:能处理带有半透明特效的图吗(比如火焰、魔法)?

  • A:很难。AI 很难把半透明的火焰完美剥离。建议在拆分前,先用 PS 手动把特效层(VFX)抠出来单独放,只对实体物体使用深度拆分流程。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/25 0:48:07

婴儿哭声解读:新手父母了解宝宝需求的智能工具

婴儿哭声解读:新手父母了解宝宝需求的智能工具 在无数个深夜,当婴儿突然啼哭,新手父母常常手足无措——这哭声是饿了?疼了?还是只是想被抱一抱?过去,这种“听不懂”的焦虑只能靠经验慢慢化解。但…

作者头像 李华
网站建设 2026/4/24 22:24:13

智能家居中枢:本地部署Fun-ASR实现离线语音控制

智能家居中枢:本地部署Fun-ASR实现离线语音控制 在家庭智能设备日益普及的今天,我们越来越习惯对音箱说一句“打开客厅灯”,期待它立刻响应。但你是否曾遇到过这样的尴尬:网络卡顿导致指令延迟、断网后语音助手彻底失灵&#xff0…

作者头像 李华
网站建设 2026/4/21 22:22:18

安装包下载指引:Fun-ASR各平台二进制发布版本获取方式

Fun-ASR 各平台二进制版本获取与本地化部署实践 在企业对数据隐私和系统可控性要求日益提升的今天,语音识别技术正经历一场从“云端依赖”向“本地智能”的转型。传统 ASR 服务虽然功能强大,但往往伴随着网络延迟、持续计费和敏感信息外泄的风险。尤其是…

作者头像 李华
网站建设 2026/4/24 13:03:39

老梁说香港中环那些事

相信科学,拒绝迷信! 网址:http://xhslink.com/o/5twMUTUBb1u

作者头像 李华
网站建设 2026/4/23 14:40:02

图书馆智能服务:读者口述需求自动匹配书籍推荐

图书馆智能服务:读者口述需求自动匹配书籍推荐 在图书馆里,一位老人站在自助查询机前犹豫良久——他想查一本关于养生的书,却因为不会打字而只能作罢。这样的场景每天都在各地发生。随着老龄化社会的到来和数字鸿沟问题日益凸显,…

作者头像 李华
网站建设 2026/4/24 17:04:33

YouTube视频发布:上传英语解说版Fun-ASR使用教程

YouTube视频发布:上传英语解说版Fun-ASR使用教程 在智能语音技术日益渗透日常办公与内容生产的今天,一个真正“开箱即用”的语音识别工具依然是许多非技术用户的迫切需求。尽管大模型驱动的ASR系统在准确率上不断突破,但多数仍停留在命令行或…

作者头像 李华