×

Substance Designer警示牌案例制作教程(二)

发布时间:2020-09-22 09:23:29

Hello . 大家好,上篇跟大家分享了 Substance Designer警示牌案例制作教程(一) 我们在SD中搭建好了基础框架,今天我们需要深入效果制作。一起来看今天的Substance Designer警示牌案例制作教程(二)!

0.webp.jpg

一、警示牌边线图形制作

1.jpg

1、打开前面制作的文件,在Sign_Shape节点后面添加Bevel(斜边)节点。用来控制Shape的宽度。

2.jpg

2、添加Gradient Map节点,通过滑块和颜色可以将前面Bevel的造型更加明确。在这里可以用Level节点替换,但不如Gradient Map易操作。

3.jpg

3、将Sign_Color节点复制一层,并换一个颜色。

4.jpg

4、使用Blend节点将颜色和图形连接起来,这样我们的警示牌就可以制作出边线的效果了。因为Gradient Map节点造型小于Opacity节点造型,因此Blend的背景色就暴露出来了。

5.jpg

5、继续在Bevel节点后面添加Gradient Map节点,并通过中间为白色两侧为黑色的滑块效果将造型控制成线条的效果。这样连入Blend的通道中就可以得到上图中的样式效果。

6.jpg

6、为了后期方便选择这里使用Multi_Switch_Grayscale节点。

7.jpg

二、参数暴露

现阶段我们就不再继续深入节点的制作,而是为了方便调节,将需调节的参数进行暴露。

8.jpg

1、将Blend节点中前景色进行暴露,暴露的意义在于可以控制警示牌线的颜色。

9.jpg

2、将Blend节点中背景色进行暴露,暴露的意义在于可以控制警示牌背景的颜色。

暴露完毕之后发现一个问题,就是当我们切换警示牌线的样式的时候,线的颜色和背景发生了混乱。这是因为Multi_Switch_Grayscale节点前面的黑白图一致,需要的是线显示前景色,背景色显示为背景色,或者是线显示为背景色,背景色显示为前景色。

而目前是Multi_Switch_Grayscale节点中,上面图形线显示为背景色,下面线显示为前景色。

10.jpg

3、因此这里我们将Multi_Switch_Grayscale节点前上面的图形进行黑白颠倒。

11.jpg

这样我们再将Multi_Switch_Grayscale节点进行暴露,滑动滑块时信息都是正确的了。

12.jpg

4、Bevel节点中Distance数值非常关键,因为可以控制线的宽度。因此这个参数也需要暴露出来,但是这个参数暴露有一个问题就是阈值太广了,很多数值都会出现造型不美观的状态。因此我们再暴露这个参数时,就需要控制Distance的阈值。

这时候我们就需要用到函数。(大家可能觉得比较难,一听说函数。其实非常简单这里所使用的是线性函数,也就是我们初中学习的一次函数,表达式为y=kx+b。)

当前Distance的取值是【-1,1】,其中【-0.24,-0.34】这段取值是图形效果比较美观的。所以我们就只需要输出这段阈值就可了。

13.webp.jpg

5、双击空白区域在INPUT PARAMETERS中点击加号添加新的输入按钮。

14.webp.jpg

6、点击Bevel节点将Distance改为Function。

15.webp.jpg

7、进入Function函数面板,添加Get Float并在右上角选择刚才添加的输入按钮名称。这样我们就可到了一次函数中X(自变量)。

16.webp.jpg

8、添加Float并将数值改为-0.24和-0.34,这样我们就得到了应变量。

17.webp.jpg

9、创建Linear线性函数,将数值输入A,B通道中,Get Float作为自变量输入到X通道中,右键Linear节点点击Set as output node,完成函数创建。

18.webp.jpg

这样我们在滑动Default数值的时候,Distance的效果只会在设定的阈值内进行变动。

19.jpg

最后我们图形的选择一并进行输出即可。

好了今天就到这里,下次我们继续分享警示牌的制作。感谢大家!

来源:Thepoly公众号

室内生长动画制作方法

室内生长动画制作方法

返回列表>
关于我们
关于我们