以怪人的方式製作漫畫

為印刷和Webtoon製作漫畫

94,076

266

simonwl

嘿!

互聯網是一個日新月異的地方。當網絡漫畫開始模仿常規漫畫或報紙時，隨著手機的興起，出現了一種體驗漫畫的新方法：網絡漫畫的垂直滾動格式！

如果您曾經想製作漫畫，但又不想在製作典型的頁面漫畫或面向移動的卡通漫畫之間選擇；或者，如果您已經有漫畫並想將其改編為其他格式，則本教程將嘗試為您提供一些指導和技巧，以幫助您使用Clip Studio Paint更好地做到這一點

注意：我正在使用最新版本的Clip Studio Paint Pro（1.9.7。）。與某些舊版本相比，它具有更新的界面，帶有不同的圖標，因此，如果您發現自己在努力遵循本教程，請考慮將其更新為最新版本！

另外，如果您願意，可以在這裡觀看本教程的視頻版本：

0.故事

我目前正在研究Webcomic / webtoon Weirdogs的第四章。重新格式化漫畫不是最容易或最自然的事情，因此我採用了不同的方法。結果，我能夠找出對我來說非常有效的過程！

在第一章中，我只是繪製了普通的漫畫頁面，而無意將其放入網絡漫畫中。但是當Webtoon Canvas宣布競賽時，我決定重新格式化漫畫並輸入。因為這是我第一次這樣做，所以我在此過程中費了不少力氣！

對於第二章，如果我先將漫畫作為網絡卡通完成，然後再將其重新格式化為漫畫頁面，我認為這很聰明，可以幫助我早日準備好更新。這是一個錯誤，因為將網絡卡通重新格式化為漫畫頁面比其他方法更具挑戰性！

在第三章中，我從錯誤中吸取了教訓，並找到了一個好的方法。這不是最終解決方案，但是對於我個人而言，這是一個非常有效的過程。您的經驗可能會有所不同，如果我的方法對您不起作用，我絕對建議您嘗試其他方法。

因此，我們要做的是首先創建漫畫頁面，然後將其重新格式化為Webtoon。原因很簡單：與垂直滾動相比，頁面的格式更加狹窄。 Webtoon上的劇集可以根據您的需要而定。但是，漫畫頁面只能容納這麼多內容。首先堅持更嚴格的限制，然後放開自己，這更有意義。

如果您已經製作了卡通漫畫，請不要擔心！希望本教程仍然會為如何優化重新格式化過程提供一些好的建議，或者至少為您提供一個更好的過程，以供您以後漫畫的任何章節使用！

1.創建頁面

現在，讓我們開始為漫畫頁面創建文件。

我建議您已經在考慮要打印漫畫的尺寸了！雖然以後可以調整大小，但是如果您始終堅持使用預期的格式，則可以確保最佳質量。

如果在Clip Studio中製作新文件，則可以選擇頂部的第二個按鈕來創建漫畫頁面，然後選擇許多有用的預設：

如果您想對選項產生更大的影響，也可以選擇第三個按鈕：

您可以在右上角附近選擇單位（毫米，厘米，像素，英寸...），然後設置自定義格式（也許您想製作方形漫畫？），選擇自定義邊框選項，然後選擇出血選項！

什麼出血？這是指超出預期格式添加的多餘圖像數據的術語。其目的是避免打印格式未正確裁切時出現白邊。

不過，現在就讓我們使用A4顏色模板！

儘管我已經註釋了彈出的準則，但是它看起來是這樣的：

有三個矩形準則。最裡面的是應該繪製主頁內容的位置。第二個矩形是最終頁面格式。如果您希望將藝術擴展到該範圍，則可以填充它。但是，我不建議在此部分添加任何對話或重要的視覺內容！如果您在最終格式的矩形中添加任何圖片，則需要填充第三個矩形以進行出血。

供以後參考，如果您不想查看這些準則，只需轉到“查看”並取消選擇“裁切標記/默認邊框”。

2.創建面板庫

接下來，讓我們製作一個大小與頁面內容矩形相同的框架！

只需使用框架邊框工具進行繪製即可。您已經可以定義邊框的外觀了，但是如果您仍然想弄清楚邊框，可以立即繪製邊框，以後再更改外觀。

要更改邊框，請使用“對象”工具並選擇邊框。現在，您可以在“工具”屬性窗口中調整諸如邊框顏色或粗細（畫筆大小選項）之類的選項！

