[A] 前言

大家好，我是shoe！在本教學中，我將向您展示製作網路漫畫的基礎知識或您必須了解的內容。我在本教學中使用的所有工具／素材都是免費的，並且可以在CLIP STUDIO ASSETS商店中找到。

 

由於網路漫畫的樂趣在於其獨特的個性和不同創作者的風格，我將不會詳細解釋我的藝術創作過程，而只會說明技術細節，例如使用什麼工具、如何將3D模型與2D插圖融合等等。

 

請注意，我不是專業人士，我只是將製作網路漫畫作為一種愛好，本教學中我所說的一切都基於我自己的學習。話雖如此，我希望您喜歡並從本教學中學到一些技巧！:D

[B] 建立畫布

[注意] 網路漫畫是經常在手機上閱讀的數位漫畫。最好在較長的畫布上工作，以幫助您在處理某些場景時不會感到困惑或迷失。這也將有助於營造故事的氛圍或情緒。

 

1) 建立畫布

首先，點擊左上角指令列上的[新建]來建立一個新畫布：

您也可以透過前往[檔案]並選擇[新建]，或直接按下鍵盤上的[CTRL + N]來建立新畫布。

視窗開啟後，前往[寬度]和[高度]來更改畫布大小。網路漫畫的標準尺寸是800x1280px，但我更喜歡在更長的畫布上工作。我使用的畫布是800x7680px，這相當於6頁800x1280px的畫布。

 

*頁面完成後會討論[裁切]！

2) 建立預設

點擊垃圾桶圖示旁邊的圖示。這會將您的畫布儲存為預設，這樣您下次就不必手動輸入畫布大小了。製作網路漫畫需要很多頁面，這樣做會減輕您的工作量。

視窗開啟後，將預設名稱更改為[WEBTOON]，然後點擊[OK]。

現在我們已經準備好畫布了！

[C] 分格／建立分格

[注意] 擁有對話或場景的劇本非常重要，否則網路漫畫的流程會顯得奇怪且不自然。事先在紙上草擬場景也有助於規劃分格。

 

1) 如何製作分格

首先，前往[視圖]並選擇[網格]，或直接按下鍵盤上的[CTRL + E]。

請確保[貼齊格線]已開啟。它位於指令列上。

 

開啟此功能會讓您的分格看起來更平衡、更整齊，但如果您覺得自己的藝術風格需要不對稱的分格，那麼請隨意跳過此步驟。畢竟，網路漫畫的樂趣就在於其獨特的風格！

有兩種方法可以建立分格：

一種是使用[分格邊框]工具，另一種是使用[圖形]工具。

 

我更常使用[分格邊框]工具，因為它會自動為您的分格建立遮罩。這樣，線條就不會穿過分格了。

 

不過，在某些情況下，您也可以使用[圖形]工具來製作過渡到不同情緒或場景的分格。請嘗試實驗，看看您喜歡哪種方式！

使用[分格邊框]工具的分格。

使用[圖形]工具的分格。

2) 規劃分格

這就是事先準備好劇本的重要性所在。

 

我根據我事先準備好的劇本來草擬分格。這個頁面只是我劇本中的一句話。劇本是[「主角發現一封信，讀完後哭了。]

 

[注意] 開啟[導航器]有助於放置分格。網路漫畫需要在每個分格後留有「留白」或間隙，否則會顯得雜亂無章。留白有助於設定故事的基調、營造氣氛，並使閱讀更流暢。

 

如果分格彼此太靠近，讀者將很難閱讀。

3) 調整分格

再次開啟[網格]。由於分格彼此太靠近，且中間沒有足夠的空間，我決定將場景分成兩頁。

 

*由於畫布太長，我將只展示一頁的成品。沒關係，不用展示另一頁，因為這畢竟不是網路漫畫的完整故事！

使用[選取範圍]工具，選擇[矩形]。

根據網格，將分格調整為至少間隔3-4個方格。我還新增了一個分格，其中角色正在考慮閱讀信件，這樣我就可以設定角色之後的心情。

