原创作品

Shader节点研究笔记

萝貝 发表于   2022-02-20 21:31:15
3093
22
137

       这次整理了一下shader节点的笔记,主要原因是前段时间有一些新人的朋友们来问问题,然后我发现其实我自己也不太能完全把他们的意思表达出来,并且之前自己连的shader都快忘得差不多了,所以我觉得还是需要记录一下,毕竟自己只是个做特效的,shader什么的我还是不大会啊,同时也分享出来给一些新人朋友们看看,可以当做参考,不过不一定是标准答案,毕竟我大部分时间也只是自己研究而已,用到的节点也都不是多么复杂,只是给“新人”“特效师”想要了解一下shader的人做一个参考罢了,如果有哪些地方写的不对的话,麻烦一定要告诉我~


第一次修改时间:2022年2月21日20:24:17

————————————————分割线————————————————

       首先我们要了解一下特效常用的两种shader模式“Add”“Alpha”(这两种模式基本能满足大部分特效的需求了,别的模式我也不知道应该怎么用了),先说一下他们的区别


一张普通的贴图

image.png

Add模式的话会去掉图片上的黑色部分,从而能看到背景的样子

image.png

Alpha模式的话会保持图片的完整信息,整张图片上应有的元素都会留存下来

image.png

       为啥科普这个呢,主要是我发现好多人开始做特效好久,其实完全不知道具体的定义,只有一个模糊的概念,这也不是什么秘密,却总有人不愿说明白,或者说自以为太基础,所以以为大家都理解了?


       欧斯~第二点我们来科普 一下shader内部的运算结构~

       在shader内部为了方便计算,把数值和颜色进行了整合,即0-1=黑-白,这么说可能大家听不懂,举个例子就明白了~

比如:

image.png

可以看到啊,数值为0的时候颜色是黑色,数值为1的时候和颜色相同都是白色。

了解这个概念的话我们就可以来了解这些节点的具体作用了。

先来介绍一些细节的点和功能性快捷键吧

【一到四维的颜色分别是灰黄蓝粉】          【如果只接受了二维  就是粉到黄渐变】

MT_0_N{08}$LNGX26V82YRE.jpgWW]F@41PD[0){JCFJRQ72X2.jpg

粉到蓝就是只接受了三维

I$6ZZXD4(ADIHE8E8(13~0A.jpg

按W切换这两种线段显示方式↓                          

7Q832RJ_YAS31C)TDP7VFRH.jpg$8(67%[GL(536%VA)3NHH40.jpg

按I切换显示不显示数字

Q]_0HZ%W$91ASDB%N[8EG`T.jpg

《第一张,常量快捷键节点》↓

节点笔记001.png

《附加知识点》↓在这些节点旁边一般都会有这种三角的按钮,分别有着不同的功能,如果有些不知道怎么点出来的,不妨多点点点看,反正也不会炸掉~

image.png

Constant:不开放到外部            Property:开放到外部        Float(2,3,4)调整通道数量

Property:开放到外部

image.pngimage.pngimage.png

《第二张,常用快捷键节点》↓

节点笔记002.png

《第三张,一般的快捷键节点》↓(但是不那么常用

节点笔记003.png

《第四张,常用节点》↓(但是没有快捷键了哈~一下,需要用空格或者鼠标左键然后输入想要搜索的节点

节点笔记004.png

《第五张,常用节点2》↓

节点笔记006.png

《第六张,不太常用节点》↓(反正我不经常用,但是研究大佬们分享的shader的时候会出现,所以我也记录一下子

节点笔记005.png


欧斯!节点看完之后我们可以接着了解shader内部的规则了~用常用的加减乘除来举几个例子吧~

  1+1=1                             1-1=0                             1×1=1                             1÷1=1

image.png

       好~在shader的内部就是这样子滴,颜色就是数字,数字最高就是1(白色)最小就是0(黑色),因为白色以上没有别的颜色了,所以最大的100+100也会=1。

       但是这是在shader的内部,但是在外部的话呢,就不只有颜色了,还有亮度,所以在场景里面的话1+1还是等于2的,所以在shader内部,所有的值最后设定好初始值就不要乱动了,要看效果就到场景里面去调整,这样也不会影响别的特效制作。


       那么接下来再说一些我觉得比较好玩常用的节点吧~

        Abs(绝对值)学过初中数学的应该都知道吧,因为我数学不好,所以我觉得有点意思,咳咳,绝对值的意思就是不要负数嘛~没啥问题~

image.png

Saturate(0-1)刚刚上面说到在场景内100+100=200,shader内部确是100+100=1,那么这个节点就是把场景内的值也变成100+100=1。

image.png

好了,多的也不说太多了,有意思的节点还是很多的,官方也给出了不少的案例,可以选中节点自己去连连看,如果真心想研究的话,希望能帮上点忙呀~(点击箭头位置就可以看到了)

image.png


最后的最后!大家应该都差不多了解了一点了吧,给大家演示一下如何连一个中心缩放的效果


第一步,准备好以下节点

image.png

第二步,打开QQ

image.png

第三步,耐心等待


第四步,拿到答案抄就完了

image.png

image.png


好了,这样教学就完美结束了,大家应该都学会了吧~


希望大家可以多多学习,不要像我一样经常偷懒,不会就问,大佬们都是很平易近人的~

其实还有一个原因就是好久没有做练习了,这段时间松散了不少,所以先做一些小事找一找曾经学习的成就感,用接下来的空闲时间来尽力研究怎么做一个好的特效~


感谢WenWen大佬提供的理解思路和修改建议!

没有标签
确定
评论(22)
还没有人评论,快来抢沙发吧!