就個人而言，我發現紫色的“蒙版區域”視圖分散了您在製作邊框時默認獲得的注意力，因此我始終將其禁用！

您可以通過在圖層窗口中選擇帶有邊框的圖層並禁用“顯示遮罩區域”選項來執行此操作：

稍後，我們將把大型框架分成較小的面板。當然，您可以簡單地繪製面板來代替。就個人而言，我發現通過分開一個大框架而不是拉起單個面板，更容易在面板之間保持一致的外觀和距離！

3.創建對話

下一步是將漫畫腳本中的對話添加到此頁面文件中。

在草繪漫畫之前，我先進行此操作，以確保有足夠的空間用於對話和藝術品。如果我在不知道要為文本留多少空間的情況下開始草繪，我可能最終不得不覆蓋我想保持清晰的部分圖形！

重要的一件事是確保對話的大小統一（特殊情況除外-例如，耳語的對話可能較小，而尖叫的對話可能較大）。

您還需要確保它足夠大以便於閱讀-不同的人對它的大小有不同的偏好。要找出最適合您的方法，請打印測試頁，或僅以其他漫畫為例！

現在，要添加對話，我建議您製作一個示例文本，並為頁面上的每個氣泡複製它-即使您已經知道以後要增加尺寸！我發現添加所有對話後比進行添加時更容易進行調整！

例如，如果頁面上有五個氣泡，我將示例文本粘貼到頁面上五次：

這是完成頁面對話的樣子：

快速說明：您可能會注意到我使用的是自定義字體。它是基於我自己的筆跡，如果您想將漫畫與其他漫畫區分開，我絕對會建議您製作自己的字體！我使用Calligraphr來做到這一點，這是一個非常易於使用且功能強大的工具-它的基本版本是免費的！

排列文字時，請務必注意不要為單個氣泡添加太多文字。最好將一切分開，特別是如果您可以想像角色在講話時會停頓一會兒。

比較下面的兩個語音氣泡排列：上面的氣泡在視覺上沒有底部的氣泡那麼有趣。甚至您的對話在視覺上也越有趣，人們閱讀起來就越容易！

4.創建面板

在那裡完成所有對話後，您可以將大框架拆分為多個面板！如前所述，我這樣做的原因是要保持大小均勻的裝訂線（面板之間的空間）。首先選擇“分割框架文件夾”工具：

您可以在“工具”屬性中設置排水溝的大小：

現在，只需在框架上拖動工具即可。如果按住Shift鍵，則可以確保完全拉上水平或垂直線。

您的頁面現在看起來像這樣：

5.素描

現在該開始素描了！即使您在上一步中進行了不同的劃分，也不要害怕嘗試很多不同的構圖。通過有條不紊地重新安排對話，嘗試創建良好的可讀性和頁面流暢度，並使用構圖和角色動作來匹配流程。

這是我先前放置的對話的完成草圖。我添加了一些箭頭，以直觀地顯示頁面流的含義。

在第一個面板中，Sammy向右看，這也是氣泡從何而來的方向。第二個面板中的背景組成直接導致道奇（Dodger）-氣泡的來源。 Sammy還在此面板中看著他，因此觀眾有多個焦點直通Dodger。

對於第三個面板，我決定打開頁面並清除面板邊框（這是出血的來源）。

如您所見，我從之前的文本和麵板安排中改變了一切！從事漫畫工作時，沒有什麼是固定的，甚至在素描階段之後甚至可以更改內容！

如果首先使用Webtoon，然後將其重新排列到頁面上，則將很難實現這些類型的流體組成。大多數網絡卡通一次只能顯示一個或兩個面板。在一頁上，您經常可以同時看到5到10個面板！

希望您能明白為什麼最好先計劃頁面，然後再計劃垂直滾動版本！

（可選步驟：調整Webtoon的草圖）

如果您不熟悉將頁面重新加工為垂直滾動格式的過程，則可以將完成的草圖用於頁面並對其進行重新加工。這樣一來，您可以更輕鬆地移動事物，並為藝術品嚐試不同的構圖，而無需立即看起來精美而完美。它還將幫助您確定是否需要重新佈置氣泡或插圖的面板！

對於某些頁面，此過程並不重要。到目前為止，我們使用的示例頁面就是其中一種情況，它非常簡單和明確。稍後我將展示一個將草圖重新構造為Webtoon格式的示例，讓我們現在繼續。

6.完成您的頁面藝術品

作為參考，這是示例頁面的最終插圖。我不想詳細介紹插圖和著色過程，因為它不是本教程的重點。但是，在製作兩種不同格式的漫畫時，可能需要記住一些組織事項！

