[A] 介绍

大家好，我是shoe！在本教程中，我将向您展示制作网络漫画的基础知识或您必须了解的内容。本教程中我使用的所有工具/素材都是免费的，可以在CLIP STUDIO ASSETS商店中找到。

 

由于网络漫画的乐趣在于其独特的个性和不同创作者的风格，我将不会详细解释我的艺术创作过程，而只关注技术细节，例如使用哪些工具、如何将3D模型与2D插图融合等等。

 

请注意，我不是专业人士，我只是将制作网络漫画作为爱好，本教程中我所说的一切都基于我自己的学习经验。话虽如此，我希望您喜欢本教程并从中学习到一些技巧！:D

[B] 创建画布

[注意] 网络漫画是数字漫画，通常在手机上阅读。最好在更长的画布上工作，以帮助您在处理某些场景时不会感到困惑或迷失。它还有助于营造故事的氛围或情绪。

 

1) 创建画布

首先，通过单击左上角命令栏上的[新建]来创建新画布：

您还可以通过转到[文件]并选择[新建]，或者直接按键盘上的[CTRL + N]来创建新画布。

窗口打开后，转到[宽度]和[高度]更改画布大小。网络漫画的标准尺寸是800x1280px，但我更喜欢在更长的画布上工作。我使用的画布是800x7680px，那是6页800x1280px的画布。

 

*页面完成后将讨论[裁剪]！

2) 创建预设

单击垃圾桶图标旁边的图标。这将把您的画布保存为预设，这样下次就不必手动输入画布大小。创建网络漫画需要很多页面，这样做会减轻您的工作量。

窗口打开后，将预设名称更改为[WEBTOON]，然后单击[确定]。

现在我们已经准备好画布了！

[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”，然后单击[确定]。

转到[色轮]选择一种颜色，然后单击垃圾桶旁边的图标以添加新颜色。

*请记住，如果您单击棋盘格框，那将使您的颜色透明，因此请确保您想要的颜色在单击[添加新颜色]之前以浅蓝色突出显示。

2) 使用填充桶工具 / 添加基础色

有两种快速填充颜色的方法。您可以使用[仅参照编辑图层]工具，此填充桶工具可以根据线稿填充颜色。

还有另一种方法是使用套索式填充桶工具。使用此工具，您可以绘制想要填充颜色的区域，如果您不使用太多线条或着色区域较大，这是一个更好的填充桶工具。

 

我使用了[仅参照编辑图层]填充桶工具，并选择了一个棋盘格颜色框，以擦除也被填充的一些头发部分。

我使用的套索填充桶工具可以在这里下载：

我交替使用这两种填充桶工具，但请随意尝试最适合您的！

 

现在我们的整页都已上色。它终于看起来像一部网络漫画了！

 

[F] 添加背景

添加基础色后，您可能认为我们会开始进行阴影处理，但我更喜欢先添加背景。这样我就可以根据我们将用于场景的灯光来确定阴影。

 

我将背景分为2种类型：

一种是位置背景或实际地点。它可以是房间、公园、教室等。另一种是氛围背景，这种背景通常是纯色、渐变色，甚至是显示面板中角色当前状态的东西！

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)

大家好，因为很多人问我。这是我的网络漫画！在你的轨道中：