个人学习笔记——庄懂的技术美术入门课（美术向）21

最新推荐文章于 2021-10-29 22:21:36 发布
最新推荐文章于 2021-10-29 22:21:36 发布
阅读量1.1k 收藏 7
点赞数 1
分类专栏： 庄懂的技术美术入门课(美术向)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43803133/article/details/112647342
版权

个人学习笔记——庄懂的技术美术入门课（美术向）21


特效部分最后一讲

1 案例材料制作

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 渲染一张UV网格图和一张分块图

在这里插入图片描述

  • 在上一节中说过的bake方法

在这里插入图片描述

  • 回推，首先看到RGBA的合并，所以之前是在不同通道里做了不同操作
    在这里插入图片描述
  • 红通道塞了网格
    在这里插入图片描述
  • G通道看着和舞厅的球似的
    因为希望模型按照一个个面去做消隐，面消隐的位置有一定的随机性，那就需要有个值去偏移出这种分块的随机性
    于是bake了一个灰度，记录了模型上每个面随机的灰度值，用这个随机的值去偏移透明度
    在这里插入图片描述
    在这里插入图片描述
  • B通道模型的坡度值，用这种和钉子一样的效果，主要是想模型的片不要一下就没，从边缘慢慢缩到中间
    在这里插入图片描述
  • A通道白色纯色
  • 特效纹理2是一个3Dnoise
    烘焙了一张模型的位置信息，然后添加了3d噪声
    在这里插入图片描述

接下来从正面回去看

  • UVMesh处理
    Bitmap节点得到网格图，然后转成灰度，做一个反相，然后做edge detect边缘检测
    在这里插入图片描述
  • 可以进行不同操作，比如面随机灰度的部分，就是flood fill之后转成随机灰度
    在这里插入图片描述
  • 只是随机灰度的话，背景不太好，于是要用到之前我们的分块图作为遮罩去改变背景色
    在这里插入图片描述
  • 面坡度类似的方法
    在这里插入图片描述
  • 接下来combine就行了

在这里插入图片描述
为什么不把这个灰度塞到上面红绿图的A通道里呢？
涉及到优化问题，RGB与RGBA的图片，这两种图在Unity里压缩的尺寸不是多1/4，而是多了一倍
一张图能不加alpha就不加alpha，看起来多了一个通道，其实内存占用很多

2 shading

在这里插入图片描述

  • 光效颜色可以交给美术去指定，同时如果开了bloom的效果，颜色可以指定成HDR格式
  • 往上流动的效果是可以用波的速度密度参数调整，混乱度就是用纹理去扰动的强度
    消散强度就是模型顶点往外飞的程度
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 把自定义方法如何调整锯齿波到我们想要的样子，可以一步步把代码换成波形的方式理解
  • 自定义方法用smoothstep分了3个波形存在rgb通道里

在这里插入图片描述

  • 方法不难，重点看怎么用

在这里插入图片描述

