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

 

1.決定構圖

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

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

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

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

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

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

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

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

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

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

最後是④小圖。

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

 

2.決定各部分的素材

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

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

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

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

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

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

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

接著決定④小圖的素材。

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

 

3.描繪輪廓線

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

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


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

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

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

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

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

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

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



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

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

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


(為了讓大家容易了解,把「雲」的圖層顏色變淡。)

 

4.思考配色

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

①色相環

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

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

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

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

 

②顏色3屬性

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

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

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

讓我們來看一下MediBang Paint色板

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

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

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

 

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

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

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

首先,選擇底色及主色2色顏色,或是要使用3個顏色也可以。

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

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

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

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

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

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

 

5.上色

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

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

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


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

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

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

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

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

使用暗色系背景也可以↓

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

6.總結

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

(文・圖/竹内 洋)