Simple understanding:How to make WEBTOON comics with CLIP

5,947

Nelviy

Nelviy

Youtube影片只講到對話框的一半內容,後半的內容在下方文章裡。

⭐歡迎打開cc字幕⭐ 不過英文字幕是機器翻譯

前言

有別於一頁一頁觀看的傳統漫畫,

Webtoon是垂直滑動觀看的漫畫。

 

這篇文章不會過多的介紹webtoon到底有什麼特色,

但你身為一個創作者,在擁有自己想像出的故事、角色,也有能力繪製彩圖的情況下,

這篇文章可以告訴你,CLIP擁有哪些功能,或許能幫助你嘗試製作出自己的webtoon。

 

 

如果是已經使用過CLIP繪製過黑白頁漫的使用者,

要立刻跳轉去畫彩色條漫(Webtoon)應該沒什麼困難。

 

不過就算是首次利用CLIP來畫漫畫的初心者,也不需要感到困擾,

我會把大致上需要了解的東西,簡單地介紹一遍,

最後再附上一下自己的心得。

 

p.s.範例圖除了CLIP內建的圖檔,其餘皆取自自己以前畫過的作品

01新建作品 (create canvas)

有別於普通插圖只需要創建一張畫布,

在畫漫畫時,我們要建立一個類似【目錄】的東西。

一次新建多個畫布。

建出來的目錄,通稱【頁管理視窗】。

 

↓你可以利用它觀看每一頁畫布的縮圖。

↓也可以利用它快速找到想開起的頁面,並開啟。

✨建立的步驟

 

視窗左上角=> 1檔案

=>2 新建

=>3選擇選項 【Webtoon】

 

接下來把相關數據依照自己喜好調整,確認後按下【OK】即可創建。

 

創建好的目錄,會以副檔名為.cmc(頁面管理檔案)的檔案格式存在。

以後想要打開目錄,只要雙擊這個檔案即可。

 

在開稿的時候主要需要確定畫布的【寬度】和【解析度】。

因為在作畫時,畫布的【高度】可能會因為那一頁的內容進行增減,

以及【多頁頁數】,當頁數過多或是不夠時,也可以隨時進行增減。

 

✨畫布寬度建議 :最少大於800px

因為大多能投稿的上傳網站,最小能接受的寬度是這個數值。

 

至於一回的漫畫該要有多少頁數,其實並沒有一個明確的數值。

普遍的webtoon都是以單回規定要達標的【格子數量】來規劃劇情長度。

每回最少要有40~70格以上的格子數,每個地方的要求不同。

 

 

✨如何更改畫布高度

上方 => 編輯 => 變更畫布尺寸

 

再更改畫布時,記得先調整對齊的 【基準點】,再去修改尺寸(高度)

改變任一一頁的畫布大小,並不會對整體(其他頁)造成影響。

可以安心更改。

✨新增與刪減頁

滑鼠右鍵可以找到 【追加頁】 和【刪除頁】 的選項

✨拖曳頁面順序

滑鼠左鍵長按,進行拖拉即可。

(註:在資料夾裡的檔案並不會因此更改檔名,不過不會造成匯出上的問題)

02繪製草圖(分鏡)

要畫漫畫,首先當然必須知道自己要畫什麼內容。

所以可能會需要利用 WORD 或者是某些文字編輯軟體,先把要畫的內容跟台詞寫下來,

畫個簡易的分鏡草圖(左圖),才能開始做後續的動作。

如: 繪製框格、對話框

繪製草圖時,可以調整【圖層透明度】或者是變更【圖層顏色】,讓你更方便打稿喔。

03繪製框格

↓雖然CLIP有專屬的 製作分格工具( [Frame Border] tool),我在畫【黑白頁漫】時也會用它。

但我在畫webtoon時會【習慣用另外一個工具】。

 

(先簡略介紹一下分格工具,之後再介紹我自己慣用的方式)

分格工具的優點,

是每拉出一個框,圖層那裡就會幫你建一個資料夾,

你可以清楚看到框的範圍,並把要繪製的內容放在資料夾底下,並且不會超出框格範圍。

不過缺點是每拉一格框,框的資料夾會跑到最上面。

(會擋住在下層的草圖)

 

以及因為webtoon大多時候,需要的邊框都是獨立的方框,原本在頁漫很實用的 分割分格(Dividing the frames)的功能,在這也比較用不太到。

 

✨我自己慣用的方式

繪製webtoon時,我會盡量減少開關資料夾的次數,

線搞和填色圖層也不一定會依照每個格子,來分門別類。可能都會放在一起。

所以我的選擇是,使用【圖形】工具。

 

圖形工具的使用要點,