清清！
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C语言学习笔记——小浪神
10-04
C语言学习笔记——小浪神 本笔记是关于C语言的学习笔记，涵盖了C语言的基本概念、历史发展、语言特点、数据类型、变量、常量、算法等方面的知识点。 计算机程序的概念 计算机程序是指一组能够被计算机识别和执行...
JBPM学习笔记——流程设计与控制
03-03
火龙果软件工程技术中心 相关资料：《jBPM学习笔记(V3.2环境部署)》《jBPM学习笔记(框架设计简介)》背景本片文章，我们将从业务流程的设计开始，通过带领大家完成一个完整工作流的程序设计，来学习jPDL的使用。...
庄懂21课 塞博小人
WINDGRIN23313的博客
10-29 310
https://space.bilibili.com/6373917？spm_id_from=333.788.b_765f7570696e666f.1https://space.bilibili.com/6373917?spm_id_from=333.788.b_765f7570696e666f.1 模型准备 为了得到网格效果，专门渲染一张纯黑白的网格图，然后右边的图则是在Alpha通道里用于UV分块 在SD中准备UV1：3D位置信息图 在SD中中制作UV2 R:网格线； G按模型灰度...
庄懂技术美术入门课笔记_L21_赛博小人
dd23333333的博客
02-07 342
庄懂技术美术入门课笔记_L21_赛博小人赛博小人1 案例2 模型准备3 EffectMap制作4 编写shading5 知识点 赛博小人 1 案例 在oldschool基础上，修改模贴、shader，制作赛博小人。 2 模型准备 3 EffectMap制作 4 编写shading 在顶点shader里面采样纹理要用tex2Dlod（），第二个参数是四维的。 5 知识点 ...
个人学习笔记——庄懂的技术美术入门课（美术向）01
清清！的博客
11-11 4065
个人学习笔记——庄懂的技术美术入门课（美术向）010 前言1 工程搭建示范2 理论2.1 结构（struct）2.2 渲染管线3 操作3.1-2 向量/标量/点积等若干线代基础3.3 第一束光4 映射5 临摹 0 前言 在学习了OpenGL的相关知识后（题外话：OpenGL的PBR系列还会更完的，因为当初web前端课的作业了，所以打算要交的时候再传了） 苦于不知如何在引擎中使用，发现了大佬的这门课程，于是开新坑学习了，虽然写着美术向的课程，作为标准理工男也尝试学习学习了，会结合之前的所学进行补充。 课程录播
个人学习笔记——庄懂的技术美术入门课（美术向）03
清清！的博客
11-16 1315
个人学习笔记——庄懂的技术美术入门课（美术向）031 回顾渲染流程2 尝试代码 1 回顾渲染流程 老师以美术绘画的角度理解渲染管线，比较形象 不过在第一课的学习中，我已经补充了些理论，所以这一块就略过 2 尝试代码 首先是关联Unity里关联到VS，这部分也较简单，略去 以shader forge新建基础的shader来识别代码 仔细看看操作段，和我们之前在OpenGL里写shader很像 逐层来分析 操作段1和2的路径和材质参数 ...
个人学习笔记——庄懂的技术美术入门课（美术向）02
清清！的博客
11-12 2055
个人学习笔记——庄懂的技术美术入门课（美术向）021 作业点评2 作业批改2.1 作业12.1.1 模拟高光2.1.2 菲涅尔2.1.3 叠加模式2.2 作业22.2.1 关于屏幕UV与深度图结合 1 作业点评 思路 答案 这里老师稍微解释了下多级渐远纹理(Mipmap) 之前在OpenGL的texture节中学到过，也在Games101中仔细说明过其原理 开启Mipmap后，距观察者的距离超过一定的阈值，则会使用不同的多级渐远纹理，即最适合物体的距离的那个。 并且由于距离远，解析度不高也不会被用户注
个人学习笔记——庄懂的技术美术入门课（美术向）09
清清！的博客
01-10 997
个人学习笔记——庄懂的技术美术入门课（美术向）091 菲涅尔2 连连看-MatCap3 连连看-CubeMap4 代码 MatCap5 代码 CubeMap 1 菲涅尔 更具体的PBR可以参考之前的笔记里面的1.4.8.3部分 2 连连看-MatCap 关于matcap的说明，可以参考毛星云大佬的文章 shader改bug的方法通常是每阶段看看输出对不对 3 连连看-CubeMap 可以回顾 在这一节笔记中有写怎么从hdr图转为cubemap 在这一节笔记中，详细从底层讲了天空盒以及环境映射的具
个人学习笔记——庄懂的技术美术入门课（美术向）05
清清！的博客
01-06 1117
个人学习笔记——庄懂的技术美术入门课（美术向）051 漫反射&镜面反射 1 漫反射&镜面反射 知识点可以回顾之前的笔记 这些缩写是要记一记 以下是一些知识点
个人学习笔记——庄懂的技术美术入门课（美术向）04
清清！的博客
01-06 1469
个人学习笔记——庄懂的技术美术入门课（美术向）041 作业点评2 作业答案2.1 半Lambert2.2 SSSLut2.3 批改![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116113738753.png)三级目录 1 作业点评 点评了小人用菲涅尔边缘光的效果，可以更细腻，取世界发现的绿通道，得到上下关系也就是y，可以用这个称一下菲涅尔，让只有朝上的面片有菲涅尔效果，这样会更真实 点评了该组做了卡通shader的实现 该组有唯一正解的SSS效
个人学习笔记——庄懂的技术美术入门课（美术向）12
清清！的博客
01-12 1993
个人学习笔记——庄懂的技术美术入门课（美术向）121 作业示范2 答疑 该课是在13课之后上的，所以可以先去回顾第13课 1 作业示范 没有标准答案，按照过程做完shader就过关了 2 答疑
Solidworks学习笔记——随形变化.docx
07-13
Solidworks学习笔记——随形变化.docxSolidworks学习笔记——随形变化.docxSolidworks学习笔记——随形变化.docxSolidworks学习笔记——随形变化.docxSolidworks学习笔记——随形变化.docxSolidworks学习笔记——...
Python学习笔记——运算符
12-10
Python学习笔记——运算符 运算符: 赋值运算符 算术运算符 关系运算符 逻辑运算符 位运算
个人学习笔记——庄懂的技术美术入门课（美术向）10
清清！的博客
01-10 1072
个人学习笔记——庄懂的技术美术入门课（美术向）101 作业点评与答疑2 连连看作业答案3 代码作业答案 1 作业点评与答疑 盾牌没有发挥shader的威力，写shader只是一方面，美术资源是另外一方面 同样一个shader，不同人对美术资源的规范得到的效果是不同的 从技术上要能写出来，但是美术上也要能用好 流程上要约束整个项目都能输出整个shader样例的效果 只是会写代码还是不够的 没啥问题 头盔整个做的可以上商业效果了 作为一个大作业，同学需要改进光照模型，输出模型贴图，和shad
个人学习笔记——庄懂的技术美术入门课（美术向）08
清清！的博客
01-09 993
个人学习笔记——庄懂的技术美术入门课（美术向）081 作业点评2 作业批改3 法线贴图 1 作业点评 没啥问题，注意调节AO强度需要从白色去调 看起来透明的猴子有风格化，会讲例子 右下角的蓝色小人，用了算法计算曲率的方式去做磨损效果，作为作业很好，但是工程上不一定 提醒了一些BUG 对于卡渲头盔，希望能做ramptex分层试试，会更卡通 P30的例子，用了屏幕UV和渐变图，效果还好看 魔法球的例子到以后做特效再说 模型贴图目前还不完整，以后用上specular和法线的图会更好看 创意头盔，把
个人学习笔记——庄懂的技术美术入门课（美术向）07
清清！的博客
01-07 976
个人学习笔记——庄懂的技术美术入门课（美术向）071 单色环境光2 三色环境光3 投影4 光照模型组合 有关AO的知识之前涉及到就是SSAO的实现了，可以回顾下 1 单色环境光 环境光加上环境光遮蔽 2 三色环境光 绿通道是朝上的区域，乘个-1就代表朝下 用白色减去朝上和朝下的区域，就是中间的区域 3 投影 这部分内容还是很浅……阴影的实现可以看之前的阴影映射的笔记 4 光照模型组合 将之前说的东西组合一下 ...
个人学习笔记——庄懂的技术美术入门课（美术向）13
清清！的博客
01-12 967
个人学习笔记——庄懂的技术美术入门课（美术向）131 特效类大纲 该课是在12课之前上的，所以看完可以去看第12课 1 特效类大纲 alpha cutout
个人学习笔记——庄懂的技术美术入门课（美术向）06
清清！的博客
01-07 898
个人学习笔记——庄懂的技术美术入门课（美术向）061 作业点评2 作业批改2.1 FakeEnvLight2.2 批改12.3 批改23 BRDF 1 作业点评 点评基础题都没有问题，这个创意题做了个葡萄，会讲 二组点评也没问题，例子会讲 也没问题，会讲例子 透明那个以为是透明，其实是调的和背景色一样，以后做真正的透明 也是没有问题 2 作业批改 2.1 FakeEnvLight 方法是算一个冯高光，去采样一个纹理图，期间设置了采样坐标和乘数两个参数 在此基础上又加上正常的高光 2.2 批
jQuery学习笔记——事件
最新发布
06-08
好的，关于 jQuery 的事件，我可以和你分享一些学习笔记。 1. 绑定事件 在 jQuery 中，我们可以通过以下方式来绑定事件： ``` $(selector).event(function(){ // 事件处理程序 }) ``` 其中，`selector` 表示要绑定事件的元素，`event` 表示要绑定的事件类型，比如 `click`、`mouseover` 等等。事件处理程序则是在事件触发时要执行的代码块。 2. 多个事件绑定 我们可以通过 `on()` 方法来同时绑定多个事件： ``` $(selector).on({ event1: function(){ // 事件处理程序1 }, event2: function(){ // 事件处理程序2 } }) ``` 这样，当 `event1` 或 `event2` 中任意一个事件触发时，对应的处理程序都会被执行。 3. 解除事件 如果需要解除某个元素的事件处理程序，可以使用 `off()` 方法： ``` $(selector).off(event); ``` 其中，`event` 表示要解除的事件类型。如果不指定事件类型，则会解除该元素上所有的事件处理程序。 4. 事件委托 在 jQuery 中，我们可以使用事件委托来提高性能。事件委托是指将事件绑定到父元素上，而不是绑定到子元素上，然后通过事件冒泡来判断是哪个子元素触发了该事件。这样，当子元素数量较多时，只需要绑定一次事件，就可以监听到所有子元素的事件。 ``` $(selector).on(event, childSelector, function(){ // 事件处理程序 }) ``` 其中，`selector` 表示父元素，`event` 表示要绑定的事件类型，`childSelector` 表示要委托的子元素的选择器，事件处理程序则是在子元素触发事件时要执行的代码块。 以上是 jQuery 中事件的一些基本操作，希望对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值