4) 最終確定分格

現在分格已規劃好，草圖也已修改，我們可以開始描線分格了。請確保在[分格邊框]設定中勾選[填滿框線內部]，並降低草圖圖層的不透明度。

[注意] 如果您想讓您的分格平衡，請記住[貼齊格線]應在指令列中啟用。

 

遵循格線並建立分格。[分格邊框]工具將自動為您的新分格建立遮罩和設定圖層。透過點擊眼睛圖示來隱藏[分格背景]圖層，這樣您就可以看到草圖了。

 

*請勿刪除[分格背景]圖層，建立背景時會需要它！

 

如果您選取[分格邊框]設定圖層，分格將會變成白色，這表示那是您唯一可以繪圖的部分。

[D] 線稿和加入3D模型

對於經常出現的物品使用3D模型將幫助您節省時間，並且更容易調整不同場景的角度！

 

我使用了CLIP STUDIO ASSETS中的免費3D模型作為桌子。只需將3D模型拖曳到您正在處理的分格設定圖層上。許多網路漫畫藝術家從素材商店下載素材，但也有其他人使用3D程式並創建自己的3D模型。

 

如果您想了解更多關於如何在CLIP STUDIO PAINT中優化3D模型的使用，CLIP STUDIO TIPS中有許多教學！

 

對於花瓶，我使用了[尺規]工具中的[對稱尺規]。將線數設定為2。

 

我使用的3D模型可以在這裡下載：

只要能夠與填色桶一起使用，您可以使用任何您習慣的筆刷。您可以選擇[紙張]圖層，這樣您就可以快速看到整個畫布而無需遮罩。

現在線稿已完成！

[E] 加入基礎顏色

1) 製作色板

在製作網路漫畫時，我們必須為許多角色重複使用相同的顏色，因此建議製作一個[色板]，以保持顏色一致。點擊扳手圖示來建立一個新色板。

點擊[新增設定]，然後將您的新色板命名為您想要的名稱，在此情況下，我將其命名為「WEBTOON COLOR SET」，然後點擊[OK]。

前往[色環]選擇一種顏色，然後點擊垃圾桶旁邊的圖示以新增顏色。

*請記住，如果您點擊棋盤格方塊，那會使您的顏色透明，因此請確保在點擊[新增顏色]之前，您想要的顏色已用淺藍色突出顯示。

2) 使用填色桶工具／加入基礎顏色

有兩種方法可以快速填色。您可以使用[僅參考編輯圖層]工具，這個填色桶工具可以根據線稿填色。

還有另一種方法是使用套索樣式的填色桶工具。使用此工具，您將繪製您希望填色的區域，如果您不使用太多線條或您正在填色的區域很大，這是一個更好的填色桶工具。

 

我使用[僅參考編輯圖層]填色桶工具，並選取棋盤格顏色方塊，以擦除部分也被填色的頭髮。

我使用的套索填色桶工具可以在這裡下載：

我會交替使用這兩種填色桶工具，但您可以隨意嘗試最適合您的工具！

 

現在我們整頁都上色了。它終於看起來像網路漫畫了！

 

[F] 加入背景

加入基礎顏色後，您可能認為我們將開始陰影處理，但我更喜歡先加入背景。這樣我就可以根據我們將用於場景的燈光來決定陰影。

 

我將背景分為兩種：

一種是地點背景或實際場所。它可以是房間、公園、教室等。另一種是氛圍背景，這種背景通常是單一顏色、漸層，甚至是顯示角色在分格中當前狀態的內容！

1) 地點背景

首先，我描了一些線條來分隔牆壁和地板。如果您想建立一條直線，請按住鍵盤上的[Shift]鍵，或者直接建立一個尺規。然後我加入了基礎顏色。

 

對於地板，我使用了ASSETS頁面上的另一個3D模型。只需將模型拖曳到[地板]基礎圖層上方即可。