請在繪製框線的時候,新建圖層一定要選擇【向量圖層】。

圖形工具 在 分格工具 的上方,

就是平時會拿來畫線段、方形、圓形的那個工具欄。

而我用來畫框的工具,就是利用圖形工具裡的【長方形】。

用圖形工具拉框,你的框線可以都放在同個圖層。

使用時,請找出 工具屬性面板 (Tool Property palette)

這裡可以調整你想畫出的框線粗細,

以及樣式我們只需要長方形的邊線,不需要填底色。

不管是使用分格工具 或者是圖形工具,想要將已經繪製出來的框再進行調整,

都先需要將滑鼠選擇到【操作】欄位上。

操作欄位裡的【物件】功能,可以調整向量以及3D物件。

先前畫框線時,會提醒需要建立在【向量圖層】上,就是這個原因。

畫好的框線可以因此隨意地調整位置 和 縮放。

也可以改變線的粗細。

再之後,

如果想讓自己所畫的內容不要超出框格,可以善用 魔術棒 和 圖層遮罩。

分鏡時,也可以嘗試這種、人物超出框格的分鏡。

04對話框和文字

CLIP有內建專屬建立對白框的工具。

兩個框相交時會自動合併在一起,非常方便。

可快速更改對白框的邊線顏色,或是底色。

在對白框欄位中,還有能畫出尾巴(尖角)的工具,或者由使用者自由畫出的任意形狀。

要在圖層中對對白框進行更動,請記得先點選操作=>物件。

接著就能順利開始調整先前已經製作出來的對白框。

可進行移動、改變形狀或者是改變線的粗細等等。

 

 

 

✨對話框的不透明度

這個功能我想特別拿出來說,

因為在未使用過CLIP的使用者心中,它並不是一個在人人心理預期中都該會出現的功能。

 

如果是在操作中對對話框進行調整,你可以在【工具屬性】面板中找到調整參數的拉條。

如果在面板中沒顯示,請將右下角的【扳手】打開,

開啟 輔助工具詳細面板( [Sub Tool Detail] palette)後,可以找到它。

如果是想在最開始建立對白框時,就製作出底色為半透明的對白框。

也可以右下扳手,開啟輔助工具詳細面板,把控制透明度的選項開啟顯示。

控制條就會出現在【工具屬性】面板中。

(預設上,不透明度的選項不會出現)

✨特殊對白框

可以在另外一個欄位中找到內建的效果框。

也可以利用素材商店,找到更多別人製作的對白框素材。

 

 

✨在目次,我之所以會把【對話框和文字】兩者寫在一起,是因為CLIP的設定上,文字和對話框預設中【很容易黏在一塊】。

如果文字與對白框建立時相鄰的太近,預設上會默認建立在同一個圖層上。

 

優點是,

文字會隨著對話框的變形而移動,保持置中。

如果是先打好了台詞,之後才加上對白框,只要【兩者相鄰的太近】,也依然會在系統默認下共用圖層。

除非將文字和對白框的【追加方法】都改掉,才能完全避免兩者共用圖層,黏在一起。

 

雖然CLIP將對白框和文字併在一起的功能看起來很好用,

但我個人還是習慣在Photoshop裡先把台詞打好,在貼進CLIP。

(會這樣做主要是因為有些字型在CLIP裡,名稱會變掉,中文或日文名稱變成了英文,我不方便尋找)

 

不過如果是其他語系的使用者,沒碰上與我想似的問題,

CLIP在選字型方面,也可以自己建立清單。縮短選字型需要花的時間。

將自己常用的字型都勾選好後,之後在這個位置就能找到自己的清單。

 

✨關於文字挖空

如果漫畫台詞有需要轉變成其他語系,有需要【把台詞都拿掉】、只留下對白框的需求,

雖然CLIP裡的文字和對白框大都在同一個圖層中,但不用擔心,不會造成麻煩。

在匯出圖片時,

只要輸出時,文字的選項【不打勾】,你匯出去的圖就不會出現文字。

✨情節編輯器

如果利用CLIP內的文字工具建立台詞,想快速地修改台詞,或許可以考慮情節編輯器。

頁面管理=> 編輯文字=>打開情節編輯器

 

這個功能也能用在【新建台詞】上,不過我並不熟悉,所以附上官方的教學。

05繪製中途

我覺得在搞定了漫畫框+對白框+台詞後,畫面要怎麼呈現,就由繪師們各自百花齊放了。

應該說,我畫技和創意也不算很頂的,能說的也不多。

 

如果是以前沒接觸過CLIP的創作者,我推薦這篇我以前寫的文章。

