網絡卡通是垂直滾動漫畫或“網絡漫畫”。每個平台的頁面都有不同的上傳尺寸，因此在規劃佈局時請注意您的限制。

 

在本教程中，我們將使用Line Webtoons，並且以後將其稱為Webtoons。

 

*本教程基於您在所選的Webcomic託管站點上擁有帳戶的假設。有關如何上傳網絡漫畫的信息，請查看其官方教程。

即Webtoons，Tappastic。

 

詞彙表

 

Webtoons：Line Webtoons的網站/託管服務

CSP：Clip Studio Paint程序

工作文件/大小：您在可編輯畫布上繪製的文件

畫布/工作文件：文件的圖紙表面（可互換）

上傳文件/大小：您上傳到站點的文件-完成的文件

頁數：可以上傳到垂直網絡漫畫託管站點的每個文件

面板：漫畫的傳統“面板”

矢量面板：CSP使用該工具以圖層文件夾格式創建矢量線面板

書籍格式：傳統漫畫版式

垂直格式：滾動漫畫佈局

我們如何佈置垂直漫畫？

由於我們在視覺媒體上工作，並且想要展示精美的藝術品，因此我們必須從典型的“書本格式”轉變思維，並考慮以一種有影響力的方式佈局面板以實現垂直滾動格式。我們通過考慮“ PAGES”來解決這一問題。

 

Webtoons上載大小為800x1280的“頁面”。這意味著您需要多個“頁面”來進行長時間的垂直更新。

垂直引導眼睛

在佈置藝術作品時，請記住在滾動時藝術作品的外觀。您最終的上傳大小為每頁“ 2.67x4.27英寸”。我們在說小。如果您希望像書籍格式那樣影響整頁插圖，則需要使插圖佔據兩個或更多的“頁面”。使讀者滾動的時間越長，您的懸念就越多。

 

這是因為您迫使他們的視線在頁面中移動。這種技術稱為“引人注目”，這是您創建流程和可讀性的方式。使用垂直格式時，您必須引起一些不同，但概念是相同的。要產生更大的影響，請使您的閱讀器滾動更長的時間，至少滾動兩個“頁面”，然後將視線向下引導。

 

 

書籍格式範例

數字是您的眼睛自然落在的位置，並引導您到達藝術品周圍。

垂直格式的示例

全面佈局您的面板

使用垂直格式時，您將受限於如何在每頁上佈置面板。請記住-每頁寬度小於3英寸（800像素）。即使這樣，設置漫畫頁面的方式也沒有任何限制。

 

注意：“每頁面板數”-在對面板進行佈局時，我希望每“頁面”上保留一個或兩個面板，因為當它調整為可移動尺寸時，它會變得很小。 Webtoons允許將文件大小調整為320x512px，因此它們非常小。

 

交替面板

大小和長度互不相同的面板會增加頁面的深度，並使面板成為藝術品的一部分並引人注目。

盒子麵板

將您的作品綁定在相同大小的面板中，可以使您的漫畫感覺均勻，清晰和乾淨。

插圖面板

單個插圖之上的藝術面板可以使您的漫畫更具沉浸感，就像一塊奇異的畫布。注意：雖然這是一種非常酷而美觀的方法，但請記住，它會很快變得過高。我建議在非常重要的場景中使用這種面板佈局。

您的工作文件應為多大？

詞彙表–

工作文件/大小-您在其上繪製的文件-您的可編輯畫布

上傳文件/大小-您上傳到站點的文件-完成的文件

畫布-藝術品的繪畫空間

 

 

最佳實踐

如果以800像素繪圖，則您的工作文件不到3英寸。如果您需要將完成的藝術品放大，則最終會得到看起來像被審查的藝術品的藝術品。不可愛。最佳做法是升級文件。我希望工作文件的大小是最終上傳文件的三倍（x3）。這樣，如果我想將任何面板變成印刷品，那麼我就有很多像素需要擺弄。

 

圖像上300dpi與72dpi的示例：

上載尺寸

您的最終上傳頁面需要為800x1280，因此我們將其乘以3，即可得到2400x3840的工作畫布。

 

上傳文件大小頁面：

800x1280

 

工作文件（x3）大小頁面：

2400x3840

 

當按比例縮小上傳大小時，它會看起來像這樣（大圖片是工作文件（2400x3840），小圖片是上傳大小（800x1280））

工作文件大小

