條漫是什麼?條漫尺寸、投稿規格與分鏡怎麼排
條漫就是直條式的網路漫畫,也叫 webtoon、直式漫畫:所有格子由上往下排成一長條,讀者用手機往下滑著看,沒有「頁」也不用翻頁。Webtoon 這個詞由 Web(網路)和 Cartoon(漫畫)組成,起源於韓國,2003 年 Daum、2004 年 NAVER 先後開了 webtoon 平台,之後才擴散到台灣、日本和其他地區。
想畫條漫,先記住三件事:
- 條漫尺寸:以 LINE WEBTOON(現在的 WEBTOON)為例,上傳的每張圖寬度不超過 800px、高度不超過 1280px,超過的會被系統自動切割或縮小
- 條漫分鏡:節奏靠格與格之間的留白控制,一個手機畫面裡最多放兩格
- 畫法:大多是全彩、字少、一格一個重點,因為讀者一次只看得到手機那一個畫面
條漫是什麼:跟頁漫差在哪
頁漫是一頁一頁排版、印成書也能看的漫畫,台灣和日本的出版漫畫多半是這種。條漫從一開始就是為手機設計的,兩者的差別幾乎都來自「讀者怎麼看」:
| 頁漫 | 條漫 | |
|---|---|---|
| 怎麼讀 | 翻頁,一次看到一整頁或一個跨頁 | 往下滑,一次只看到手機一個畫面 |
| 閱讀方向 | 右翻漫畫由右往左、由上往下 | 由上往下 |
| 節奏怎麼控制 | 格數多寡、格子大小、翻頁點 | 格與格之間的留白長度 |
| 驚喜放在哪 | 翻頁後的第一格 | 一段長留白之後出現的大格 |
| 顏色 | 黑白加網點居多 | 全彩居多,也常用背景色烘托氣氛 |
| 主要發表地方 | 雜誌、單行本 | WEBTOON 等條漫平台、社群網站 |
用手機看頁漫,整頁縮在小螢幕裡,細節要用兩指放大才看得清楚;條漫把每一格直接排成適合手機寬度的大小,往下滑就能讀完。CLIP STUDIO 的官方教學也寫道:Webtoon 和傳統漫畫最大的差異,就在分鏡。
條漫尺寸:畫布與投稿規格
條漫的尺寸要分成「畫的時候」和「上傳的時候」兩件事來看。
上傳規格(以 WEBTOON 為例)
WEBTOON 官方創作者手冊寫的上傳規格:
| 項目 | 規格 |
|---|---|
| 每張圖的寬度 | 不超過 800px |
| 每張圖的高度 | 不超過 1280px(超過的圖會被系統自動切割、縮小) |
| 每張圖的檔案大小 | 2MB 以內 |
| 每一話 | 合計 20MB 以內、最多 100 張 |
| 檔案格式 | JPG、JPEG、PNG(全彩的 PNG 很容易超過 2MB,多數人輸出 JPG) |
| 作品方形縮圖 | 1080×1080px,500KB 以內 |
| 作品直式縮圖 | 1080×1920px,700KB 以內 |
不想被系統自動切割、縮小,就把每張圖都控制在 800×1280px 和檔案大小限制以內。各平台、各屆比賽的規格不一定相同,正式上傳前到該平台的上傳頁面再確認一次。
畫布怎麼開
畫的時候不必一張一張切成 1280px 高。常見做法是開寬度固定、高度很長的畫布,一話分成幾段長畫布畫完,完稿後再用繪圖軟體分割輸出。這樣在畫的過程中能看到整段的節奏。CLIP STUDIO PAINT 的條漫教學示範用的畫布是寬 690px、高 7000px,軟體裡也有「Webtoon」的畫布預設、分割輸出功能,以及模擬手機畫面範圍的「Webtoon 顯示框」。
開畫布時要注意三點:
- 作畫尺寸可以比上傳尺寸大:很多人用上傳寬度的兩倍作畫(例如 1600px 寬),輸出時再縮成平台的寬度,線條比較細緻,之後要印成實體書或換平台也夠用
- 寬度比例跟著投稿平台走:輸出後的寬度要符合平台規定,高度只要在平台規定的範圍內都能自由設定
- 字的大小用手機確認:中文筆畫多,在電腦上看剛好的字,在手機上常常太小。畫的時候開著顯示框,上傳前再用平台的預覽功能在手機上看一次
條漫分鏡怎麼排:六個原則
條漫的分鏡跟頁漫用的是同一套鏡頭語言:遠景交代環境、特寫放大情緒(六種鏡頭的用法見漫畫分鏡教學)。不一樣的是排列方式。下面前四條的數字來自 WEBTOON 編輯部給創作者的版面建議,他們也說明這些是「在原創連載上效果不錯」的經驗值,可以視情況打破。文中的 px 都以 800px 寬的上傳尺寸計算,用兩倍寬作畫時,距離也跟著乘兩倍。
1. 一個手機畫面最多放兩格
讀者一次只看得到手機那一個畫面。同一個畫面塞三四格,每格都變小,讀者也不知道該先看哪一格。最多兩格,讓每一格的畫面有空間被看見。
2. 格與格之間至少留 200px
同一場戲裡,前後兩格之間至少隔 200px。這段空白讓讀者的眼睛有地方停一下,再往下滑到下一格。連續動作可以排得緊一點,讓讀者一路滑下去;情緒戲拉開距離,讀者自然會慢下來。
3. 換場景、時間跳躍時留 600 到 1000px
從白天跳到晚上、從教室換到家裡,在兩格之間留 600 到 1000px 的空白,讀者滑過這段空白時會感覺到「時間過去了」。這段空白也可以換成整片的背景色,例如從白色漸漸轉成深藍,讓讀者知道進入夜晚。
4. 每格最多三個對話框,每個框一兩句
條漫的字通常比頁漫少,讀者是邊滑邊讀的。一格裡對話框不超過三個,每個框只放一到兩句。
對話框照閱讀順序由上往下排,兩個框不要排在同一個高度,讀者會不知道先讀哪一個;上下錯開,先說的那句放上面。對白本身怎麼寫短,可以看漫畫對白寫法。
5. 格子大小要有變化,關鍵畫面給大格
每一格都一樣寬、一樣高,整話讀起來會很平。重要的瞬間(告白、真相揭曉、反派登場)給一個大格,甚至占滿整個手機畫面。WEBTOON 手冊把這種讓讀者停下來看的重點大格叫 impact panel,建議每部作品都好好利用。大格前面先留一段長一點的空白,讀者滑過空白時期待會被拉高,大格出現時衝擊最強。
畫大格時也要想「這一格在手機上會被怎麼框住」:比手機畫面還高的格子,讀者會分兩次看到上半和下半,臉或關鍵動作別剛好落在中間被切開。
6. 構圖順著垂直方向走
條漫的視線是直的,構圖也跟著直:
- 人物並排改成上下排:兩個角色對峙,頁漫常左右並排;條漫的畫面窄,左右並排兩人都會變小,可以改成一上一下,或一格一人
- 用長格做連續鏡頭:瀑布、高樓、墜落、一路往下延伸的樓梯,畫成一格很長的格子,讀者滑很久都還在同一格,會有壓迫感或開闊感
- 擬聲詞放在格與格之間:大字的音效橫跨兩格之間的空白,能把視線往下帶
第一話的開頭與每話結尾
條漫多半是一週一更、一話一話發表,讀者每次都是從手機上點開一話開始讀,所以兩個位置要特別設計:
- 開頭第一個畫面:讀者點開後最先看到的那一格,放能抓住眼睛的畫面或一個問題,例如一張特寫、一句沒頭沒尾的對白。交代背景的遠景可以放到第二、第三格
- 每話最後一格:留一個讓人想點下一話的懸念,例如門被推開、一句話說到一半、一個還沒露臉的人影
WEBTOON 手冊建議新作品上線時一次準備好三話,讀者讀完三話之後,系統會提示他訂閱這部作品。
頁漫改條漫,常見的四個問題
| 問題 | 讀者看到的 | 怎麼改 |
|---|---|---|
| 把頁漫的格子原封不動往下接 | 格子太小,字看不清楚 | 一格一格重排成手機寬度,一個畫面最多兩格 |
| 留白長度全部一樣 | 整話一個速度,沒有輕重 | 同場戲至少 200px,換場景拉到 600 到 1000px |
| 左右並排的構圖照搬 | 角色縮成一小塊 | 改成上下排,或拆成兩格 |
| 跨頁大圖直接塞進來 | 橫的大圖縮成一條細長圖 | 改成直式大格,重新構圖 |
用 LitMemo 排條漫分鏡
條漫一話的格子多,排分鏡時最容易亂的是「這一格要畫什麼、誰在說話、角色長什麼樣」。LitMemo 的漫畫製作功能以格為單位寫分鏡:每一格的畫面描述、對白、音效分開填,畫面描述裡 @ 提到角色,就會連到那個角色的設定資料(外貌、服裝都在角色管理裡)。先在這裡把每一格的內容和順序排定,再到繪圖軟體裡排留白和畫圖。
想先試排一段劇情能拆成幾格,可以在分鏡裡套用「條漫」版型,或寫下這段劇情,用 AI 漫畫生成讓 AI 提出分格、鏡頭和對白草稿,再照上面的原則修改。AI 漫畫的各階段分工見AI 畫漫畫的五階段流程。
只想先用文字排一話的分鏡,可以用漫畫分鏡表範本:把頁碼格號改成連續的格號、「翻頁點」改成「跟上一格隔多遠」,其他欄位照填。