要知道的主要事情：您將需要做一些重新排列。

如果您除了常規的漫畫頁面之外，還想在Webtoon上提供最佳的閱讀體驗，那就沒有辦法解決。如果您不想因為工作量而發瘋，這是我的第一要訣：分離您的層！

此頁面不是我所要表達的最佳例子，所以讓我們簡要地看一下其他頁面！

左邊是頁面，右邊是Webtoon情節的一部分。

頁面的最後一個面板原本是一個重要的大型啟動面板，它將使讀者感到驚訝並包含有趣的細節。如果您希望面板在Webtoon中產生更大的影響，那麼這樣做的一個好方法是使其非常高。這樣，讀者將不得不滾動更長的時間，直到他們閱讀了整個面板。

我在圖像中添加了紅色邊框，以表示典型的手機屏幕上可以容納多少漫畫。通過在顯示場景之前將對話限制在一個電話屏幕上，我會產生更多的驚喜。讀者有片刻的時間想知道，可能會發生什麼？然後，他們向下滾動以查看這是一場彩彈射擊比賽！

這是我在最終確定圖稿之前使網頁草圖適應Webtoon格式的情況之一。我已經知道我需要更改文本佈局，甚至重新排列Dodger和Sammy的位置！

因為我知道我需要進行更多更改，所以我也知道我必須採用一種特殊的方法來繪製所有Sammy，即使Dodger在她面前，也要繪製更多背景，甚至還繪製其他一些背景元素放在不同的圖層上，因為這樣以後可以更輕鬆地重新排列！

看一下所有移動的元素，因此您可以看到我實際填寫了多少背景：

當然，這是一個極端的例子，僅偶爾需要在字符後面填充背景。

但是，即使是更簡單的事情（例如我們的示例頁面），我也絕對建議您做一些事情：

>為面板中的不同字符創建單獨的圖層 >為不同的背景元素（例如前景層，“主”背景和“遠距離背景”（例如雲或天際線））創建單獨的圖層 >務必在氣泡或任何前景面板應該去的後面填寫藝術品！

讓我給您一個基於此頁面的示例：

這是如何拆分的：

請注意，我是如何在前景面板後面繪製完整的作品的。這樣做是因為我可以在Webtoon版本中分離前檯面板。但是，我沒有在Sammy的鍋後面抽瓶子！不需要移動她，所以我不需要這樣做。

即使您不必重新安排事情，這種方法也有助於保持事情井井有條，而且如果您在每個小組中都這樣做，則更容易養成這種習慣！

一個小警告：如果您使用多個圖層，則絕對需要命名圖層以保持井井有條。這是一個好習慣，尤其是如果您想與助手一起工作時，他們將非常感謝您使用諸如“道奇墨水”或“背景色”之類的描述性層名稱，而不是“ Layer 0”和“ Layer 123” ！即使是我們將要研究的重新安排過程，您自己也很容易知道實際上要移動哪些層！

有時，我什至在繪製過程之前就準備好圖層，而不是在繪製時進行製作。即使您覺得自己過於創意，無法繪畫或寫作，單獨從事漫畫創作的這些平凡的方面也是取得進步的好方法。

這是另外兩個技巧，可幫助您加快漫畫製作過程並使其井井有條！

您可能已經在以前的屏幕截圖中註意到我使用了“顏色設置”和“子視圖”菜單。

我們先來看一下“顏色設置”菜單！為漫畫中的每個重複出現的角色創建一個角色很有意義！要添加新顏色，請先在色輪中選擇一種顏色，然後按一下Paint Paint +圖標（1）。該顏色將被添加到您當前選擇的顏色集中。現在，您可以對其重新排序，重命名或刪除。

您也可以通過單擊頂部的小扳手圖標（2）來創建新的顏色設置！如果單擊“添加新設置”，則將獲得一個充滿“空”顏色的模板顏色集。我個人比較喜歡沒有這些顏色，因此我刪除了它們，現在改為複制現有的顏色集，然後進行重新加工。

第二，子視圖菜單！