然後選擇[剪裁到下方圖層]。3D模型將自動遵循您在相同設定圖層中使用的3D模型的透視。這就是為什麼在進行線稿時，應盡快加入任何物品的3D模型。

現在，對[分格背景]圖層重複相同的過程，這次我使用填色桶工具將圖層填色為淺蜜桃色，然後選擇[剪裁到下方圖層]。現在牆壁也上色了！

地板的3D模型可以在這裡下載：

對於我使用[圖形]工具的這個分格。由於分格是開放的，我無法使用填色桶工具，所以我改用噴槍，這樣牆壁的顏色就會從上一個分格淡入。

這種背景填色通常用作過渡，以表示地點改變、角色情緒改變，甚至只是強調某個場景。

 

這種背景填色有很多種用法！

2) 氛圍背景

由於目前還沒有對話，很難判斷這封信是關於什麼的，對吧？

 

主角色可能正期待一封情書，因此使用帶有閃光效果的粉色漸層。

或者信中可能包含某種威脅，這就是為什麼主角猶豫著要不要讀它。

[注意] 回到劇本，確定您角色的語氣。他們是否憤怒地爭吵？他們是否沮喪地大喊？請記住，要根據劇本（將發生的場景和對話）來搭配您將使用的顏色和燈光。

 

有些「無聲網路漫畫」完全沒有對話，但讀者仍然可以透過顏色的使用來了解故事所傳達的內容。

使用明亮和深沉的顏色可以傳達許多情感。只需透過使用顏色，我們就能講述一個故事！

 

[提示] 閱讀色彩理論有助於了解顏色可以代表的不同情感。一些常見的顏色代表是：

紅色代表愛

黃色代表快樂

藍色代表悲傷

粉紅色代表感傷

紫色代表憂鬱

我使用的效果筆刷可以在這裡下載：

將背景留白可能意味著您希望讀者專注於某個動作或物體。在這種情況下，主角決定拿起信件！

[G] 陰影和打光

我使用灰粉色，在[正片疊底]模式下建立了一個新圖層，並使用噴槍將地板和3D模型的顏色融合。

根據您自己的喜好風格加入陰影。

 

[提示] 我使用與上述步驟相同的程序進行陰影處理。我選擇一種灰色，將圖層設定為[正片疊底]，然後用該顏色為所有物體上色！在網路漫畫中，為每個物體使用不同的陰影顏色非常耗時。除非是特寫鏡頭或重要鏡頭，否則我通常只將圖層設定為[正片疊底]來使用相同的陰影顏色。

如此一來，3D模型正慢慢地與2D插圖融合！

打光也是一樣，我使用一種淺色，並將其設定為[濾色]或[柔光]。使用噴槍，我會為我認為會發出光的區域上陰影。

現在我在這個分格設定圖層中的所有圖層上方再新增一個[正片疊底]圖層。

 

[注意] 如果您打算執行此步驟，所有其他分格務必使用相同的顏色，否則顏色會看起來不一致。當然，如果使用不同顏色有藝術或象徵意義，那是可以的，但為了整體一致性，請使用相同的顏色！

 

以與上述相同的方式為其餘分格上色後，頁面看起來像這樣（裁切可能看起來不均勻，因為此處的圖像尺寸受限且不適用於網路漫畫）：

[H] 加入最終細節／對話

您可能已經注意到，某些分格中有些細節消失了。沒錯！花瓶和信本身都不見了。我通常會最後才加入這樣的小細節，因為在每個分格中繪製每個小物件都太耗時了。

 

當然，這也是我個人的偏好。如果您想提早加入細節，則由您決定！

1) 加入小物件 + 修正線稿

3D模型的某些部分仍然看起來太「僵硬」或不自然，因此我將修正它的線稿並加入其他細節。

 

[注意] 此步驟是可選的，因為它會耗費時間並增加更多工作，但我也會改變線稿的顏色。這可以透過在線稿圖層上方建立一個新圖層並選擇[剪裁到下方圖層]來完成。

