谁家网站做的好搜搜网站提交

当前位置： 首页 > news >正文

谁家网站做的好,搜搜网站提交,wordpress文章页设置,互联网公司排名保定学习笔记#xff0c;不喜勿喷#xff0c;欢迎指正#xff0c;侵权立删#xff01;祝愿生活越来越好#xff01; 在这个后期处理的效果中#xff0c;我们可以看到有很多不同的#xff0c;这里有浓雾#xff0c;波纹扭曲#xff0c;镜头扭曲和边缘模糊#xff0c;在第4…学习笔记不喜勿喷欢迎指正侵权立删祝愿生活越来越好 在这个后期处理的效果中我们可以看到有很多不同的这里有浓雾波纹扭曲镜头扭曲和边缘模糊在第49集我向你展示了如何制作涟漪在第50集里我向你展示了如何制作扭曲效果屏幕遮罩51集展示了如何制作模糊滤镜然后向边缘偏移本教程将向你展示如何把他们集中在一起。并且还要再加2个如何制作深度雾和镜头变形。 复习回顾 上几集学习的内容如下 屏幕扭曲 正方形边缘遮罩 边缘蒙版圆角 中心小图案蒙版 我们需要把他们都组装起来。 一、创建水下深度雾效果 首先要做的就是创建深度雾在这之前我们需要场景深度节点SceneDepth。我把它连接到后期处理材质的Emissive Color引脚上。 运行效果一片白色如下图 原因是虚幻引擎的单位是以厘米为单位的。测量的是从相机到场景中物体的距离distance from the camera to the objects in the scene以厘米为单位。0到1厘米是从黑到白这就是为什么整个屏幕你看到的所有东西都是一片白的原因因为所有的距离都大于1cm。 3、我们需要添加一些控制来控制与摄像机的距离我们想要的效果开始的位置0到2米的位置没有深度雾雾会从2米之后的位置开始飘进来。 4、另一个我们需要去做的是除以一个值控制最大深度或者所在区域我们会有完全的雾我们除以700因为我想要的是7m的距离是完全不透明和起雾的效果。 5、我们需要添加纹理坐标我们基于全屏纹理坐标对场景深度进行采样 我们连接一下 来看下效果 现在调整我们的深度以便在摄像机附近我们得到一个0值黑色然后我们在7m远的地方得到一个明亮颜色。这就是白值的位置所以雾的最大值。 6、我们还需要做几件事首先我们需要调整我们的衰减我们用一个power节点然后添加一个常数0.5它会调整曲率现在的雾是相对线性的 运行效果如下它会让更多的雾离镜头更近 将衰减曲线离相机更近的距离。 7、我们现在来混合场景颜色和雾颜色为了达到这个效果我们使用SceneTexturepostprocessinput0 你可以看到设置了PostProcessInput0这是场景的颜色。我们让它和雾的颜色做一个调整所以我们在场景颜色和水颜色之间进行过渡 注意要是场景颜色和4维向量之间进行混合否则报错运行效果如下 看看我们的场景我们就有了深度雾。你也可以做的花哨一些让深水的颜色和浅水的颜色不一样当你看向光源的时候你可以让它变成不同的颜色为了简单起见我们用这个颜色做雾。 二、创建透镜变形效果 我们需要的另一个效果是透镜变形。想让人觉得他是水下环境通过遮罩来扭曲我们的视野。我们来扭曲屏幕 1、我们首先获取屏幕坐标现在这个坐标从左上角的00开始我们需要将坐标缩放的中心居中所以我们需要减去一个值0.50.5这就得到了我们需要的uv坐标。 然后乘以一个值这是在缩放他们这儿乘以一个小于1的值就把要显示的物体放大了。这样就扭曲了 我们需要把坐标移回来然后我们从中心开始缩放所以需要把0.50.5加回去。我们把它带入场景颜色观察运行效果。 我们把uv带入场景看看运行效果 放大了屏幕就像你有一个变焦镜头。使用双倍的缩放效果很酷这正是我们想要的我们想要在中间放大。 以上是我们从中间开始使用的坐标我们要混合中间坐标我们不需要把边缘放大我们这样做,我们用线性插值来混和最初的坐标和中间放大的坐标我们需要一个蒙版我们从上节课讲的这里面进行截取使用。 我们来截取下面这部分; 这部分运行效果如下所示 因为后面是衰减和翻转不需要了。我们让它作为线性插值的alpha引脚输入。 这意味着中间使用缩放的uv边缘使用正常的uv。连接到场景颜色我们得到效果如下 中间放大2倍周边不变。物体越靠近边缘放大倍数越小。这种扭曲效果不是很好。不用2倍放大我要调整这个值由0.5改成0.7. 我们仍可以看到屏幕扭曲效果没有那么严重了。 三、创建屏幕扭曲效果 需要做的事情是Screen Wraping效果其实我们只需要uv坐标进行轻微无规则的偏移就实现了扭曲效果 但是我们还得需要它们能动这样就需要加入时间但是动的方向我们最好还是混合一下这样就没有规律可循更真实了这就是我们扭曲屏幕的原理。以下是我们的制作步骤 1、我们对后期处理体积添加下面这个材质显示范围更改为无限范围未限定 运行效果如下图 通过这种方式我们可以调整色调。 2、我们引入纹理坐标texture coordinates后期处理着色器纹理坐标是屏幕我们还得需要对纹理进行采样TextureSample我们使用扭曲纹理distortion texture我们还需要引入时间time节点因为我们要为纹理做动画我们让时间乘以一个2维向量0.10.03现在我们将我们获得的值并将它们添加到我们的纹理中纹理采样来使用这个uv如下图 我们连接一下来预览效果 采样纹理向左边进行运动并稍微向上移动。移动的幅度比较大。 我们把采样的结果乘以0.03一个较小的值这样运动的幅度比较小然后加到我们最终的纹理坐标uv中去如下图 这样我们可以使用这些坐标来采样我们的场景纹理Scene texture连接如下图 运行效果如下图 场景在轻微的扭曲。扭曲的原因是每一个正常的uv坐标都进行了稍微的移动这样取得的场景颜色就不是原来的地方颜色就像移动了位置一样就进行了扭曲我们再让随时间变化就可以了。现在的效果是有点重复只是向一个方向滚动我们随时间的变化我们可以再混合一点 运行效果如下 这样动态的屏幕扭曲效果就无规律可循了。在两个不同的轴上以不同的速度滚动的非常好的组合。我们得到了一个非常有趣的后期处理失真效果。 但细心的观众会发现 边缘的地方发生了拉伸为什么会出现这种现象呢是因为屏幕扭曲的方向是向上和向左的所以在我们右侧和底部看到它后期处理要求不存在的像素不在屏幕上的像素所以它可以做的最好的事情就是沿靠近的边缘复制现有的像素这样就会产生拉伸。 我们来看看材质看看从材质中我们能否弄清楚发生了什么我们看下这两个纹理采样节点上然后使用它们的红色通道和绿色通道每个纹理采样节点得到的范围是0-1之间我们让它们加到一起那么范围就变成了0-2我们接着做的是把它们加到我们的纹理坐标中这就是造成偏移的原因这个偏移向左移动这是个从0-2的范围我们真正想要的是从-1—1的范围只要减去1就可。节点修改如下 运行效果如下 实际上上面说的问题很好理解我们可以看看下面这个材质以及效果图就明白了材质如下 运行效果图如下 当我们uv采样的是u为0.2——1.2v为0.2——1.2这样1到1.2的部分因为超出了屏幕的范围只能用靠近部分的颜色进行复制填充。 实际上问题虽然解决了但是我们仍然会有一点拉伸这样的话我们就得学会制作各种各样的选区。 四、方形蒙版 1、方形蒙版square mask的制作 添加纹理坐标节点texture coordinate然后将纹理坐标texture coordinate乘以它们自身的倒数自身的倒数实际上就是反向OneMinusuv原本是0-1用1减之后就变成1-0了。它们相乘相当于ps中的正片叠底暗的更暗因为暗的乘以一个数会让它变得更小。 看下效果 这样uv的数值区间就变为从0到比较小的值这样区间太小了所以我们修改下让范围扩大之后由于我们uv不能大于1所以我们需要钳制在0-1的范围内然后再相乘这样扩大范围的这个值能够用来控制边缘过渡区间范围。如下连接 运行效果 如果你还是不明白我相信你看看下面这个连接和运行效果图就明白了 理解了之后我们继续来看我们现在需要把uv分开我们只需要要componentmask节点就可以。我们来单独看看获取u和v之后长啥样 再来看看v 细心的观众会发现v方向上上下边缘是黑色的u方向上左右边缘是黑色的这样我们要是让它们相乘它们得到的结果肯定是边缘是黑色的。我们连接下看看对不对 very good 这个黑色的边框确实有点窄了如果你想看宽的你只要把50这个值降到5就可以。 当然这个值越小就越靠近屏幕中间为2时 所以值越小越靠近屏幕中间。现在我有了边缘黑色就可以使用这个选区了嘿嘿。例如我可以用它来控制发生了多少偏移屏幕扭曲的时候不让边缘扭曲我们下图是屏幕扭曲 其中的一个数值0.03是控制扭曲的程度我们可以让这个值变成一个图边缘不扭曲中间扭曲0.03怎么办呢是不是我们直接用边缘黑色的蒙版乘以它就可以了太酷了 我们运行看看效果为了能够得到夸张的效果我们把50设为5看看 边缘很大一部分没有扭曲效果了太酷了知识的魅力