您可以在此處加載參考圖像。如果您已為漫畫的主人公製作了角色表，正在從照片中繪製背景，或者只是想複製已完成漫畫頁面的顏色，則可以幫助您始終快速獲得參考。只需單擊底部的文件夾圖標，然後加載您可能需要的所有參考圖像。您可以一次選擇多個，然後循環瀏覽。如果您已完成參考，則可以將其刪除。您還可以放大和縮小，移動圖像，甚至旋轉和鏡像圖像（3）。我個人喜歡選擇“自動切換到滴管”選項（4）。要移動圖像，我現在需要按住空格鍵，但是這樣，當我將鼠標懸停在圖像上時，我可以立即從圖像中拾取任何顏色。從某種意義上說，這是顏色設置的替代方法，但是我喜歡兩者都使用，因為顏色設置總是更精確！

7.導出頁面文件

完成漫畫頁面後，在繼續操作之前已經將其導出是有意義的。現在，如果您以數字形式以頁面形式發布漫畫，而不是僅僅以印刷形式發布漫畫，那麼您將需要首先將其導出為RGB JPEG文件！

完成此操作後，現在需要將頁面文件調整為CMYK。

要了解有關CMYK是什麼及其含義的更多信息，可以訪問本教程：

為了快速解釋，混合打印（添加）而不是絲網（扣除）的顏色是另一種方式。

一些藝術家首先在CMYK中工作，但是由於我們也打算以RGB數字發布漫畫，因此我建議首先在RGB中工作，並僅在此階段轉換為CMYK。

如果您使用許多鮮豔明亮的顏色（尤其是綠色），則轉換為CMYK意味著您的顏色將看起來有所不同。因此，讓我們來看看如何做才能優化結果，而不是直接導出到CMYK而不進行任何質量控制！

首先選擇“視圖”>“顏色配置文件”>“預覽設置”選項：

該窗口將會彈出。現在，您可以選擇所需的顏色配置文件。在繼續操作之前，請與打印機服務部門核對您應使用的顏色配置文件。

您會注意到，右側的綠色“ BLAM”面板或底部的油漆噴濺現在看起來更加暗淡無光。這就是為什麼我們不立即導出到CMYK的原因。

讓我們看一下“渲染意圖”下拉菜單。這提供了多種選項，您可以在其中將顏色從RGB轉換為CMYK！最好選擇“飽和度”選項，尤其是對於漫畫。選擇了它，您已經註意到頁面外觀有所改善！

雖然您將無法真正使綠色更加“飽和”（標準CMYK顏色可以做一些限制），但這些選項確實會改變顏色的對比度。而且，如果您了解顏色理論，就會知道更多的對比度可以使事物看起來更生動。

如果您對所有四個“渲染意圖”選項都不滿意，則還可以選擇“色調校正”複選標記，並微調所有四個色板（青色，品紅色，黃色和基調）上的對比度！通過調整“青色”部分中的值，我使果嶺看起來更加青綠色：

對結果滿意後，請確保選擇“保存在畫布上”選項！否則，導出圖像時實際上不會保存您的調整。

您現在可能需要將.csp文件另存為新文件，並使用其他名稱來表示這是頁面的CMYK版本。否則，如果您要進行更改（例如修正錯字），則必須重做顏色調整！

最後，讓我們實際導出CMYK文件。與RGB版本相同，只需確保在“表情顏色”菜單中選擇“ CMYK顏色”！

8.發行網頁（基本知識）

好吧，現在我們進入了很好的階段。您要做的第一件事是拉長的垂直滾動格式。 Clip Studio Paint Pro的最大圖像高度為50,000像素！好多啊。如果我在Photoshop中打開的圖像如此之高，它不僅會滯後並使計算機崩潰，還會在睡眠中謀殺我和我的整個家庭。但是，即使具有如此巨大的尺寸，CSP仍然快速而紮實！

Webtoon本身每個圖像文件最大為800 x 1280像素。情節可以分為多個圖像文件。

我建議在Clip Studio Paint中製作一個800 x 50,000像素的新文件，然後；放置完面板後，如果發現不需要整個50,000像素，則將其裁剪高度。

就個人而言，我也喜歡採用寬度2400像素而不是800像素的三重值。如果我為漫畫的Webtoon版本添加任何新的藝術作品或擴展其面板，則如果需要的話，我已經可以使用更高的分辨率！但這當然是可選的！

設置完該文件後，我在Clip Studio Paint中的單獨選項卡中打開頁面。

然後，只需在我的頁面中選擇一個框架文件夾，按CTRL + C（或在菜單中選擇“複製”），切換到我的垂直滾動文件，然後按CTRL + V（或在菜單中選擇“粘貼”）。執行此操作時，請確保您未使用“對象”工具，否則，您只能選擇並複制框架，而不選擇文件夾的內容！

