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公众号