我為花瓶加入了一些葉子，改變了線稿的顏色，並為3D模型加入了線稿。現在看看修改前後的對比：

2) 加入效果

一些常用的效果是加入[模糊]或效果線，以強調或聚焦於特定物體。

使用[模糊]來強調信件的範例。

使用效果線來強調信件的範例。

它還顯示了場景的焦點。這次主角清晰可見，而背景（桌子和信件）則模糊。

3) 使用效果筆刷

透過使用我之前連結的效果筆刷，我加入了更多閃光效果，使分格看起來「夢幻或憂鬱」。

4) 加入對話

再次重申，我事先已經準備好劇本了。我會根據劇本來放置對話框。

 

您可以透過使用[對話框]工具中的對話框來製作，也可以使用筆刷繪製並填色！

[提示] 不同對話框的常見用法：

 

普通對話框：用於顯示對話／某人說話。

這是使用[橢圓形對話框]工具和[對話框尾巴]工具製作的。

內心獨白對話框：用於顯示角色的內心聲音或旁白。這是使用[密集閃光]製作的，您可以在點擊[對話框]工具旁邊的[閃光]工具圖示時找到它。請確保勾選[填滿中央]且[網點化]關閉。

思考／思緒對話框：用於思考或角色在思考某事時。它與上述對話框幾乎相同，但我傾向於更頻繁地使用這種，而將另一種用於角色旁白場景時。

[提示] 使用字體來表達角色語氣。您可以下載許多免費字體，幫助您透過文字展現角色的感受。以這個為例：

我使用了手寫字體來表示角色因緊張而聲音顫抖。我還透過在對話框外添加文字來增加「後思」。

 

我透過前往[圖層屬性]並選擇[邊界效果]來給後思文字添加白色邊框。

5) 加入音效

就像漫畫一樣，網路漫畫也會使用音效來暗示當前場景的內容。例如，當一個角色跑動時，會出現「咚、咚、咚」的音效。

 

在這裡，我加入了「悸動」的音效來表示主角的心跳很快。我使用了與「後思」文字相同的效果，我使用了可以在[圖層屬性]中找到的[邊界效果]。

現在，對其餘的對話重複相同的過程，網路漫畫頁面就終於完成了！

[I] 裁切

我發布網路漫畫的平台最大尺寸為800x1080px，因此我們網路漫畫創作者必須在發布前裁切我們的頁面。

有一個專為網路漫畫創作者設計的線上裁切工具，名為「Croppy」，連專業人士都在使用，它完全安全且易於使用！只需將您的頁面上傳到那裡，Croppy就會自動裁切您的頁面並將其下載為.ZIP檔案。

[注意] 現在一切都完成了，重要的是校對您的作品，或檢查最終編輯，例如拼寫錯誤或您忘記添加的細節。

結論／最終成果

請記住，製作網路漫畫需要大量的時間和耐心！我認為擁有基本的人體解剖學知識、如何創造風景、如何使用3D模型，甚至上一些戲劇或電影導演課程來學習說故事都是很好的。

 

就我個人而言，我上的學校有一門必修的戲劇課。我學會了如何構圖場景以及如何製作包含對話和動作的完整劇本。

 

我在這裡分享的技巧只是我希望有人在我剛開始製作網路漫畫時能教我的東西，所以我希望如果有抱負的網路漫畫創作者看到這個並從中學到一些東西，我會非常高興！:D

 

話雖如此，這是最終頁面！（裁切可能看起來不均勻，因為本網站不是為網路漫畫設計的）

 

 

感謝您閱讀到最後！這是我第一次製作教學，而英文不是我的母語。如果有任何語法錯誤，請多多包涵！

 

如果您對我的網路漫畫感到好奇或想看更多我的作品，請在Twitter上追蹤我！:D

*編輯 (08/24/21)

大家好，因為很多人詢問。這是我的網路漫畫！IN YOUR ORBIT: