事情的起因,是在我用华为 P40 Pro 手机的时候,发现华为拍照系统当中的先拍照后对焦功能实在强大,那我会想到这个东西能不能用在我们产品渲染当中呢?
仔细想一想这个东西,无非就是通过距离判断相机对焦点和景深的一个做法,虽然并不能像真正的相机存在一个焦平面的概念,单纯从距离对焦也会存在一些偏差,但依然比我们在PS当中手动通过蒙版+高斯模糊来做会好很多,于是我展开了这次尝试。

动图:鼠标点击二次对焦

首先这张动图当中呈现的就是点哪焦点就对到哪儿的一个结果,是在photoshop当中实现的。我们可以看到相机的对焦点在第1个人和第2人当中进行切换。

那么接下来我们就展开这个部分的讲解。这篇文章是图文教程,需要看视频的小伙伴直接拉到文章底部有视频嵌入。

首先在KeyShot软件当中,我构建了这样一个场景,有墙面地面发光的灯管和几个赏金猎人模型。这里如果大家看相机参数的话,能够看到相机这里是没有调景深的。

由于渲染的调节不是这次教程的要点,所以这里的场景我就不做解读了。

点击渲染,在渲染的时候,注意选中“层和通道”中的“深度”。其他的就没有什么额外的注意事项了。

渲染完成之后可以得到两个文件,一个是PSD文件,这是我设置的渲染出图格式,另外一个是exr 文件,这个文件就是我们需要的深度通道的图片。

把这个exr格式的文件用 Photoshop打开,会提示作为透明区域还是作为通道,我们选择alpha通道并点击确定。

不出意外的话,你并不会看到一个灰度渐变的图片,你看到的应该是一张有黑有白或者像我这样纯白的一张图片,不用担心,我们点击编辑-调整-曝光度。

由于软件在渲染的时候,是根据镜头到物体的距离来判断黑白程度的,但是在黑和白的阈值设定上并没有一个特别智能化和自动化的设定,所以会导致我们的exr图没有一个黑和白的良好尺度,即:要么整体“过近”或整体“过远”,反映在exr文件上就是整体全黑或者整体全白。

这时候我们通过曝光度的调整就能够调整出类似上图这样的灰白渐变,白色表示远,黑色表示近。而远和近的定义,我们可以手动来调整,即:我们调整白色的阈值和黑色的阈值,以表现图面中的远和进。

将这个灰度exr图片调整好之后我们复制它,并且在渲染出图的PSD文件中新建一个通道,把灰度图粘贴在通道当中。上图当中右侧面板通道当中就能找到这个图了。

注意一定要放在通道当中,这样才能够被镜头模糊工具所调用。

接下来我们点击:滤镜-模糊-镜头模糊,打开镜头模糊工具面板。

在面板打开之后,右侧的”源“当中,我们就能够选择刚才的通道。比如刚才我已经把通道图命名为 Natt is best,那么在这里我们只需要选择这个通道就可以实现镜头远近的定义。

这里有两个注意事项:

第1个注意事项就是在我们选择对焦点的时候,点击”源”下面的坐标按钮就可以实现图中的点哪焦点就跟到哪。这里我演示当中使用的软件是 Photoshop 2020版本。
第2个注意事项是下面可以添加杂色(或者说噪点),噪点能够给画面一些质感,能够让焦内比较清晰而焦外略带一点对于摄影模拟所带的质感。

到这里我们就能够完成开头的那张动图所呈现的效果了。

由于图文的表现力所限,需要看到仔细内容的同小伙伴可以点击下方的视频,视频长度5分多钟,非常适合碎片时间观看。

知乎视频​www.zhihu.com

我相信对于很多做产品出图的小伙伴,又必须做景深的情况下,一次性调节景深会带来后续无法再次编辑的窘境,而这样一个技巧就能帮助大家扩展出很多应用场景。

文章作者:Natt
教学总监
拉夫堡大学硕士
辅导学生多次录取伦艺/罗德岛/帕森斯/爱丁堡/米理等名校

任何关于院校和作品集的问题

欢迎随时和马克君沟通
知无不言,言无不尽

5渲染判断_先渲染再对焦,KeyShot 深度通道在 Photoshop 中的对接相关推荐

  1. 5渲染判断_云渲染怎么收费,5大云渲染平台实测,您选对了吗?

    3DMAX云渲染平台都怎么收费?5大云渲染平台测试后才知道差距这么大,您用对了吗? 本次共计测试了3个镜头,为了让大家很直观地感受各个平台渲染时间和费用上的对比,我整理了个表格,供大家自行参考和判断. ...

  2. 5渲染判断if_React 16 渲染流程

    学过微机的同学都应该很熟悉「中断」这个概念: CPU 正常运行程序时,内部事件或外设提出中断请求: CPU 予以响应,同时保护好 CPU 执行主程序的现场,转入调用中断服务程序: 调用完毕后恢复现场. ...

  3. 5渲染判断_Vue页面渲染中key的应用实例教程

    引言 在前端项目开发过程中,el-table展示的结果列使用组件形式引入,其中某些字段通过:formatter方法转码,结果栏位的字段显示/隐藏控制也使用组件形式引入,前端在控制字段显示属性时,发现码 ...

  4. python语音建模_该系统实现了基于深度框架的语音识别中的声学模型和语言模型建模...

    基于深度学习的中文语音识别系统 如果觉得有用的话,小手给个star吧~ 注意:本人于近期想对该项目进行翻新,tf现在已经将keras作为重要的一部分,因此可能将代码用TensorFlow2来进行修改. ...

  5. file_get_contents js没有渲染数据_浏览器渲染页面那些事

    浏览器 浏览器是一种软件,它可以从远程服务器(或本地磁盘)中加载文件并显示文件,它可以允许用户和它交互. 浏览器的核心是浏览器引擎.在不同的浏览器中,根据浏览器引擎的不同,它们显示页面的内容或者顺序会 ...

  6. Python笔记_64_Vue_M-V-VM思想_显示数据_常用指令_操作属性_绑定事件_操作样式_条件渲染指令_列表渲染指令

    文章目录 Vue vue.js的M-V-VM思想 快速使用 显示数据 常用指令 操作属性 绑定事件 操作样式 条件渲染指令 列表渲染指令 Vue vue.js是目前前端web开发最流行的工具库,由尤雨 ...

  7. 浏览器渲染机制面试_浏览器渲染原理

    本文目录结构 问题 浏览器渲染原理 渲染过程 1. 浏览器接收到 HTML ⽂件并转换为 DOM 树 当我们打开⼀个⽹⻚时,浏览器都会去请求对应的 HTML ⽂件.虽然平时我 们写代码时都会分为 JS ...

  8. opengl游戏引擎源码_跨平台渲染引擎之路:拨云见日

    前言 最近在工作中越来越多地接触到一些3D以及相比常见特性更酷炫的效果,因此萌发了想要自己从0开始打造一个渲染引擎的念头,一方面是为了更好地实现公司业务的需求,另一方面则是可以学到整个渲染流水线上的方 ...

  9. 浏览器渲染机制面试_前端面试大全:浏览器渲染原理-文件无法渲染

    在这一篇文章中,我们将一起学习浏览器渲染原理这部分的知识.你可能会有疑问,我又不是做浏览器研发的,为什么要来学习这个?其实我们学习浏览器渲染原理更多的是为了解决性能的问题,如果你不了解这部分的知识,你 ...

最新文章

  1. 用友发布U8 All-in-One引爆中小企业全面信息化
  2. 无贡献、无创新、无思路,ML领域准博士求助:论文到底要怎么创新?
  3. 【Linux基础】 diff命令的参数详解和实例
  4. 手机设置两个操作:享受专注生活
  5. 迄今为止用到的Eclipse快捷键,最常用的--[欢迎补充]
  6. Exchange企业实战技巧(27)邮件中使用数字签名和邮件加密功能
  7. J2ME游戏开发感想
  8. 解决华硕笔记本自带触摸板的二指及三指失效的问题
  9. 泛在网、物联网与传感器网络有什么区别
  10. 关于研究一个新领域,研究思路的总结
  11. VR全景航拍:初学者如何做好全景航拍?
  12. 解析java数值类型数据混合运算
  13. hexo文章图片加载不出来 | hexo文章插入图片
  14. 1688API接口系列,教你如何获取商品详情
  15. 根轨迹法不完全笔记(自动控制原理)
  16. 小区物业管理系统设计与开发论文
  17. Docker磁盘空间不足如何解决
  18. php红包互助源码_互助盘源码php
  19. Spring Cloud Alibaba学习指南
  20. 「计算机基础」栈结构

热门文章

  1. 在Kubernetes上部署一个简单的、类PaaS的平台,原来这么容易!
  2. 「今天沾一口野味,明天地府相会!」AI如何抗击「野味肺炎」
  3. 微服务架构之「 访问安全 」
  4. 基于Java、Kafka、ElasticSearch的搜索框架的设计与实现
  5. 音乐播放器 audio
  6. 禁用计算机f1-f12,win10禁用F1至F12热键转为功能键的技巧
  7. bert 多义词_自然语言处理:Bert及其他
  8. python里元组和列表的共同点和不同点_Python_列表,元组和字典的异同
  9. mybatis自动生成代码只有insert()和insertSelective()
  10. 【小技巧】桌面图标出现蓝色问号的怎么办?