引言

大家好，在本教程中，我将逐步讲解如何将草图转换为像素艺术风格的角色插画/精灵图。我还会介绍一些像素艺术基础知识，例如线条和抖动。

具体来说，我想讨论如何创建详细的角色精灵图。有时这些被通俗地称为“高精灵图”——因为许多像素艺术作品的高度约为 32-64 像素，而这些可以高达 256 像素甚至更高。这种类型的精灵图常见于视觉小说和电子游戏对话中。虽然较小的精灵图更具风格化且更容易动画，但这种类型的精灵图最适合展示角色设计的细节。

在本教程中，我将使用一个高 256 像素、宽 128 像素的精灵图作为示例。我将使用我设计的穿着柔和色彩的时尚年轻女性。示例是在 Clip Studio EX 中绘制的，但所有相同的工具都可以在 PRO 版本中找到。顺便说一句，作为一名像素艺术家，我想额外提一下，对于角色精灵图，Clip Studio Paint EX 在创建多页漫画文件以跟踪角色精灵图方面非常有用。

步骤 1：构思设计

在以像素艺术风格进行设计之前，我建议您以自己常用/舒适的艺术风格勾勒出一些想法，因为这将使您的创造力不受限制。

某种程度上，可以将像素艺术描述为一种受限的媒介。因此，最好从更自由的形式开始——因为像素艺术本身需要大量的必要修改才能奏效。

在这里，我为一位穿着长外套的时尚年轻女性勾勒了几种设计，尝试了不同的服装变体。

步骤 1.5：考虑风格

在开始像素艺术创作之前，最好先考虑您的插画应该采用哪种精确的风格。例如，像素艺术可以是无线的或有线的，可以用抖动或成块的阴影来着色。它可以使用特定的调色板，例如 8 位或 16 位，或者借鉴特定的时代，例如 80 年代、90 年代复兴。

艺术风格也应与您的设计最匹配——例如，如果您的角色有多种颜色，那么选择使用更宽调色板的风格可能是最佳选择。

步骤 2：准备用于描线的草图

草图完成后，是时候描线了。首先为您的精灵图创建一个新文件。本例中我将使用 128 x 256 像素的画布，但任何足够小的画布，只要您能分辨出单个像素，都可以使用。

然后将草图作为单个图层导出为 PNG 或 JPG，并将其导入精灵图的画布。

由于像素精灵图使用小画布尺寸，因此作品必须缩小才能适应。

首次导入后，草图会显得相当模糊，难以处理。这是因为图像的插值方法目前不适合作为像素艺术的基础。

将插值方法设置为“硬边缘”（这将使单个像素清晰可见）。

现在作品不再模糊，您可以看到单独的像素线条，这些线条可以直接用于描线。

步骤 3：开始描线

在本教程中，我将解释如何处理一个像素宽的线条。

有些艺术家喜欢使用 2 像素或更宽的线条。因此，我将要介绍的线条艺术规则将适用于这种特定方法。

描线时，最好在放大状态下进行，以精确控制每个像素的位置。

绘制线条艺术时，请确保所有线条宽度一致——避免出现左侧所示的情况。

像素艺术中另一件建议避免的事情是所谓的“锯齿”——例如中间示例中偏离线条模式的情况，这会产生锯齿状线条的印象。

像素艺术线条应该从一种形状平滑过渡到另一种形状，例如右侧的示例。

例如，如果您正在绘制一条每个步长增加 2 像素的斜线，最好避免在线条中间放置随机的单个像素。

再次强调，虽然通常最好避免线条艺术中出现意外的“锯齿”，但当有意使用时，它们可以很好地帮助暗示物体的形状。例如，我在这里使用了一些锯齿，使女性的头发具有更明显的层次，并使整体轮廓更易辨认。

同样适用于块状/锯齿状的角——这些也可以有意地用于暗示更具棱角的形状。

还应注意的是，在绘制像素线条艺术时，偏离原始草图是正常的——只要这种偏离符合插画的需求。

例如，我在这里将袖口做得更大，因为原始的小袖口在其他小细节中显得模糊不清。正如上例所示，我还不得不改变女性的表情，因为她的笑容在像素艺术中很难表现。

在绘制线条艺术时，开始建立光影区域也很有用。这些区域的边界可能会在着色过程中改变，但目前这是一个有用的衡量标准，可以预测阴影的未来位置。它还赋予插画额外的体积感。

