今日教程｜像素画工作流

今日教程｜像素画工作流

今天整理的是一篇来自 2dwillneverdie.com 的像素画教程，讲的是像素画工作流。

不管是画角色、武器还是精灵，只要你是先画线稿再缩成像素的，这套方法都能帮你少返工、保持手感。

原文链接：https://2dwillneverdie.com/tutorial/live-resize-real-time-pixeling-as-you-draw-line-art/[1]

几个重点

• 用 4 阶灰度 + 渐变映射，把线稿限制在最终像素会用到的灰阶
• 开第二个窗口缩放到目标像素尺寸，实时看到线稿变成像素后的样子
• 用系统放大镜或 Virtual Magnifying Glass 盯着像素窗口，边画边改，避免整张重画

很多人（包括我）习惯先画大尺寸线稿，再用灰阶索引之类的方法缩成像素。

流程没问题，但经常遇到这种事：像素快修完了，发现某一块怎么都不顺——比如头的角度不对、嘴巴在像素格里就是别扭、下巴的弧度怎么都摆不好。

最后只能回到线稿改几笔，再重新缩一次、重新上色，心态很容易崩。

所以我就想：能不能在画线稿的时候，就实时看到缩成像素之后长什么样？这样哪里不对可以当场改，不用等缩完才发现。

下面这套方法就是用 Photoshop 自带的“多窗口 + 缩放”再配一个放大镜，零插件搞定。

第一步：用 4 阶灰度限制线稿

在 Photoshop 里像平时一样起稿，我一般按最终精灵的 400% 画，方便后面缩小。这一步的关键是：让线稿只使用最终像素会用到的 4 个灰阶。

这样缩成像素后颜色数已经控好，清理和上色都简单。

做法是用“渐变映射”图层样式（作者提的是 Dan Fessler 那套）：只选要的那 4 个灰，把渐变滑块调准、尽量拉成硬切，这样画的时候就不会冒出杂色。

自己做一个 4 灰阶的映射。

画的时候照样用习惯的透明度、橡皮、涂抹，但显现在画布上的只会是这 4 个灰。

Step 1：在画稿图层上加上渐变映射，线稿就只呈现 4 阶灰。

第二步：开第二个窗口，缩到像素尺寸

接下来是核心技巧。对当前文档再开一个窗口：窗口 → 排列 → 为 [文档名].psd 新建窗口。两个窗口是同一份文档，所以一边画、另一边会实时更新。

把新窗口挪到旁边，把这个窗口的显示比例缩到25%（如果你是 400% 起稿，25% 就是最终像素尺寸；而且 25% 是 Photoshop 会清晰显示的缩放之一）。

这个窗口里的画面，就是线稿“变成像素”后的样子。在主窗口改线稿，这里会立刻更新。

Step 2：新窗口缩到 25%，就是最终的像素预览。

但 25% 很小，肉眼不好看细节。

所以需要放大镜：用系统自带的放大镜，或者Virtual Magnifying Glass（开源、可便携），把放大镜对准那个 25% 的窗口，你就能一边在大窗口画线，一边在放大镜里盯着像素结果，哪里不对马上改线稿。

Step 3：用放大镜对准像素窗口，边画边看。

Virtual Magnifying Glass 选“dynamic”模式，用键盘 Ctrl+Alt+方向键移动放大镜，倍率和窗口大小在任务栏图标里调。摆好位置后，画起来就会很顺。

调整习惯：把“像素预览”当成流程的一部分

一旦习惯这个流程，在大窗口画线、在放大镜里看像素，不满意就立刻改线稿，不用再整张重缩。

画完后关掉放大镜，对 25% 窗口截屏或导出，就得到像素图。

整个过程：大窗口画线，小窗口实时显示像素，用放大镜检查细节。

如果喜欢用低透明度慢慢叠线、或者本来就是“先想线再想像素”的人，这套会特别有用。

用渐变映射来画会有点像在学一支新的笔刷，不一定每个人都能立刻上手，但可以只在一部分步骤里用：比如线稿定稿后再开映射和双窗口，只用来检查细节是否跟像素格对齐。

建议线稿和上色分图层，先搞定线再上色。

若 400%→25% 不顺手，可以试试 200% 起稿、50% 预览。

小结

这篇介绍的是 2D Will Never Die 的“实时像素化”技巧：用 4 阶灰渐变映射 + 双窗口 + 放大镜，在画线稿的同时看到像素结果，减少返工。

画角色、武器、精灵，只要你是“线稿转像素”流程，都可以试试这套，把角度和细节在缩图前就调好，后面清像素会轻松很多。

参考资料

https://2dwillneverdie.com/tutorial/live-resize-real-time-pixeling-as-you-draw-line-art/: https://2dwillneverdie.com/tutorial/live-resize-real-time-pixeling-as-you-draw-line-art/