能最基礎的了解CLIP,並嘗試將CLIP改造成適合你的作業環境。

如果是對於webtoon的打光,或者是對於角色要如何融入背景而苦惱,

或許你可以參考這篇,我寫的簡易的打光教學。

 

✨繪製途中,我大概比較想提的只有一點,那就是要善用【色板】。

在彩色漫畫的繪製過程,角色身上的部份顏色是固定的,例如皮膚、頭髮、眼睛。

利用色板,能快速選取到想要的顏色。

【色板】面板 右上角的扳手打開,可以 追加新設定 =創建新的色板。

按OK可以得到一個空的。

如果想為色板填上自己想要的顏色,

在色板上,【鍵盤ALT長按】,滑鼠自動會變成填色工具,

即可在一一將自己所需要的顏色填入色板當中。

此外,還有需要善用填充工具。

我個人不習慣直接用油漆桶將顏色填進去,所以會先習慣用魔術棒選範圍。

但不管是不是用油漆桶填色,有些邊邊角角有時也不會馬上被填滿,

這時可以試試CLIP特別的填色功能。

圍住塗抹(Enclose and fill) 和 塗抹剩餘部份(Paint unfilled area)

都是能幫助你快速填色的方法。

可參考官方教學

06匯出檔案

當完稿後,先點選先前做好的目錄,

左上角 檔案 [File] menu

=>平面化影像並寫出 [Export (Single Layer)]

=> .jpg (選你需要的檔案類型)

 

匯出時如果不需要原圖大小,需要符合某些平台 or 交稿的規則,

例如需要寬度800px的縮圖,在指定輸出尺寸--寬度直接輸入800px即可。

不用去管高度,因為雖然一整回漫畫的圖檔高度不一致,但寬都是一樣的,

匯出的圖片實際上是統一用同樣的縮放率,

例如我截圖上的,都是統一縮放26.67%,

所以匯出來的圖的縮放比例不會跑掉,而且寬度會保持一置。

――自己的一些看法=心得

欣賞Webtoon的觀眾,大多主要是利用手機,上下滑動觀看。

所以有時想畫一些較大的畫面,或是強調劇情部份時,

自己要估計一下依據分鏡,有多少畫面能一次呈現在手機螢幕的範圍內。

 

早期手機螢幕的長寬比為16:9 ,但現在幾乎被淘汰了,

現在多為20:9,還有出現21:9,

我不常換手機,自己目前在用的螢幕大概是18:9。

 

↓20:9大約展現出來的樣子

webtoon不像傳統黑白漫畫,

傳統頁漫需要在每一頁有限的空間中安排畫框的大小,

而webtoon,如果空間不夠展示作者所想表現的畫面,只要隨時將畫布加長即可。

 

所以依照我個人的喜好和建議是,【對白框不用省空間,可以拉大一點】。

雖然觀看webtoon的年輕觀眾比較多,

但人年紀大了,例如我,就比較喜歡看字大一點的。

關於這點,有興趣可以去觀察一下那些受歡迎的漫畫,通常都是一個不小的對白框裡,配上少許的台詞。

↑此外還有一個重點。

除非你是畫恐怖漫畫,不然大多數的漫畫,不管類型如何,【讀者其實喜歡看角色的臉】。

所以,有時候,請不要吝嗇給你的角色繪製一些特寫鏡頭。

 

 

接著,大概是需要多觀察一些對白框的顏色,或是擬聲詞的特效要如何繪製,

盡量讓畫面看起來豐富一點。

後記

這篇文章基本上是把可能會用到的功能快速帶過一遍,

即使你可能未必會和我選擇相同的方式進行創作,

但也能先了解到原來CLIP擁有著這些功能能去運用。

 

以前的LINE WEBTOON作品上傳規則比較嚴格,往往匯出的圖片還需要自己加工、裁切。

現在隨著系統更新,限制已經放寬不少,過長的圖在後台上傳時,系統就會幫忙自動分割,所以只要用心把自己的作品畫好,在匯出跟上傳方面已經變得很方便,不會遇到多大的阻礙。

既然本次的主題是跟Line webtoon的特別合作,

就讓我順便推薦一下自己以前上傳過的作品吧~!

不過我主要都是畫BL。

如果能得到官方推薦,那就更棒了,我的作品還不曾得到推薦過。XD”

 

(順序由上到下,由舊到新)

此外,

好希望有人能找我去連載漫畫啊XD

歡迎透過IG聯絡喔~

 

還有希望台灣版本的Webtoon介面可以跟上,很多功能台灣版本的都沒有。

 

希望這篇文章對你有幫助,

 

我的IG

https://www.instagram.com/nelviy_manga/

 

留言

最新

最新官方