为线条艺术选择颜色时，通常最好稍微调整色相，以使整体配色方案更有趣。同时还要考虑高光和阴影的边界，以便线条艺术能紧密匹配它们。

步骤 3.5：抗锯齿

虽然我在示例插画中没有使用抗锯齿（因为我追求的是更复古的美学），但我还是想简要介绍一下它，因为它是一个让线条看起来更平滑的绝佳工具。

简而言之：锯齿是指图像中因变换而可能出现的任何类型的失真。因此，抗锯齿是任何一组旨在减轻这些失真并创建更清晰或更平滑外观的技术。

在像素艺术中，抗锯齿指的是通过在两种不同颜色交汇处放置中间颜色，手动平滑物体线条与其颜色之间的过渡。你可以将其视为一系列非常短的渐变。

在此示例中，你可以看到没有抗锯齿、少量抗锯齿和强烈抗锯齿的颜色与线条部分的区别。

在放大绘制线条艺术时，最好定期缩小，以检查整个轮廓是否良好，并且形状语言是否一致。

步骤 4：上色方法的一些技巧

在构思您的设计配色方案时，考虑您希望在多大程度上倾向于有限配色方案的概念是很有用的。对于您的艺术作品使用特定的颜色限制并没有严格的规定。不过，如果您想挑战自己，可以查看较旧的像素艺术作品或独特的当代风格示例，看看什么能给您带来灵感。

对于我角色的配色方案，我选择了草图中的色相，同时提高了饱和度，以营造出更柔和霓虹的感觉。

为像素艺术作品上色时，您可以使用填充桶工具和选择魔棒工具，只需确保关闭了抗锯齿和区域缩放选项。

否则，当您尝试上色时，颜色会溢出到附近的像素中。在这里，您可以看到我使用填充桶工具给一个圆形上色，并分别演示了关闭和打开抗锯齿和区域缩放选项的效果。

在我的示例中，我选择了一个柔和的调色板，我决定不局限于特定的有限配色方案，而是利用 Clip Studio 处理多种不同色调的能力。

步骤 5：着色和抗锯齿的一些惯例

像素艺术中的着色与绘制在更大比例上的艺术作品类似。着色时，请务必考虑光照方向和物体的形状，而不仅仅是在边界旁边绘制较暗的区域。这被称为“枕头着色”，应避免使用。

最好将每个阴影的颜色数量限制在 1-3 种，因为作品尺寸小，使用过多颜色会使阴影变得模糊不清。

在此示例中，我为阴影使用了两种颜色，并假设光源在人物的左上方进行着色。

步骤 5.5：抖动和在像素艺术中添加纹理

着色可以通过模仿不同材料吸收和反射光线的方式来暗示物体的纹理。

在这里，我使用较浅的阴影来暗示这名女性毛衣的粗糙感。

除了能够展示材料的粗糙度外，阴影还可以用于暗示物体是光滑还是弯曲的。

一种用于描绘这种柔和阴影边缘的技术是抖动。该术语指的是使用交替颜色的像素图案来融合它们和/或暗示纹理。常用的抖动模式是线条和棋盘格。尽管从技术上讲，您可以使用任何形状来创建抖动图案。

在上面的示例中，我比较了使用渐变和两种不同类型的抖动来在两种颜色之间进行过渡。

抖动图案的密度也可以有所不同，以按不同比例“混合”两种颜色。

我在插画中运用了一些抖动，以展示光线是如何扩散在角色闪亮手提包上的。

步骤 6：让阴影更突出

虽然简单的阴影本身看起来不错，但有多种方法可以使它们更突出。

我个人非常喜欢在阴影周围添加一圈颜色，以模仿次表面散射，并赋予角色阴影独特的风格。

阴影周围的边缘可以比阴影更亮或更暗，这取决于您的偏好和/或您想要实现的效果；是更柔和、更融合的外观，还是对比度更大的外观。

有些艺术家喜欢在柔和阴影的边缘添加抖动，以赋予阴影真实感，或者给阴影添加不同的颜色，使其更具风格化和活力。

另一个能让角色更具真实感的细节是，让某些阴影区域稍微亮一点或暗一点。这种微小的变化能为人物增添大量细节。

在这个例子中，我调亮了角色毛衣上的阴影和着色，并调亮了头发的底色，以使它的阴影看起来更暗。后者还使得头发阴影上的抖动更加突出。

步骤 7：处理光线和反射光。

作为一个步骤，添加高光与添加阴影非常相似。您也必须考虑物体的形状，并避免简单地将光线固定在角落里。

