Metlivi 部落格

如何將小幅草圖編排成清晰的插畫故事

要將小幅草圖編排成插畫故事,先選定一個看得見的目標,再圍繞有意義的變化安排圖畫,並確認每張圖都提供足夠資訊,讓讀者理解下一張圖。先決定順序,再細修各張圖。

本指南適合想把零散塗鴉整理成簡短易讀故事的業餘插畫家。實作任務是在一頁上完成六格連續畫面。你可以使用鉛筆草圖、紙卡,或可移動的數位縮圖;重要的決定在於圖與圖之間發生了什麼。

2026年10月28日閱讀時間 8 分鐘作者:Metlivi Editorial Team
第 1 節

選定一個可見的變化,作為故事主軸

先完成這句話:「一開始,;到最後,。」兩種狀態都要能畫出來。例如:「一開始,小機器人有散落的馬賽克磁磚和一張星星設計圖;到最後,牠拼好了星星。」

接著加入一個串連這兩種狀態的選擇。機器人起初使用方形磁磚,注意到三角形磁磚更貼合傾斜的輪廓,於是改變做法。這個選擇讓一連串畫面除了呈現組裝步驟之外,還有值得揭示的內容。

這次練習請限制在一個角色、一處工作空間和一件主要物品。這些是本次練習的限制,並非所有插畫故事都必須遵守的要求。如此一來,你就能專注於畫面編排,不必同時交代多個地點或各自獨立的活動。

做這些決定時不需要完成的圖稿。皮克斯背後的科學展覽由科學博物館與皮克斯合作策劃,當中將故事板描述為逐張傳達電影故事的草圖,並指出情節、節奏和鏡頭角度會在故事階段逐步完善。將這個原則用在此處:趁修改仍簡單時,先確定畫面順序。故事與藝術——皮克斯背後的科學

第 2 節

依照草圖的作用分類

把現有的草圖攤開,讓它們能同時映入眼簾。為每張草圖加上臨時標籤,說明它在故事中的作用,例如「呈現目標」、「呈現嘗試」、「引入有用的形狀」或「呈現結果」。「好看的機器人圖」描述的是圖畫的吸引力,卻沒有說明它適合放在哪裡。

分成三組,讓挑選過程更容易:

  • 必要: 這張圖交代讀者需要的資訊,或呈現有意義的變化。
  • 輔助: 這張圖能釐清動作、地點或細節,避免內容變得難以理解。
  • 可選: 這張圖重複既有資訊,或只增加裝飾,沒有推進這段故事。

把可選的草圖放在一旁,不要硬塞進頁面。一整盤細緻的磁磚可以成為一幅吸引人的獨立圖畫,但在這個故事裡,一張簡單的三角磁磚特寫可能更有作用。

如果有幾張草圖描繪的時刻幾乎相同,就選動作最清楚的一張。如果兩個必要時刻之間缺少連結,就畫一張粗略的銜接草圖。現有作品是起點;故事仍可能需要新的圖畫。

第 3 節

先編排六格畫面,再設計頁面

在每張縮圖下方寫一句簡短的動作說明。使用「看」、「放」、「比較」、「更換」、「組裝」、「展示」等具體動詞,這樣你就能看出發生了什麼變化。這些說明是規劃筆記,不必出現在完成稿中。

以下是示範練習,並非必須遵循的故事公式。每一格都呈現一件事,以及讀者會因此得知的一項具體資訊。

格次 草圖內容 讀者得知的事
1. 目標 機器人站在空工作墊旁,工作墊上方有一張星星設計卡 機器人打算拼出一顆磁磚星星
2. 嘗試 方形磁磚沿著星形輪廓排列,但斜邊無法對齊 第一種排列方式不符合設計
3. 發現 機器人拿著一片三角磁磚,比對星形的一條斜邊 換一種形狀的磁磚可能會更合適
4. 選擇 方形磁磚被移到一旁,三角磁磚則放上工作墊 機器人改變了做法
5. 進展 幾片三角磁磚拼成了可辨識的星形 新的排列逐漸成形
6. 結果 完成的馬賽克作品展示在原本的設計卡旁 一開始設定的目標已經完成

只讀動作說明。如果它們描述了連貫的進展,再檢查圖畫是否真的呈現了那些動作。「發現更合適的形狀」這句說明,無法彌補一張只畫出機器人拿著模糊物品的圖。

六格是這次練習的實用上限。你可能會發現五格就能交代一切,也可能需要第七格來說明轉折。要依照讀者需要理解的內容來決定,而不是為了保留固定格數。

第 4 節

檢查每兩張圖之間的連貫性

現在檢查相鄰畫面之間的銜接。每一組相鄰畫面都問自己:「發生了什麼變化?什麼線索能幫助讀者串起這兩個時刻?」在馬賽克的例子裡,第三格的三角磁磚必須與第四格使用的磁磚相似。否則,讀者就得依賴圖畫以外的資訊才能理解兩者的關係。

試試簡單的移除測試:遮住其中一格,再閱讀剩下的畫面。如果相同的動作與意思仍然清楚,就考慮刪除或合併那一格。如果機器人突然有了完成的馬賽克,卻看不出做法曾經改變,就把缺少的步驟補回來。

