创建刺绣
介绍
你好,我叫Asa,我是来自英国的游戏艺术与设计专业的三年级学生。我专注于资产生产,今年的重点之一是在Substance Designer 中创建材料。我在大学时为第一个任务创建了刺绣材料,并有一些要求分解,所以这里是!
所有工作都是在 Substance Designer 中创建的,并在Marmoset Toolbag 3 中呈现。
![](https://cdn.80.lv/api/upload/content/e0/images/5db937ca3286c/contain_620x348.jpg)
![](https://cdn.80.lv/api/upload/content/e0/images/5db937ca9a776/contain_620x348.jpg)
![](https://cdn.80.lv/api/upload/content/33/images/5db937c990197/contain_620x348.jpg)
1的3
参考
当然,我首先需要一个像样的参考图像。这个设计让我有了在 Designer 中处理刺绣的想法,也是我在整个过程中使用的参考。超可爱的设计!我希望我做到了正义。
![](https://cdn.80.lv/api/upload/content/de/images/5db93829f30a2/widen_620x0.jpg)
KristiCraftShop 手工刺绣
Asa Booth , 游戏艺术与设计学生
![](https://cdn.80.lv/api/upload/content/1c/images/5db93841e6b0f/widen_920x0.jpg)
这是织物的图像细分(Marmoset 渲染、高度图、原始平铺图案):
![](https://cdn.80.lv/api/upload/content/1c/images/5db9384c2845c/widen_920x0.jpg)
接下来,我创建了用于实际刺绣设计的线形。虽然我倾向于使用一个参考图像作为整体材料,但我经常寻找其他可以帮助我重新创建更精细、更小的细节的图像。Designer 有一个纤维图案节点,但它不允许我创建类似于我找到的参考图像的扭曲线,因此我使用了几个节点自己创建了它。记下我用来为形状创建衰减的渐变;这是图形中极其重要的部分,因为它可以让线稍后顺利混合,在现实世界中,刺绣被穿入基布中和底布下,为线的各个部分留下弯曲的形状。
![](https://cdn.80.lv/api/upload/content/ae/images/5db938529dc10/widen_920x0.jpg)
然后将线插入瓷砖取样器和形状飞溅以创建圆形图案。线点由插入漩涡节点的扭曲圆圈制成;这是我尝试过的最有效的方法。接下来我将解释在线程形状旁边使用瓷砖采样器的过程,以主狐狸设计为例。
刺绣
我将展示创建尾巴的过程,因为它是更简单的部分之一。我创建了尾巴的蒙版,然后根据参考图像中使用的颜色将其分成两部分。这些中的每一个都插入到瓦片采样器的掩码输入中。我为狐狸的每个部分使用了一个瓷砖采样器,虽然它很昂贵,但彩色瓷砖采样器不允许我正确地分层和混合这些部分。每个瓦片采样器使用大约 128 的 x 和 y 数量,并增加比例以完全覆盖蒙版区域。使用随机变量(例如旋转)有助于增加设计的可信度。至于旋转,我主要使用渐变轴节点来创建贴图。只要你记住白色=完全旋转而黑色=不旋转,你就准备好了!
小建议:
您可以使用 127 值(中灰色)作为平铺采样器旋转输入,然后将内部平铺采样器旋转更改为指向适当的方向。使用该设置,您可以继续使用灰色作为默认方向,并为逆时针旋转添加黑色值,为顺时针旋转添加白色值。这个技巧允许你双向旋转,而不是只能通过添加更亮的值顺时针旋转。
这是尾部的蒙版、旋转贴图和平铺采样器(请注意,所有蒙版都是通过混合形状创建的,没有使用位图):
![](https://cdn.80.lv/api/upload/content/ab/images/5db9385b2f0bb/widen_920x0.jpg)
你可以看到我在遮罩的末端添加了一些衰减噪声;通过在平铺采样器中调整蒙版的阈值,您可以开始获得“抖动”效果。这是使不同颜色的线混合的关键步骤。
为了组合和混合狐狸的部分,我使用了很多高度混合节点。我最初是与一个设置为 max(变亮)的混合节点混合,但是,高度节点允许我偏移输入的高度,它会自动创建一个我用来掩盖颜色的蒙版。如果我继续使用混合,我将不得不使用直方图扫描节点来屏蔽区域。更多节点=坏!
首先从最低高度开始很重要,这样颜色才能以正确的顺序混合。对我来说,后耳是第一个,眼睛是最后一个。
在这里你可以看到颜色和高度混合的一小部分:
![](https://cdn.80.lv/api/upload/content/31/images/5db93863c4dfd/widen_920x0.jpg)
在给线程着色方面,我大部分使用了渐变贴图,并在这里和那里添加了额外的渐变以匹配参考。
以下是我为真正销售材料而添加的一些额外内容:
- 反照率纹理内的全局照明。(例如,我模糊了狐狸的颜色并将其应用到基布上以模仿这种效果)。这在靠近木材的织物上尤为明显——您可以看到它呈米色。
- 反照率纹理中的微妙阴影,并在设计的关键部分周围手动添加环境光遮蔽;这有助于他们弹出!
- 变色一切!线被染色,因此颜色、饱和度和值会发生偏移。
最后,纹理贴图的图像细分(从左侧开始,顺时针方向:环境光遮蔽、高度、反照率和粗糙度):
![](https://cdn.80.lv/api/upload/content/5a/images/5db9386c7a4e0/widen_920x0.jpg)
后记
我对这个材料的结果非常满意,我希望这已经帮助了一些人!
你可以在我的 Artstation 上看到更多作品。你也可以在 Sketchfab 上找到我。如有任何问题,请随时给我留言。
感谢您的阅读,我会给你一张我整个图表的噩梦截图:
![](https://cdn.80.lv/api/upload/content/8c/images/5db9387204b89/widen_920x0.jpg)