繪製「充滿故事性的場景」-留意前中後景,從草稿描繪到完稿

如何繪製「充滿故事性的場景」

這篇教學會介紹如何應用色彩、構圖和空間設計等各種要素,幫一張插圖作品增添故事性。文章由視覺發展藝術家Simon Baek為大家介紹他至今在工作中所實際運用的手法。

 

 

 

視覺發展藝術家的工作

「視覺發展藝術家」是什麼呢?

我認為視覺發展是利用設計和繪畫把故事進行視覺化的過程。

視覺發展包含了舞台設定、道具設計、光線照明、色彩設計(Color Key)、美術背景的描繪。很多人會以為繪製電影裡面的漂亮場景是視覺發展藝術家的工作,但實際上並不是這樣的。

在這篇文章中,我打算聚焦於「在實際製作作品前,將故事場景進行視覺化的作業」,介紹視覺發展工作的過程。

我認為這些作業是視覺發展的工作中做起來最開心的部分。如果大家能參考這篇教學介紹的方法,動手繪製充滿故事性的作品,我會感到非常高興!

這篇文章還會特別解說讓完稿作品看來更漂亮的明度、構圖、用色相關內容。

 

 

 

收集資料

在旅行中拍攝照片是我的興趣之一。為了讓圖像充滿說服力,必須收集很多的參考資料。就算沒有旅行或攝影的興趣,想要創造出好的作品,還是必須尋找實際存在的資料作為參考,即便只是在網路上收集資訊,也能提升作品的水準。請把資料擺在作品的旁邊,並於製作作品時活用這些資料吧。

 

 

 

縮圖速寫

在開始製作作品時,我會先著手繪製幾張縮圖的速寫。

花費這些時間是為了調整物體的形狀和構圖來引導視線。

在這個步驟裡要決定將圖像的焦點擺在哪個部分,而我通常是使用三分法來設定焦點。

 

 

 

使用明度進行構圖

這個步驟要建構作品整體的骨幹,是最重要的一個部分。

使用明度進行構圖時,需要注意物體的形狀(圖中畫的是什麼、是否能辨識)、對視線的引導、要素的群組化、焦點的對比。

為了製作看來協調的場景,請以明度較低的顏色來配置要素。

利用焦點吸引觀者的視線,進而讓人欣賞你的圖畫――能用來達成這個目的的正是配置了深色要素的構圖。

 

在後續步驟裡畫細圖像時,請有意識地維持在這個步驟裡確立的明度。

如果有需要的話,可以把明度相近的各種要素彙整為一個群組。

 

對比度最大(明暗差異最大)的部分會成為圖像的焦點,也就是最引人注意的部分,請務必記得這件事。

 

 

 

色彩設計(Color Key)

色彩設計是確立圖像中光線照明和氛圍設定的基礎。只要敲定色彩設計,幾乎就可以說是完成了圖像的70%。

在這個步驟裡,我們可以嘗試塗抹各種顏色和光影。

這不是為了確定最後的效果,而是為了掌握場景的氛圍。

 

 

 

 

區分前景、中景、後景

可以使用形狀(物體的輪廓)、明度、顏色等來區分繪製前景、中景和後景。為了幫作品加上景深,這些是不可或缺的要素。

重疊不同要素是營造景深的好辦法。

 

 

 

固有色

著手進行上色時,為了方便修正並讓資料夾管理起來更輕鬆,我會幫元件分別建立圖層。

另外,為了讓作業更流暢,我會先建立圖層,幫每個物體分別塗上固有色(※物體未受光線影響的原有顏色)。

開始著色後,在色環上選擇和使用色相近的顏色,可以讓圖像的顏色彼此融合,看來更協調。

在這個過程中,要確保每個要素在使用固有色的狀態下都能輕鬆辨識。

 

 

 

 

光線

我通常會在最後追加光源,調整圖像的焦點並引導觀者的視線。

我們的視線會繞過低明度的要素,被吸引至高明度的部分。

若要聚集目光並製造出對比差異,加上光線是最好的做法。

在完稿步驟前先掌握具體的光線能讓作業變得更輕鬆。視覺發展藝術家要負責在繪製細節前指定顏色並安排引導視線的方法,進行視覺化。

 

 

 

完稿

接著進入最後的階段。

從後景繪製到前景,讓圖像整體更精煉。我總會幫顏色和質感加上一些微妙的變化,努力嘗試畫出更有趣的畫面。或許在圖中看來只是微不足道的差異,但這能給完成的作品帶來決定性的不同。

如果圖中有看來太過單調乏味的空白,可以試著把它粗略分解成幾個形狀,但要切記別改變明度的架構,請在維持構圖畫明度的狀態下摸索可行的變化。

另外也要留意別過度刻劃圖中的所有細節。

人的視線會移向對比最強烈的部分,希望大家時刻留意這件事情,請務必確立焦點,集中觀者的視線。

除此之外,在這個過程中也請考慮要把第二焦點安排在哪裡。第二焦點不能壓過第一焦點,但還是必須使用它來加強插圖的故事性。請確保觀者的視線會移向第二焦點。

就算不進行任何說明,看見插圖的人也能理解畫中的故事、感受到圖像要表達的氛圍,這時你的作品就可以算是完成了!

 

 

 

 

關於作者

Simon Baek

skbaek93.com

www.instagram.com/baeksimon

 

想多認識概念藝術,或是概念藝術家呢?
前往了解吧!

概念藝術終極入門指南

  • Facebook
  • twitter
  • Plurk
  • LINE
  • URL Copy
  • Facebook
  • twitter
  • Plurk
  • LINE
  • URL Copy