可以運用於背景・和服！和風圖案的描繪方式

想在插圖中加入和風圖案，很多人都會從網路上下載圖片，
但是，很多情況下，喜歡的圖片可能是別人的作品，或沒有想要的免費圖片……
這時候何不試著自己畫畫看呢？
不過雖然說起來很容易，但可能會擔心自己的創作力，而且從頭開始創作也很難。
因此，今天要向大家介紹和風圖案的描繪方式，
有一定的步驟，再根據自己的點子就可以創作出很多原創的和風圖案♪
（以下截圖為ＰＣ版的畫面）

 

1．決定構圖

不管是怎麼樣的插圖，整體的構圖都是最重要的。當然和風圖案也是一樣！

那麼我們就立刻開始新建畫布吧！
和風圖案，可以大致分成以下四個構成

①背景
②大圖
③中圖
④小圖

今天簡單的設定①背景為單色，就可以跳過背景草稿這步驟。
接下來是②大圖，這次畫「雲」。

用「鉛筆筆刷」畫的草稿如上圖。
這樣的間格的話，畫面就不會全部都混在一起。

《小知識！》
和服與腰帶的圖案，通常都有「連續」的概念。
不管是橫向或直向排列都可以結合成一個圖案。

本次僅設定直向連續。
雖然有點困難，剛開始先不思考這個也沒問題，但如果先思考這個設計好樣式，之後要畫成大圖案時就會非常容易。

好的，讓我們回到本來的主題。
本次以「雲」作為②大圖，變形很自由，網路上也有很多參考圖片，可以自行設計試試多種不同的感覺。

接下來決定③中圖的配置。

把②大圖當作中心配置中圖，就算使用多種圖形也可以看起來很俐落。
也可以適當的使用重複圖形。

最後是④小圖。

在整體的間隙適當的加上小圖，
讓畫面不會太單調。

 

2．決定各部分的素材

決定整體的構圖後，接著就可以考慮每個部分要使用的素材。
剛剛在②大圖的部分有先給大家看過參考的素材。

另外關於①背景，雖然今天使用單色，但在網路上也有許多可以參考的種類。
並沒有規定背景一定要使用怎麼樣的圖，迷惘的話只要使用連續的圖形基本上都沒問題。

在網路上搜尋免費素材就可以很快找到可以使用的素材。

若是其他圖片請務必注意著作權的問題。

接著是③中圖的部分，這次想把③中圖當作本次主要的圖形，因此選擇較細緻設計的花形。

這邊的圖也可以搜尋免費素材找到。

花與背景有各自代表的季節，如果可以統一的話，了解和風圖案的人也不會感到違和感。

接著決定④小圖的素材。

這邊使用比較簡單的圖案。
因為很小，有簡單的圖形就可以了。

 

3．描繪輪廓線

接著終於要進入描繪圖案的步驟，但是，和風圖案很多都有很明顯的輪廓線。
這樣就算跟附近的圖案顏色相近也不會看起來很模糊，推薦初學者可以加入輪廓線。

首先，在草稿上面新增圖層。
使用「選擇工具」（橢圓）建立選擇範圍，並上色。

複製這個圓的圖層，使用移動工具連接。

直到把「雲」整體的輪廓框出來前一直重複這個步驟。

框起來後，使用「油漆桶工具」塗滿。

這樣就完成「雲」的形狀了。
使用相同的方法畫出第2個雲。

畫到這裡就可以先把３個「雲」的圖層統合。

接著，在選擇「雲」圖層的狀態下，從「選擇範圍選單」按「創建選擇層/不透明度」，就可以把「雲」的輪廓當作境界畫出選擇範圍。

這邊再新建一個圖層。
再次從「選擇範圍選單」按「選擇境界的描繪」，設定好後按下確定。

接著沿著「雲」的邊邊描線。
這個方法非常方便可以運用在很多地方。

暫時隱藏輪廓的圖層（全部畫好後若要改變顏色，有這個圖層會比較方便，所以先隱藏不要刪掉）