對於工作文件，我希望有五頁的長度。這使我能夠以可管理的文件大小將其發送給我的調色師，同時也避免了我永遠在畫布上向下滾動。我使用的工作文件大小長度為3840，乘以5等於19200（3840 x 5 = 19200）。工作文件最終的確切大小為2400x19200，可以上載為800x6400。

 

這是最終的“頁面”細分：

不要被以下數字嚇倒。這是加法數學。我們知道了

批處理您的頁面

在完成本章之前，我需要分五（5）頁的工作量。這包括所有徽標和社交媒體，章節標題和結尾字幕。一頁可以很好地處理這些信息，但是我已經看了多達五頁用來感謝顧客和助手的信息。由你決定。畫布就是您的世界，您可以隨意創建它。

 

“頁面”的示例，並勾畫出藝術品和麵板的佈局：

如何為移動工作調整文本？

您的頁面尺寸為800x1280，在PC上清晰易讀。但是，當將其調整為移動大小時，我們會遇到文本可讀性方面的問題。這是因為調整圖片大小時會放寬像素，以使其全部適應新的“幀大小”。認為它就像您必須切掉多餘的紙張以使其適合框架一樣。

 

300dpi與72dpi的示例（兩者均在3.21x0.82英寸的畫布尺寸上：

如果要在工作文件上應用文本，則應至少使用35pt字體。這可能會根據您選擇的字體而改變。我建議您自己在漫畫主機網站上的文本上傳中進行檢查，以確保您可以閱讀所選的字體。如果要在上傳文件大小上添加文本，則可以使用8pt至15pt的任何字體。在以下示例中，您可以看到文本隨著移動頁面大小的調整而縮小。

 

我發現在800x1280的上傳畫布上添加氣泡，文本和聲音效果是最佳做法，因為您可以確切地看到文本的大小。

我應該從什麼工作流程開始？

以下是我用來繪製漫畫的步驟。經過反複試驗（數小時），我發現了一些對我來說很好的東西。這些是供您使用和適應的技巧，因為您可以更輕鬆地創建網絡漫畫。

 

 

最佳實踐

文件模板非常有用，可以節省您的時間。本質上，它會為您創建的每個新文件填充文件夾和圖層。您可以通過轉到幫助和說明手冊（F1）中來學習如何製作自己的作品，並蒐索“將圖層註冊為模板材料”

要么

觀看我的視頻教程。我深入了解它。

我的文件模板

這是我的模板，其中包含我每天用來繪製漫畫的所有文件夾和圖層。

我的工作流程

 

空白畫布→草圖繪製→線稿→顏色→效果→調整畫布大小以上傳大小→面板→氣泡→文本→聲音FX→拼接頁面

 

我將所有草圖繪製在“ SKETCHES”文件夾中。我所有的線條藝術（墨水）都進入“ LINEART”文件夾。我在線條藝術墨水上繪製了一個名為LINEART的vector *圖層。根據對那些頁面更好的選擇，我可以創建一個新的COLOR文件夾，也可以只在LINEART文件夾中完成所有操作。

 

*注意：在向量層上進行線條畫非常重要！它有助於著色和調整大小。 CSP有關於矢量和柵格圖層的出色教程。如果不確定如何使用它們，請查看它們。這是一個很棒的教程：

注意：您將無法在矢量層上使用填充桶。僅柵格圖層允許著色。您可以在此處找到有關使用填充工具的更多信息：

調整工作文件

空白畫布→草圖繪製→線稿→顏色→效果→調整畫布以上傳尺寸→面板→氣泡→文本→聲音FX→拼接頁面

 

我將整個工作文件的大小調整為800x6400的上傳大小。

注意：我不會使圖像變平。一切都保留在單獨的層/文件夾中。

 

為此，請進行編輯→更改圖像分辨率→首先將分辨率更改為300→將寬度更改為800→高度自動調整為6400。您的畫布將調整為800x6400 300dpi。

我將在視頻教程中詳細介紹。請觀看第2部分！

面板

空白畫布→草圖繪製→線稿→顏色→效果→調整畫布大小以上傳大小→面板→氣泡→文本→聲音FX→拼接頁面

 

面板如何在CSP中工作的快速細分：

它們是充當文件夾內所有圖稿的蒙版的文件夾

它們是矢量線

每個面板是其自己的圖層文件夾

 

