美麗的光澤感！布質紋理的活用技巧！

今天要介紹布質紋理（絲綢緞面）的使用方法。

強調織紋、立體感的紋理。
依據目的擷取需要的形狀並貼上。
另外，再運用一些技巧就可以使用在更多地方。

上色

有很多方法可以變換紋理顏色，讓我們來推薦幾種方法吧！

把用「油漆桶工具」塗滿的圖層剪裁遮色到紋理圖層上。
這邊用暗紅色（彩度最大）示範。

根據圖層混合不同，加上顏色的方法也不同。
從參考圖的左到右分別是「覆蓋」「加深顏色」「顏色」。

「覆蓋」「加深顏色」的對比很強，特別是「加深顏色」可以將選擇的顏色很充分地表現出來。
最一開始的圖片上面的４色也是使用「加深顏色」。
「顏色」則是把最暗的地方用非黑色的顏色表現，可以根據用途不同多多嘗試看看。

 

使用漸層產生照明效果

使用「漸層工具」，就能很簡單的呈現照明效果。
像是選擇色、背景色分別選擇白與黑。

「漸層工具」在被選擇狀態，從畫布外往光照到的方向拖曳就可以描繪出來。
選擇色是白色時，拖曳起始點就是光源。

這是使用「覆蓋」圖層混合的效果。
從右上到左下呈現長型漸層。
光影很平衡，也能強調紋理的光澤感，非常推薦。

這邊是「加深顏色」的效果。（光源在左下）
可以強調陰影與織紋、及素材反光的呈現，展現金屬感。
如果覺得反光太強烈，可以降低紋理的彩度。

 

變形

可以用「網狀變形」改變質地與皺褶的形狀。

增加摺痕創造放射狀的皺摺感。
首先，選則「選擇範圍」→「網狀變形」再進行設定。
設定長寬分割為３×３，選擇【縱橫增值法 (平滑)】。

畫面上會顯示很多網狀的頂點，這邊只移動最靠近中心的４點。
分別把４個點逆時針轉，往旁邊移動。

讓四角形變小，試圖讓範圍比原本的位置更往內側。

一邊看皺摺行程，一邊調整頂點的位置。
按下「OK」就完成了。
因為是簡單的作業，直到形成自己喜歡的形狀前多試幾次吧！

背景的使用範例。

這個作品是把光線照不到的地方使用深藍色的「色彩增值」圖層（不透明度３０％）來表現。畫面整體則用深藍的「加亮顏色」５０％來微調。
「加亮顏色」用來表現光時非常有用，想留下皺摺部分質感與顏色並加亮時就可以使用。

另外，布的皺摺也可以誘導視線。

 

複雜的變形

增加網狀變形的分割數就可以做更複雜的變形。

我們把素材變形成樓梯狀看看。

這邊只使用紋理的下半部分。
用選擇工具選擇上半部分並剪下。

接著，使用一般的「變形」工具把剩下的下半部分拉長。
剪下的大小及拉長多少不需要太嚴密也沒關係。

接著，打開「網狀變形」。
將設定的長寬分割數變更為６×６。

６分割的話總共會顯示７個頂點。

勾選「橫向連動」。
使用分割數多的變形時，「橫向連動」與「縱向連動」非常有用。
使用「橫向連動」，就可以同時讓橫軸的頂點一起變動。

那麼，我們把橫軸3往下移動。
要移動多少請參考下圖。

紅線為移動後的橫軸3。
與横軸２留有一點間隙。

接著，把橫軸５與７也向下移動。

用這個方法，就可以完成從正面看過來樓梯狀的布質紋理。（左圖）

右圖是往斜下方移動的效果。

 

---

下面介紹樓梯狀變形的應用。這次用「縱向連動」移動縱軸。

把縱向分割數變更為12，把縱軸往右上移。
移動後，解除「縱向連動」，分別移動頂點。

把上面的頂點間隔縮小，向下擴大。
這裡的變形如果可以減少頂點數的話就可以讓作業更容易。
可以表現出窗簾、百褶裙的感覺。

 

---

調整縱向連動後，進行其他變形。
把分割數變更為２×２。

把頂點３與４與中央的頂點重合。

接下來，把左邊１與５，右邊的２與６分別重合。

重合橫軸３－４的位置後，就可以完成像荷葉邊的感覺。
可以和剛剛完成的窗簾、百褶裙的紋理一起搭配使用。

 

---

最後，

減弱織紋感的方法

可以出色表現出立體感的織紋系素材，把紋理擴大的話，部分織紋系可能會擴大太過頭，導致無法呈現想表現的感覺。
另外，也有不需要織紋的時候。
以上這兩種情形，我們會對紋理全體使用「高斯模糊」，就可以減少織紋感。

原本尺寸時，將高斯模糊數值調整至３～４就會減少很多織紋感，５的話則基本上看不到織紋了。

模糊後，變弱的光澤及皺摺的輪廓可以使用「unsharp mask」來復原。

半徑：約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