2021.07.14
一起思考插畫的構圖吧!
「構圖」是傳達插畫主題及訊息的關鍵。
今天將用各種簡單的例子介紹「構圖」的法則、思考方式及訣竅。
最後的部分我們將示範從頭開始構圖的流程,請務必參考看看。
Index
-構圖是什麼?-
你是否常常在網路上或是社群網站,看到一些讓你一看就想驚呼「這構圖好棒!」「這構圖好帥氣!」的作品呢?
『構圖』簡單來說就是配置角色、背景、小物等要素,使整體構成一個畫面。
「很有魄力」「富有躍動感」「感覺得到開放感」「壯闊的感覺」
能引起觀者感覺到這些,就是因為構圖與插畫的主題相符。 換句話說,如果可以建構好構圖,不僅可以讓人感覺到繪圖者的意圖,也能操縱畫給人的印象。
構成構圖的結構包含「顏色」「明暗・對比」「視線誘導」等多種元素,今天將以灰階的『輪廓』進行構圖的思考。
-畫布尺寸與比例-
決定構圖前我想應該很多人都會煩惱「畫布的尺寸及比例該怎麼設定?」如果你也是這樣的話,請參考看看這邊的比例。
這些都是「對人類來說看起來漂亮的比例」。
【16:9】・・・一般來說為1920×1080px。用於影片的比例。
【4:3】・・・一般來說為1024×768px。用於電視與電腦螢幕的比例。
【3:2】・・・一般來說為1080×720px。來自於底片相片的比例。
【1:1】・・・正方形的比例。用於社群網站圖示等的比例。
「用決定的比例來考慮構圖」是一個有效的方法。
應用程式內已有預設的比例。也有A4或A5等用紙的預設,從中選擇一個就可以了。
-構圖法-
構圖其實是有法則的。
「遵循這個架構配置要素的話就可以建構好構圖」
首先我們將以「角色為主體」及「風景為主體」這兩種類,來簡單介紹5種左右的典型構圖方法。
①三分割法
將畫面縱橫分別分成三等分,將主體(想強調的物體)放在4個交點上。
也可以好好運用這裡的橫線與直線。
【什麼時候使用?】
三分割法基本上可以運用在各種插畫。
可以讓人感覺到畫面的「安定感」。
【靈活運用三分割法的訣竅】
・將最重要的主體配置於其中一個交點上。
・在橫線及直線上配置要素。
・利用分割出的行列製造空間及對比的邊界。
左邊的直式構圖,角色的眼睛為「主體」,右邊的橫式構圖,主體則為「人物」與「流星」。這些都是在看畫時首先會注意的地方。
【NG例】
主體雖然一樣,但兩張圖的主體都不在交點上,導致形成一眼看到圖時「不知道作者想讓人注意哪裡」的失敗構圖。
如果沒有特別的理由,建議把主體放在交點上!
【ONE POINT】
根據橫線及直線考慮背景之外,還有一種故意將背景錯開橫、直線的方法。
背景如果是水平的話,雖然會有穩定感,但是像右圖這樣背景全體稍微傾斜一些而已,就能增加「開放感」跟「畫面深度」讓整張圖視覺更遼闊。
此外,由於背景無視三分割法的橫、直線,讓觀者的視線更集中於角色與流星。
②費伯納奇構圖(黃金比例)
這是「對人類來說看起來最漂亮的比例」。
將插畫要素配置於螺旋的起點或線上,主體(想強調的物體)則放在螺旋終點。
【什麼時候使用?】
這也與三分割法一樣,基本上可以運用在各種插畫。
適合畫面具有流動感的作品。
【靈活運用費伯納奇構圖的訣竅】
・將主體放在螺旋的終點。
・將插畫要素配置於螺旋的起點或線上。
左邊的直式構圖,沿著螺旋線配置角色的手臂與小狗,主體角色的「臉」則放在螺旋終點。右邊的橫式構圖,則是把周圍的植物配置在螺旋線上,主體的「蝴蝶」放在螺旋終點。
【ONE POINT】
沿著螺旋配置要素,可以誘導觀者將視線轉移到主體的位置。
以上面的右圖為例,沿著螺旋線加上雲。
從起點的花開始,朝著雲的曲線延伸,視線最終將集中於蝴蝶上。
③對角線構圖
沿著對角線配置主體(想強調的物體)。
【什麼時候使用?】
想要增加畫面「躍動感」「動態」「魄力」的時候使用。
【靈活運用對角線構圖的訣竅】
・沿著對角線配置人物或背景。
・用對角線分割畫面。
兩個構圖都是將角色及背景配置在對角線上。
比起單純的將角色及背景筆直地擺在圖畫上,這種方式的傾斜更能感覺出魄力及動態感。
【ONE POINT】
像這樣沿著對角線區分畫面也是可以的。
將角色及背景等等以區域劃分,讓畫面感覺俐落。
④三角構圖
在畫面中繪製三角形來構圖。
沒有一定的準則,只要將角色或要素集中於此三角形內即可。
【什麼時候使用?】
從角色的站立畫到背景等使用範圍非常廣,可以表現穩固的山的「安定感」及「凝聚感」。名畫「蒙娜麗莎」就是使用這種構圖。
【靈活運用三角構圖的訣竅】
・首先畫出三角形。
・主體(想強調的物體)配置於三角形的頂點。
・盡量大幅使用底邊。
左邊的直式構圖讓角色的全身構成三角形,右邊的橫式構圖則用通往森林的通道構出三角形。
【ONE POINT】
另外,如果只畫角色的上半身也可以使用三角形構圖。
山或城堡,建築等較高的建築物配置於中央,建構出三角形構圖也可以。
⑤逆三角構圖
在畫面中繪製逆三角形來構圖。
這裡一樣沒有一定的準則,只要將角色或要素集中於此逆三角形內即可。
【什麼時候使用?】
跟三角構圖一樣,從角色的站立畫到背景等使用範圍非常廣,不過與三角構圖相反,逆三角構圖主要可以表現出「不安定感」及「動態感」。
【靈活運用逆三角構圖的訣竅】
・首先畫出逆三角形。
・三角形的角度跟長度不是那麼固定也可以。
左邊的直式構圖使用角色的全身構成逆三角形,右邊的橫式構圖則利用熱氣球的形狀構成逆三角形。
【ONE POINT】
畫角色的時候,只畫角色的上半身形成逆三角形也可以。畫風景的時候,不是要畫逆三角形形狀的物體,而是利用周圍的要素構成逆三角形。
-留白給人的印象-
以以上的構圖法為基礎,接下來將要向大家說明留白給人的印象。
「留白(Negative space)」就是什麼都沒畫的部分。
留白的使用方法可以左右插畫整體的氛圍。
具體來說是怎麼樣呢?讓我們分成3個例子來解說。
①安定・開放感
使用水平方向的留白可以讓構圖具有「安定感」及「開放感」。
適合表現「壯闊的風景」或「緩緩的時間流動感」。
此外,如果在圖的上方加入一些大的要素,則能表現出「閉塞感」及「壓迫感」。
②高度・節奏感
使用垂直方式的留白可以讓構圖具有「高度」及「節奏感」。
像是樹木或建築的高度、規則排列的節奏感。
用不規則的方式配置要素,也可以做出不規則的節奏感,讓畫面不會過於單調產生「意外性」。
③躍動感・不安定
使用對角斜線方式的留白可以讓構圖產生「躍動感」及「不安定感」。
此外,根據要素的配置方法及間隔,還能夠產生「速度感」。
像是右圖,加入不同大小的要素排列於圖上,就可以畫出具有速度感、動態感的插畫。
直式構圖or橫式構圖
猶豫到底是要畫直式還是橫式時,可以用「想要讓觀者看到什麼」為基準去考慮。
我們來看看這邊的例子,直式構圖的話可以拉近與「角色」的距離感,橫式構圖則讓角色稍微遠離鏡頭,帶出「空間感」及「世界觀」。
如果作品是想讓角色或其他特定物體大大的被看見的話可以使用直式構圖,
橫式構圖則適用於重視風景及世界觀的作品。
-決定構圖-
最後,讓我們一一的來實踐從最開始的構想~決定構圖為止的步驟。
①決定主題
首先決定插圖的主題。
先想想自己想畫的事物,例如「少女」「夜空」「貓」等等,接著再利用聯想方式自由的發揮想像力。
這次我們將主題訂為「在花田裡唱歌的天使少女」。
②想給予觀者的印象?
接著要好好考慮作品想要給予觀者的「印象」。
為此,建議可以根據主題盡量思考各種細節。
例如可以考慮「怎麼樣外表・性格的天使女孩」「在怎麼樣・什麼時間的花田」「唱著怎麼樣的歌・怎麼唱・為什麼唱」等。
「善良的天使少女,在廣闊藍天下的大片花田裡,快樂的唱著歌」
「身心皆受傷的天使少女,在夜晚的小小花田裡,獨自一人孤單地唱著歌」
只是加入一點形容,就能產生鮮明的印象。
也就是說,稍微想像一下「故事」,接下來的步驟就不會難倒你。
這次我們選用「善良的天使少女,在澄澈藍天下的大片花田裡,快樂的唱著歌」這個印象進行示範。為了傳達這個主題,必須要給予觀者「快樂」「開放感」「清新」的正面印象,請先好好掌握這樣的感覺,
③決定要素
接下來讓我們決定主要的要素。
從「善良的天使少女,在澄澈藍天下的大片花田裡,快樂的唱著歌」這段文字看來,首先就是主體的「善良的天使少女」。接下來則是配角「花田」及背景「澄澈的藍天」。
④配置
決定要素後就可以開始進行配置。
在這邊登場的是「三分割法」及「費伯納奇構圖」。可以直接以構圖法為基礎進行配置,也可以先畫出腦中所浮現的模樣,再配合構圖法整理配置。
這次我們使用16:9比例的畫布,配合「三分割法」進行構圖。
讓我們先粗略的畫一下。
可以用輪廓進行配置,像這樣先輕輕畫上草稿也可以,選擇自己喜歡的方式。
將主體的天使好好的配置在交點。
配置大概決定好後就可以稍微整理得漂亮一點。
⑤增加細節
最後在不干擾主體的程度下增加細節要素。
(如果覺得沒有必要再增加當然也可以不增加)
加入表現微風輕拂、清新感的「花瓣」
表現大自然感的「樹木」
以及與天使關聯的「教會」增加背景細節。
不但增加了畫面的深度及清新感,也形成了可以讓觀者感覺到世界觀的構圖。
在決定印象的階段所想像的故事,在後面增加內容也沒有問題。
(為了避免脫離主題,請注意不要增加太多離題的想像)
這樣就完成構圖了!大家辛苦了!
看下來覺得如何呢?
構成構圖的結構包含「顏色」「明暗・對比」「視線誘導」等多種元素,首先像這次這樣用「輪廓」下去思考,在構圖上應該會減少失敗。
希望這次的介紹有傳達到畫出各種構圖的樂趣!
文・圖:星灯れぬ
twitter: https://twitter.com/Caphricina02
https://lenulenushi.wixsite.com/fesria如果喜歡我們的教學,歡迎追蹤我們!
\ We are accepting requests for articles on how to use /