火星网校
Substance Designer警示牌案例制作教程（二）
Hello . 大家好，上篇跟大家分享了 Substance Designer警示牌案例制作教程（一） 我们在SD中搭建好了基础框架，今天我们需要深入效果制作。一起来看今天的Substance Designer警示牌案例制作教程（二）！
一、警示牌边线图形制作
1、打开前面制作的文件，在Sign_Shape节点后面添加Bevel（斜边）节点。用来控制Shape的宽度。
2、添加Gradient Map节点，通过滑块和颜色可以将前面Bevel的造型更加明确。在这里可以用Level节点替换，但不如Gradient Map易操作。
3、将Sign_Color节点复制一层，并换一个颜色。
4、使用Blend节点将颜色和图形连接起来，这样我们的警示牌就可以制作出边线的效果了。因为Gradient Map节点造型小于Opacity节点造型，因此Blend的背景色就暴露出来了。
5、继续在Bevel节点后面添加Gradient Map节点，并通过中间为白色两侧为黑色的滑块效果将造型控制成线条的效果。这样连入Blend的通道中就可以得到上图中的样式效果。
6、为了后期方便选择这里使用Multi_Switch_Grayscale节点。
二、参数暴露
现阶段我们就不再继续深入节点的制作，而是为了方便调节，将需调节的参数进行暴露。
1、将Blend节点中前景色进行暴露，暴露的意义在于可以控制警示牌线的颜色。
2、将Blend节点中背景色进行暴露，暴露的意义在于可以控制警示牌背景的颜色。
暴露完毕之后发现一个问题，就是当我们切换警示牌线的样式的时候，线的颜色和背景发生了混乱。这是因为Multi_Switch_Grayscale节点前面的黑白图一致，需要的是线显示前景色，背景色显示为背景色，或者是线显示为背景色，背景色显示为前景色。
而目前是Multi_Switch_Grayscale节点中，上面图形线显示为背景色，下面线显示为前景色。
3、因此这里我们将Multi_Switch_Grayscale节点前上面的图形进行黑白颠倒。
这样我们再将Multi_Switch_Grayscale节点进行暴露，滑动滑块时信息都是正确的了。
4、Bevel节点中Distance数值非常关键，因为可以控制线的宽度。因此这个参数也需要暴露出来，但是这个参数暴露有一个问题就是阈值太广了，很多数值都会出现造型不美观的状态。因此我们再暴露这个参数时，就需要控制Distance的阈值。
这时候我们就需要用到函数。（大家可能觉得比较难，一听说函数。其实非常简单这里所使用的是线性函数，也就是我们初中学习的一次函数，表达式为y=kx+b。）
当前Distance的取值是【-1,1】，其中【-0.24，-0.34】这段取值是图形效果比较美观的。所以我们就只需要输出这段阈值就可了。
5、双击空白区域在INPUT PARAMETERS中点击加号添加新的输入按钮。
6、点击Bevel节点将Distance改为Function。
7、进入Function函数面板，添加Get Float并在右上角选择刚才添加的输入按钮名称。这样我们就可到了一次函数中X（自变量）。
8、添加Float并将数值改为-0.24和-0.34，这样我们就得到了应变量。
9、创建Linear线性函数，将数值输入A，B通道中，Get Float作为自变量输入到X通道中，右键Linear节点点击Set as output node，完成函数创建。
这样我们在滑动Default数值的时候，Distance的效果只会在设定的阈值内进行变动。
最后我们图形的选择一并进行输出即可。
好了今天就到这里，下次我们继续分享警示牌的制作。感谢大家！
来源：Thepoly公众号
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
本文主要介绍和对比了几所知名的交互设计师培训机构，专业、全面、详细的解析帮助你选择更适合自己的培训路径。
-
在这篇文章中，我们为你介绍一些优质的UI设计培训机构，让你从众多选择中找出一条适合自己的学习道路。
-
深入探讨UE5可视化的学习路径，分享如何掌握关键技能和策略，帮助你领略UE5可视化制作的魅力。
-
探索UE5智慧城市师培训课程为设计师和开发者描绘智慧城市的技术引擎，利用UE5技术创造更加智能高效的城市
-
本文介绍了UE5模拟仿真师的培训课程，为零基础的学员详解UE5的使用方法和实战技巧，助力学员蜕变成为专业的模拟仿真师。
-
本文详细介绍了UE5设计入门培训班的相关内容，帮助你更好地理解和认识UE5设计，并为你解锁游戏设计的新视觉。