绘制高光时，应考虑给定材料的反射特性。例如，金属和丝绸比石头和亚麻反射光线多得多。因此，添加的光照量可以提供大量关于给定物体由什么制成的信息。

例如：当我为我的角色添加高光时，我让她头发和包上的高光比她长外套上的更亮。这表明角色的头发和包比她服装中的其他细节更具反光性。

或者以这个例子为例——虽然两个物体都根据各自的形状进行了着色，但左边物体更亮、更不扩散的高光使其看起来比右边物体更有光泽。

添加反射光是绘制光照的另一个部分。阴影并非均匀黑暗，光线会从物体上反射，照亮阴影的一部分。为物体添加反射光照可以营造出真实感，因为它模仿了光线在现实生活中的行为方式。

通常，反射光与物体光源的颜色相匹配。因此，左侧的球体似乎被蓝色光源照亮，而右侧的球体则被黄色光芒照亮。

反射光照也可以风格化为不同的亮色，这不仅可以将场景/角色设计中的物体联系起来，还可以用于美化插画。特别是在像素艺术中，可以使用霓虹反射来呼应 80 年代和 90 年代流行的霓虹灯。

在为我的角色着色时，我使用了这种蓝色和青色的反射光，以使她的配色方案更加统一（通过在粉色和米色中添加蓝色），并唤起上述的霓虹美学。

步骤 8：可能添加渐变（可选）

虽然像素艺术主要侧重于精确的颜色块使用，但现代工具可以通过增加对比度来增强像素艺术插画的外观。

如果您想坚持更传统的像素艺术工具，可以忽略此步骤。

例如，我的角色对我来说感觉有点平淡，所以我添加了一个从浅米色到浅棕色的线性渐变，并将其混合模式设置为硬光，不透明度调低，以暗示光源从上到下照亮她。

我还使用模糊笔刷在角色脸颊周围添加了一点红晕。这使得角色的皮肤看起来更真实，同时又不干扰颜色块。

虽然这可以赋予角色更自然的着色效果，但它也使得角色看起来非常统一。这可以通过在渐变图层之上手动创建另一个阴影和高光图层来缓解。对于此图层，最好不要使用太多颜色，以避免混浊的效果。此图层将为阴影带回更暗的亮度，同时提亮高光。

对于我的角色，我使用了三种颜色来建立高光、阴影和中间调。然后我将图层的混合模式设置为“点光”并降低其不透明度，从而创建了上面的图像。

步骤 9：使用色调分离添加最终润饰

在 Clip Studio 中，色调分离校正图层可以减少插画中的颜色数量，使其非常适合用于像素艺术对有限配色方案的偏好。

添加色调分离校正图层时，您可以通过控制“级别”滑块来控制颜色范围的减少程度。数字范围从 2 到 20，数字越小，插画中的颜色就越少。您还可以控制图层的不透明度来改变色调分离的应用程度。

通过调整这两个设置的值，您可以实现许多不同的效果。

在这些示例中，我应用了较高数量的色调分离级别（更多颜色），并设置了较低的不透明度。

在这些示例中，我通过将“级别”设置调低并将图层不透明度调高来缩小了颜色范围。

步骤 10：导出到社交媒体

大多数社交媒体网站会拉伸小精灵图，破坏颜色的完整性并使上传变得模糊。为了在展示作品的同时保持原始像素艺术的质量，应首先以更大的格式导出。

为此，将您的像素艺术精灵图导出为 PNG 图像。然后打开另一个尺寸更标准的 Clip Studio 文件，例如 1000x1000 像素（或您喜欢的任何更大尺寸）。

然后，您需要导入已保存的作品。在放大之前，请确保插值设置为“硬边缘”。现在，作品可以放大任意次数，同时保持像素艺术的质量。我通常将我的高精灵图导出为原始尺寸的五倍左右（因此一个 256 像素高的精灵图会变成 1280 像素高）。

瞧！现在您就有了一幅相对较大的作品，您可以将其导出为您喜欢的任何格式，并发布到任何地方，而无需担心失真和模糊的上传。

结论

虽然我之前提到过像素艺术作为一种艺术风格具有许多局限性，但您可以用这种艺术风格绘制的内容是无限的。如果说有什么，那么像素艺术带来的挑战是锻炼您创造力的绝佳方式。

希望我的教程对您有所帮助，并为您提供一些关于如何使用 Clip Studio 开始绘制像素艺术角色的想法。

像素艺术有许多处理方法，我希望我的教程能够展示其中一种。