每次製作一個新面板時，它都會創建一個可兼作文件夾的圖層，從此開始繪製的所有內容都會自動進入該面板。我還沒有弄清楚如何阻止這種情況的發生，但是我不喜歡這個功能。這就是為什麼我最後繪製矢量面板的原因。請記住，面板的矢量線充當遮罩。

 

使用面板工具，繪製所需尺寸的面板。如果不想使用每個面板創建新圖層，請確保選擇“添加到選定的文件夾”。

完成後，將您的工程圖圖層放到PANEL FOLDER中，它將自動掩蓋面板線外的所有圖稿。

面板層上方的任何內容都不會被面板裁切。我將它用於要放在面板框外面的藝術品。

自定義語音氣泡

空白畫布→草圖繪製→線稿→顏色→效果→調整畫布大小以上傳大小→面板→語音氣泡→文本→聲音FX→拼接頁面

 

是時候添加您的文本了。我會自定義氣泡，以幫助區分角色。語音氣泡也是矢量線，但會自動填充背景色。這使得添加氣泡很簡單，而不必返回並填充每個氣泡。

 

氣球工具→選擇線條顏色和填充顏色→放置氣球→添加氣球尾

使用“操作”工具（看起來像是3D正方形，上面有鼠標）來選擇氣泡。

 

操作工具→選擇氣泡→選擇畫筆形狀→選擇所需的線型。

 

看起來會像這樣！您可以將圖層屬性弄亂以添加發光或其他特殊選項。玩得開心！注意：要使外觀更自然，可以手繪氣泡，也可以調整氣泡中的矢量點以改變形狀。

添加文字

有關如何在氣泡中添加文本的更多信息，請查看本教程：

將章節拼接到頁面中

空白畫布→草圖繪製→線稿→顏色→效果→調整畫布大小以上載大小→面板→語音氣泡→文本→聲音FX→語音頁面

 

CSP無法處理長度超過30,000px的文件，因此您不能使用無限畫布。這就是為什麼我們分批工作，使我們的生活更輕鬆的原因。要將工作文件轉換為800x1280的上傳文件，您需要對其進行切片。 CSP沒有將此功能作為內置功能，因此您將需要另一個程序。我使用GIMP是因為它是一個免費選項，儘管Photoshop也具有此功能。

 

打開GIMP並選擇“文件”→“作為圖層打開”→“找到您的上傳文件”→“打開”。

 

現在，您將創建用於拼接頁面的GUIDES。

 

轉到圖像→指南→新建指南→將會出現一個框→確保已將指南的方向更改為“水平”，然後輸入要分頁進行切片的像素。對於第一頁，它是1280，其次是2560，然後是3840，最後是5120。

導入其他上傳文件

一旦所有指南都準備就緒，您就可以引入其他上傳文件。文件→作為圖層打開→查找您的上傳文件→打開。

注意：在對文件進行切片時，您只需要使該圖層可見並選擇該圖層，否則它將無法註冊該圖層。

 

要切片，請轉到過濾器→Web→切片→將打開一個框→將設置更改為您的首選項→確定→文件將被拼接成800x1280頁。

設置說明：

HTML導出的路徑：您要在其中保存頁面的文件夾的名稱。

 

要導出的文件名：因為不使用此設置，所以保留為片。

 

圖像名稱前綴：您希望每個文件被調用的名稱。我保留前綴“ slice”或將其更改為“ page”，並為每個批次添加一個數字，以便它們以數字順序保存。這有助於上傳過程。例如：slice2，slice3，排泄物。

 

圖像格式：僅JPEG

 

單獨的圖像文件夾：否。您希望它們全部保存到同一文件夾中。

 

用於圖像導出的文件夾：似乎沒有什麼不同。我將其命名為EP_（插入編號）。即EP_2

 

表格元素之間的空格：0（請勿更改，否則上傳到網站後，文件之間將有空格。）

 

不需要最後兩個選項，因此請勿更改設置。

如果您不想使用此方法，則可以使用將為您完成工作的在線站點。這稱為Croppy，並在Kyorin的教程中進行了說明。

這是鏈接：

完成！現在，您可以將頁面上傳到網站主機！

我希望這能解釋製作自己的卡通漫畫的基本部分。如果需要其他說明或使說明更清楚，請告訴我。還要觀看教程視頻，因為它可以幫助我實時觀看。

如果您想觀看教程，請單擊下面的視頻！