今日教程|像素画工作流
今天整理的是一篇来自 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/
热门跟贴