我喜歡逐個面板地進行操作，並立即將每個面板的大小調整為所需的大小，但是當然，您也可以一次選擇多個面板，然後一次復制/粘貼所有面板，稍後再進行調整。

我通常從2-4頁組成一集。當然，這不是必須的，您也可以製作更短或更長時間的劇集！但是，在計劃劇集的長度時，請務必牢記節奏和戲劇性！

9.發行網頁（詳細信息）

就像在頁面上一樣，Webtoon上的閱讀流程也很重要！這裡要考慮的是，由於理論上無限的格式，您可以為您的藝術提供更多的空間。正如我之前已經提到的，讓人們滾動更長的距離可能會對他們在閱讀時產生情感上的影響！您可以使用以下幾種技巧：

>使有衝擊力的面板高（如前所述） >分離氣泡，並將其移開，比漫畫頁面中的氣泡更遠

>展開覆蓋不同動作或場景的面板（但不應將單個對話中的面板散佈太多，否則對話可能會感覺角色正在暫停或休息）！

>切換面板組成。如果每個面板的寬度完全相同，並且定位方式完全相同，可能會很無聊。更改面板的位置可以使閱讀體驗更自然，更不僵硬。

>當然，如果要顯示屬於在一起的動作，則必須使這些面板保持一致。

>切換面板尺寸。如果還有其他面板未完全擴展到Webtoon格式的整個寬度，則面板會產生更大的影響。 >拆分寬麵板。有時，您無需重新分配寬麵板中的元素，只需將面板拆分即可。您甚至可以通過在藝術品中添加小的變化（例如字符表達）來稍微調整面板中的動作。回到我們的原始示例頁面，我在這裡將寬麵板分為兩個面板：

>在必要或需要時添加獎金面板。有時，以Webtoon格式添加小細節可以改善閱讀流程！這是一個示例，其中我在序列中添加了一個額外的面板，以使對話的一部分更具視覺衝擊力。在頁面上，它會使內容混亂，但在Webtoon上，如果沒有面板，則感覺好像對話氣泡太多，而中間沒有藝術！

即使對於Webtoon，也要記住統一的對話大小，這一點也很重要！老實說，我沒有像在頁面上那樣關注它（您可以一次看到多個面板，因此更容易注意到尺寸差異），但是您至少應該盡量不要大小差異太大。而且，就像在印刷品中一樣，請確保您擁有合適的文字大小，即使對於手機屏幕較小的人也易於閱讀。

考慮到這些信息，我還想指出一些Clip Studio Paint固有的工具，這些工具使重新整理工作比其他一些軟件容易得多！

第一：您知道您可以跨多個層次進行選擇嗎？

假設我想在這裡更改道奇的手臂角度！事實是，我已經給它上色了！但是，在Clip Studio Paint中，我可以跨多個圖層變換或移動選擇。只需進行選擇，然後在按住Shift的同時單擊它們即可添加多個圖層！

多田！無需對兩個圖層分別做相同的事情或直接重做顏色！

第二：將小面板調整為大尺寸，反之亦然。

有時，對於Webtoon而言，您可能希望在頁面上的小面板上留出更多空間，使其看起來更大。

有時，您可能希望採用一個在頁面上顯得較小的面板，而在Webtoon版本上將其放大顯示，反之亦然。唯一的問題：這樣做之後，線稿可能比所有其他線稿都厚（或更薄）！好吧，別擔心。如果您在矢量圖層上創建了線稿，現在可以更改線稿的寬度！

只需使用“正確的線寬”工具，我們就可以做到：

對此：

並進行一些最終清理：

比不必重新繪製整個方法要好，是嗎？向量層很棒。

如果您尚未創建帶有矢量圖層的所有線稿，請繼續。我不會對此進行詳細介紹，並且我相信您會發現有很多教程可以解釋矢量層的其他一些奇妙優點，但是，是的，這是其中的一個方面，對於處理漫畫中的漫畫特別有用兩種格式！

如果您還不熟悉矢量層，則有以下兩個教程探討了矢量層的其他優點：

最後，當您完成將頁面重新排列為劇集後，對本機漫畫進行自然測試非常重要！當您在計算機上工作時，當您在手機上實際閱讀漫畫並用拇指而不是鼠標滾動瀏覽漫畫時，您可能不會注意到或想到會感覺更好的事情！為此，我導出了該情節，將其在線上傳（例如，在Imgur上），在手機上打開上傳的文件，然後測試是否可以閱讀。在那之後我經常作一些小小的安排。