美丽的光泽感！布质纹理的活用技巧！

今天要介绍布质纹理（丝绸缎面）的使用方法。

强调织纹、立体感的纹理。
依据目的撷取需要的形状并贴上。
另外，再运用一些技巧就可以使用在更多地方。

上色

有很多方法可以变换纹理颜色，让我们来推荐几种方法吧！

把用「油漆桶工具」涂满的图层剪裁遮色到纹理图层上。
这边用暗红色（彩度最大）示范。

根据图层混合不同，加上颜色的方法也不同。
从参考图的左到右分别是「覆盖」「加深颜色」「颜色」。

「覆盖」「加深颜色」的对比很强，特别是「加深颜色」可以将选择的颜色很充分地表现出来。
最一开始的图片上面的４色也是使用「加深颜色」。
「颜色」则是把最暗的地方用非黑色的颜色表现，可以根据用途不同多多尝试看看。

 

使用渐层产生照明效果

使用「渐变工具」，就能很简单的呈现照明效果。
像是选择色、背景色分别选择白与黑。

「渐变工具」在被选择状态，从画布外往光照到的方向拖曳就可以描绘出来。
选择色是白色时，拖曳起始点就是光源。

这是使用「覆盖」图层混合的效果。
从右上到左下呈现长型渐层。
光影很平衡，也能强调纹理的光泽感，非常推荐。

这边是「加深颜色」的效果。 （光源在左下）
可以强调阴影与织纹、及素材反光的呈现，展现金属感。
如果觉得反光太强烈，可以降低纹理的彩度。

 

变形

可以用「网点变形」改变质地与皱褶的形状。

增加折痕创造放射状的皱折感。
首先，选则「选择范围」→「网点变形」再进行设定。
设定长宽分割为３×３，选择【纵横增值法 (平滑)】。

画面上会显示很多网点，这边只移动最靠近中心的４点。
分别把４个点逆时针转，往旁边移动。

让四角形变小，试图让范围比原本的位置更往内侧。

一边看皱折的走向，一边调整顶点的位置。
按下「OK」就完成了。
因为是简单的作业，直到形成自己喜欢的形状前多试几次吧！

背景的使用范例。

这个作品是把光线照不到的地方使用深蓝色的「色彩增值」图层（不透明度３０％）来表现。画面整体则用深蓝的「加亮颜色」５０％来微调。
「加亮颜色」用来表现光时非常有用，想留下皱折部分质感与颜色并加亮时就可以使用。

另外，布的皱折也可以诱导视线。

 

复杂的变形

增加网状变形的分割数就可以做更复杂的变形。

我们把素材变形成楼梯状看看。

这边只使用纹理的下半部分。
用选择工具选择上半部分并剪下。

接着，使用一般的「变形」工具把剩下的下半部分拉长。
剪下的大小及拉长多少不需要太严密也没关系。

接着，打开「网点变形」。
将设定的长宽分割数变更为６×６。

６分割的话总共会显示７个顶点。

勾选「横向连动」。
使用分割数多的变形时，「横向连动」与「纵向连动」非常有用。
使用「横向连动」，就可以同时让横轴的顶点一起变动。

那么，我们把横轴3往下移动。
要移动多少请参考下图。

红线为移动后的横轴3。
与横轴２留有一点间隙。

接着，把横轴５与７也向下移动。

用这个方法，就可以完成从正面看过来楼梯状的布质纹理。 （左图）

右图是往斜下方移动的效果。

 

---

下面介绍楼梯状变形的应用。这次用「纵向连动」移动纵轴。

把纵向分割数变更为12，把纵轴往右上移。
移动后，解除「纵向连动」，分别移动顶点。

把上面的顶点间隔缩小，向下扩大。
这里的变形如果可以减少顶点数的话就可以让作业更容易。
可以表现出窗帘、百褶裙的感觉。

 

---

调整纵向连动后，进行其他变形。
把分割数变更为２×２。

把顶点３与４与中央的顶点重合。

接下来，把左边１与５，右边的２与６分别重合。

重合横轴３－４的位置后，就可以完成像荷叶边的感觉。
可以和刚刚完成的窗帘、百褶裙的纹理一起搭配使用。

 

---

最后，

减弱织纹感的方法

可以出色表现出立体感的织纹系素材，把纹理扩大的话，部分织纹系可能会扩大太过头，导致无法呈现想表现的感觉。
另外，也有不需要织纹的时候。
以上这两种情形，我们会对纹理全体使用「高斯模糊」，就可以减少织纹感。

原本尺寸时，将高斯模糊数值调整至３～４就会减少很多织纹感，５的话则基本上看不到织纹了。

模糊后，变弱的光泽及皱折的轮廓可以使用「非锐化滤镜」来复原。

半径：约5.0～8.0
适用量：约120～160

如果模糊效果用太强的话，就很难复原轮廓，模糊的数值建议使用4以下就好。
这种方法其实会让质感稍微变差，但除非你是使用扩大很多的纹理，不然其实效果非常好。

右图为处理后。 （高斯模糊４）

本次使用的布质纹理（丝绸缎面）于ART street素材贩卖中！
请务必使用看看！

ART street素材：https://medibang.com/materials/

ーーーーーーーーー
创作者排行特典
https://medibang.com/page/about-creatorrank/
「插画工作介绍」作品
ーーーーーーーーー

「Tow Tateoka」
ART street
作品集：https://medibang.com/u/towtateoka/
访谈：https://medibang.com/page/interview/TowTateoka009/
twitter：@Tow_Tateoka
https://twitter.com/tow_tateoka