可以分辨一下,你省略的是重複動作,還是關鍵決定。你大概可以省略好幾片相同磁磚被放上去的過程。方形磁磚換成三角磁磚這個改變,則值得用一個畫面呈現,因為它能解釋最後的結果。

這種做法遵循藝術家 Steve Ellis 在版面指南中提出的規劃問題:找出開頭與結尾,確定兩者之間的步驟,再將這些步驟轉化成分格畫面。在此,逐對檢查畫面可以把這些問題化為編輯方法。專業藝術家的漫畫與漫畫版面、分格和流暢度指南

第 5 節

選擇能清楚呈現動作的取景方式

順序確定後,再決定每張圖需要呈現多少場景。在馬賽克故事中,可以先用廣角畫出工作空間,再用較近的畫面呈現對不準的磁磚,接著以特寫呈現三角磁磚與輪廓的對照。

機器人改變排列方式時,切回較廣的畫面。這樣就能同時呈現被移開的方形磁磚和換上的新磁磚。最後一張圖可以呼應開場的構圖,讓讀者比較空工作墊和完成的馬賽克。

讓幾個視覺線索保持一致:工作墊上方的設計卡、旁邊的磁磚盒,以及機器人獨特的外形。必要時,可以為這些元素畫一張小型參考圖。Clip Studio Paint 的漫畫創作指南建議使用角色參考表保持一致,並以場景建立圖交代環境。如何製作漫畫:逐步漫畫創作指南

不要只為了讓每格看起來不同就改變視角。使用新角度前,先確認它能讓什麼資訊更容易看清。如果特寫讓人看不出機器人正在拿哪件物品,就改用較廣的畫面,或納入工作墊上容易辨認的部分。

第 6 節

安排頁面並檢查節奏

這次英文練習先從兩排、每排三格的版面開始,每排由左至右閱讀。各格大小相近,格與格之間留出清楚的間隔。這種版面簡單明瞭,適合用來測試畫面順序。

Ellis 建議先畫大小大致相同的縮圖格,再決定哪些時刻需要更大的空間。依照這個順序進行:先建立易讀的進展,再嘗試強調重點。專業藝術家的漫畫與漫畫版面、分格和流暢度指南

試做兩種粗略版面。第一種讓六格大小相同。第二種在最後一排合併空間,給完成的馬賽克更多畫面。以相同的閱讀尺寸比較兩者:較大的結尾有助於讀者細看成果嗎?還是會讓組裝過程顯得太匆促?

把節奏視為「要展示多少個時刻」的選擇。用三張圖逐一呈現磁磚的放置過程,會引導讀者關注組裝細節;用一張圖呈現已拼出部分星形的作品,則會略過那些重複動作。這兩種選擇都沒有固定的閱讀時間;挑選能讓這項活動獲得你想要的關注程度的版本。

第 7 節

只在文字能提供有用資訊時加入文字

先不看說明文字或對話,只閱讀畫面順序。這是檢查問題的一個步驟,不代表最後的故事必須沒有文字。留意哪些動作需要依靠你的解釋才能看懂。

如果第二格需要加上「方形磁磚不合適」這句說明,先試著讓不合適的狀況更明顯,再考慮加字。把星形輪廓和方形磁磚的邊緣畫在一起。如果你想加入一句能增添角色個性的簡短對白,例如「那就用三角形!」,趁版面還粗略時先預留位置。

漫畫創作指南建議在畫縮圖時就規劃對話框的位置,避免文字遮住重要的圖畫元素。直接把預計使用的文字寫進粗略版面,不要只畫空白橢圓框。如何製作漫畫:逐步漫畫創作指南

保留能提供有用內容的文字,例如難以用圖畫呈現的目標、簡短對話,或明確表示時間經過的文字。如果圖畫和說明都在重複同一個明顯的動作,就檢查這段文字是否值得占用空間。

第 8 節

完成圖稿前先修訂畫面順序

把粗略版面給一位願意協助的讀者看,先不要替他解說。問三個具體問題:「機器人想做什麼?」「過程中有什麼改變?」「這張圖之後是哪一張?」讀者的回答能指出需要修改的地方。

讀者看不懂的內容 優先嘗試的修改
想拼出星星 讓開場的設計卡更清楚
機器人為何更換磁磚 同時呈現方形磁磚的邊緣與傾斜的輪廓
這些磁磚是不是同一批 重複呈現容易辨認的形狀,並讓磁磚盒保持清楚可辨
接下來是哪一格 簡化版面,並將互相干擾的格線分開
故事是否已經結束 清楚呈現完成的馬賽克,並把工具放到一旁

加入細節前,先以預定的閱讀尺寸檢查頁面。看得出磁磚的形狀嗎?不放大也能看懂動作嗎?先修整承載這些資訊的線條,再以你偏好的畫風完成圖稿。

當目標、主要變化和結果都能從畫面看出來時,就可以開始完成圖稿。工作時把開場和結尾放在一起:空工作墊和完成的星星能具體檢查這些小草圖是否仍然講述你原本想畫的故事。

第 9 節

資料來源

相關閱讀

繼續探索這個主題