PS 神经滤镜:一张 JPG 做出伪 3D?2.5D 视差背景“作弊”流

用户头像
北京/设计爱好者/280天前/522浏览
PS 神经滤镜:一张 JPG 做出伪 3D?2.5D 视差背景“作弊”流
 
做 2D 游戏(横版过关、卡牌立绘、AVG)或者 UI 动效的兄弟们,这种“伪 3D”需求肯定让你掉过头发:
主美丢过来一张精美的登录界面原画(Key Visual)。 “这张图挺好看,但太死板了。” “
把它做成动态的。
要有那种跟随手机陀螺仪晃动的
视差效果 (Parallax)
。” “哪怕是张 2D 卡牌,也要做出景深感,要分层动。”
你看着那张“铁板一块”的 JPG。
传统硬干?
用钢笔把人物、近景树木、中景建筑、远景天空一层层抠出来。抠完了还得把被遮挡的地方用画笔“补图”。稍微复杂点的场景,光是分层补图就得干两天。
3D 重制?
重新建模渲染?成本根本 hold 不住,工期也不允许。
其实,
Photoshop
“神经滤镜” (Neural Filters)
里藏着一个被 90% 人忽略的“黑科技”开关。 大家通常只用它来把背景调虚。 但如果你勾选了“仅输出深度图”
。 它就能利用 AI 瞬间分析出画面的空间关系,生成一张完美的
灰度深度图 (Depth Map)。 有了这张图,进引擎(Unity/Cocos)配合 Shader,或者进 Spine,一张纸片也能扭出 3D 空间感。
今天分享这个“深度伪装”流。 专治各种只有一张图、却要做动态视差的“无理”需求。
保姆级工作流
别去手抠图层了,让 AI 帮你算空间 Z 轴。
第一步:准备原画 (Base Image)
首先,你需要一张层次丰富的图。 近景有树叶或石头,中景有人物,远景有山或建筑。层次越多,AI 算出来的效果越炸。
  1. 打开 Photoshop。
    导入你的原画。
    假设场景:
    一张赛博朋克街道,或者幽深的魔法森林。
第二步:提取“Z轴” (Neural Filters)
这是核心的一步。 我们要把平面的像素,翻译成引擎能读懂的“距离信息”。
  1. 启动滤镜:
    菜单栏 滤镜 -> Neural Filters。
  2. 开启深度模糊:
    在列表中找到
    “深度模糊” (Depth Blur)
    ,打开开关。
    注意:
    此时画面会变虚,别慌,我们不是要模糊效果。
    插播实战经验:
    神经滤镜是 PS 里最吃“云端环境”的功能之一。它需要实时调用 Adobe 的云端 AI 模型来分析图像结构。很多“精简版”或者网络受限的环境,这个功能经常是灰色的,或者点击后一直在“正在处理”转圈圈,甚至闪退。很多朋友都问我入手的是什么订阅?为了保证在赶版本的时候工具链不掉链子,我入手了 
    Kingsman 组织的企业
    版全家桶订阅,它的云端通道极其稳定,1500点AI算力积分,几个 G 的离线模型包秒下载,计算 4K 大图的深度信息也是瞬时的,这才是工业级流程该有的效率。(对比市场上的那种3-4个月就必须换号的个人试用版,个人版的订阅由于开通渠道的问题真的是翻车是常态,毕竟开通的渠道在论坛飘得到处都是,最主要的是个人全家桶不包含游戏美术人必备的Substance 3D 套件)
  3. 关键操作 (Hidden Gem):
    往下翻参数面板,翻到底。找到
    “输出仅深度图” (Output depth map only)
    的复选框。
    勾选它!
  4. 见证奇迹:
    彩色画面消失了,变成了一张黑白图。
    越白的地方代表越近,越黑的地方代表越远。
    AI 自动识别了人物是近景(白),身后的建筑是中景(灰),天空是远景(黑)。
第三步:修整深度 (Levels)
AI 算出来的图比较柔和,我们需要它更精准,以便引擎识别。
  1. 输出:
    输出方式选
    “新建图层”
    。点击确定。
  2. 增强对比:
    对这张黑白深度图,按 Ctrl + L 调色阶。加强黑白对比。确保近景的主体是
    纯白
    的,最远的背景是
    纯黑
    的。
    微调:
    如果有些地方算错了(比如把地面的倒影算成了远景),用画笔沾白色/灰色简单涂抹修正一下。
第四步:进引擎“欺骗”视觉 (Shader/Spine)
图做好了,怎么动起来? 这里需要一点点技术美术(TA)的配合,或者直接用现成的插件。
方案 A:Unity/Cocos (Shader)
  1. 原画 (Albedo)
    深度图 (Depth Mask)
    导入引擎。
  2. 应用
    Displacement Shader (置换着色器)
    Parallax Shader
  3. 把深度图贴到
    Height Map
    Depth
    槽位里。
  4. 效果炸裂:
    当你绑定鼠标或陀螺仪晃动视角时,Shader 会根据黑白灰度,把像素进行不同程度的偏移。白色的动得快,黑色的动得慢。哪怕没有建模,人物仿佛真的要把手伸出屏幕。
方案 B:Spine (Mesh)
  1. 在 Spine 里,把深度图作为网格变形的参考。
  2. 或者利用深度图快速生成网格密度(白的密,黑的疏)。
还能搞点啥?
这套“深度图”逻辑,在 2.5D 游戏开发里全是挂:
1. 快速制作体积雾 (Volumetric Fog)
  • 痛点:
    雾气想加在“远处的坑里”,而不是盖在主角脸上。
  • 操作:
    把深度图反相 -> 叠加云雾素材 -> 混合模式“正片叠底”。
  • 结果:
    利用深度信息做遮罩,极其真实的场景景深雾效。
2. 辅助图层拆分 (Layer Separation)
  • 痛点:
    复杂的场景不知道怎么抠图分层。
  • 操作:
    生成深度图 -> 用“魔棒”选白色区域(近景) -> 选灰色区域(中景)。
  • 结果:
    利用深度图作为“智能选区”,快速把一张厚涂场景拆成前中后三层。
3. UI 动态光效 (Shiny Effect)
  • 操作:
    给 UI 图标生成深度图 -> 在 Shader 里做流光。
  • 结果:
    流光会顺着图标的“起伏”流动(比如沿着剑刃流过),而不是平平地扫过去,质感瞬间提升。
这招学会了,再做动态卡牌或登录页,就是降维打击。 不需要重新建模,不需要痛苦分层。 只要一张深度图,平面图瞬间拥有“空间权”。
技术美术的奥义,就是用最低的成本,骗过玩家的眼睛。 把计算留给 Shader。 你去搞定更酷的画面。
5
阅读原文
|
举报
|
3
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
大家都在看
登录注册