③中圖與④小圖也用同樣的方法照著草稿配置，並畫上輪廓線。

（為了讓大家容易了解，把「雲」的圖層顏色變淡。）

 

4．思考配色

接下來是配色的部分，全部都塗上喜歡的顏色，但卻感覺沒有和風感…
如果你也是這樣的話，請看看下面的說明。

①色相環

顏色有不同的關係性，如果用圖來表示的話就是這個色相環。
（根據使用的繪圖軟體會有一點不同。）

說到「相似色」大家應該都有一點知識，
紅色的相似色：粉紅色、藍色的相似色：水色，稍微加點別的顏色就可以調出來的顏色就是相似色。

「補色」則是對比的顏色。
放在一起感覺不和諧，各自在畫面中都有自己的個性。
像是海報等要引起別人注意的設計，背景跟文字色就可以使用互補色。

不只是和風圖案，如果使用太多互補色，圖看起來就會讓人無法平靜，因此不會使用太多互補色，基本上通常都只使用相似色，或者一組互補色加上其他相似色下去配色。

 

②顏色３屬性

接下來介紹顏色3屬性。
也就是構成顏色的3個要素。

「色相」剛剛已用色相環表示，如紅、綠、藍，也就是接近原色的顏色。
「明度」是指色彩的亮度。
「彩度」（飽和度）則是指色彩的鮮豔程度。

如果想要讓圖更明亮，常常會混入白色。
其實，不僅是黑色，甚至混入一點白色也會使顏色變得 「暗淡」，不那麼鮮明。
請記住，明度和彩度是相關聯的。

讓我們來看一下MediBang Paint色板

右上是「彩度」最高的地方。

越接近左上白色越多，越接近左下則是黑色越多。

不想讓「彩度」太低時，請盡量調整在右上附近。

 

③可以用在和風圖案的顏色

以上，說了關於一些顏色的小知識，現在讓我們回到和風圖案的介紹吧！

最簡單的就是看實體的和服或參考照片，但其實只要有上面的知識就可以自己配色！

首先，選擇底色及主色２色顏色，或是要使用３個顏色也可以。

直接從「色相環」選取顏色也可以，或可以直接使用紅色、藍色等原色。
這邊圖片的示範選擇藍色與白色，再調整藍色的「明度」、「彩度」及「色相」，調出兩個相似色，
這樣就有三個顏色了。

如果要製作的和風圖比較複雜，也可以再增加第四個、第五個顏色。

下面的示範是使用底色的相似色來組合。

2個顏色分別調出相似色，這樣就就有4個顏色了。

再來看看用3種底色來調配。

這個示範選擇白色加兩個對比色，調出5種顏色。
比起直接使用原色的底色，稍微調整彩度的話會更有和風的感覺。

 

5．上色

調好需要的顏色後，終於可以開始上色了！

剛剛的輪廓圖層還留著對吧！
勾選圖層的「透明度保護」，就可以簡單的不超出框線來上色！
詳細「透明度保護」的使用方法可以參考下文：

【簡單解說！】超省時不塗出格線上色法♩「透明度保護」是什麼？

（1）選擇輪廓圖層
（2）勾選「透明度保護」
（3）選擇「油漆桶工具」
（4）選擇顏色
（5）拖曳覆蓋想上色的範圍

下面是使用白色及紅色為主要顏色完成的圖↓

用跟上色一樣的方法變更了輪廓線的顏色。
加入一個互補色看起來就會有強弱感。

只用相似色的話，就會呈現比較典雅的感覺↓

感覺整體有點單調的話，在背景加上流水紋路看看！

使用暗色系背景也可以↓

像這樣直接填入素材也可以。
如果覺得這樣太華麗，只是想要讓整體不那麼單調的話，也可以試試簡單的漸層。
輪廓線也加上漸層，就會有金箔的效果。

6．總結

以上介紹了從頭自己設計和風圖案的方法。
有正確的構圖、主題、顏色，就可以設計出多種和風圖案！
請務必試試自己畫畫看原創的和風圖案！

（文・圖／竹内　洋）