今日教程|像素画入门七步法

打开网易新闻 查看精彩图片

今天整理的是一篇来自 clipstudio.net 的像素画教程,我把原文里值得复用的步骤、观察点和示例图都顺了一遍,方便后续直接查。

原文链接:https://www.clipstudio.net/how-to-draw/archives/161082[1]

这篇很适合当入门教程看,因为它不是一上来就讲复杂角色,而是先把像素画最容易踩坑的几个基础问题讲清楚:尺寸怎么定、网格怎么看、线怎么修、颜色怎么控、阴影怎么做、导出怎么保真。

几个重点

  • 像素画的核心不是“复古滤镜”,而是主动接受像素限制
  • 入门练习用64x64头像最合适,信息量刚好够
  • 画笔、填充、变形都要关掉自动抗锯齿
  • 曲线不顺时先找重复像素,不要急着重画
  • 配色要少而准,体积和质感更多靠取舍
  • 导出时优先PNGGIF,不要用JPEG
1. 先理解像素画为什么成立

像素画不是简单模仿老游戏外观,而是在有限技术条件下,用最少的信息做出可读性。

就算今天硬件早就不受限制了,这种“在限制里做选择”的思路依然是像素画最重要的基本功。

打开网易新闻 查看精彩图片

2. 入门练习先做一张 64x64 头像

先别碰大型场景,先做一张64x64的正面头像。

这个尺寸足够让我练到头部结构、线稿、配色和阴影,又不会大到失控。

画自己、画原创角色、画同人头像都可以,关键是让单个像素的存在感清楚可见。

3. 画布设置先服务于“看清每个像素”

教程虽然用的是 Clip Studio Paint,但思路放到其他软件也一样:先把画布设置成低分辨率,再把网格开出来,让每一个像素都看得见。

另外很关键的一点是,要同时保留一个100%实际显示尺寸的预览窗口,因为像素画很多问题在放大状态下看不出来,缩回实际尺寸才会暴露。

打开网易新闻 查看精彩图片

  • 创建 64x64 像素文档
  • 转到“视图”>“网格/标尺设置”
  • 配置网格,以便您可以看到每个像素

打开网易新闻 查看精彩图片

4. 先关掉自动抗锯齿,再开始下笔

这是整篇里最关键的硬规则之一。

像素画不适合让软件自动帮我柔化边缘,因为自动抗锯齿会偷偷加出过渡像素,结果就是轮廓看起来脏、软、失控。

正确做法是先保留干净的硬边,之后如果需要柔化,再手动补像素。

打开网易新闻 查看精彩图片

所以这里不只是画笔要关抗锯齿,选择工具、填充工具、变形工具这些会自动插手边缘的地方,也都应该一起检查。

打开网易新闻 查看精彩图片

推荐直接用固定 1 像素大小的Dot Pen

这类笔刷的好处是没有额外修饰,落点非常直接,适合训练像素判断力。

打开网易新闻 查看精彩图片

5. 线稿阶段先搭结构,再专门清“双像素”

因为示例是正面头像,用了对称标尺来卡住中轴线。

这一步的重点不是工具本身,而是先把大结构稳定下来,再逐步往里添细节。

打开网易新闻 查看精彩图片

放大画布画粗草图是没问题的,但我会始终盯着另一边的实际尺寸窗口,确保五官和外轮廓在真实观看比例下还是成立的。

打开网易新闻 查看精彩图片

先抓头部体块,再慢慢加细节,这是这类小尺寸头像最稳的顺序。

打开网易新闻 查看精彩图片

我很喜欢这里讲的“重复像素”问题。

很多新手觉得曲线不顺,会习惯重画整段线,但像素画里更有效的办法往往只是把那些不该连在一起的相邻像素删掉。

这种情况叫doubles,可以理解成“双像素堆积”。

打开网易新闻 查看精彩图片

所以如果线稿发糙,我会先回头检查有没有哪段曲线塞了太多重复点,而不是一股脑重来。

打开网易新闻 查看精彩图片

6. 上色时先收紧调色板,再决定体积怎么做

配色部分的核心也很直接:颜色不要一多就失控,先用有限调色板把整体关系定下来。

像素画的魅力之一,就是用少量颜色做出明确区分。

打开网易新闻 查看精彩图片

先铺基色,这一步的目的不是马上画漂亮,而是先确认角色各区域的色块关系。

打开网易新闻 查看精彩图片

接着进入阴影。

这里有个很重要的提醒:阴影不一定非得用“同一个颜色的更深版本”,只要明度关系对,别的颜色也可以借来做阴影。

打开网易新闻 查看精彩图片

高光也是同理,只要读起来对,现有颜色完全可以一色多用。

打开网易新闻 查看精彩图片

等基础阴影成立后,再考虑手动抗锯齿,让亮面和暗面的交界更顺一些。

这和前面“禁止自动抗锯齿”并不冲突,区别在于这里是我主动控制每个过渡像素。

打开网易新闻 查看精彩图片

接着是抖动dithering

通过棋盘格一样的交错排布,可以在不新增颜色的情况下,做出中间色错觉。

这类技巧很适合衣服、布料、粗糙材质,但不一定适合皮肤这种更需要平滑过渡的区域。

打开网易新闻 查看精彩图片

所有这些细节都加完之后,再回到不同缩放比例下检查,是不是依旧清晰、是不是哪里信息太挤,这一步非常必要。

打开网易新闻 查看精彩图片

7. 导出格式

像素画导出优先PNGGIF,尽量别碰JPEG

jpg/jpeg格式,边缘会脏掉、颜色会串掉,前面手动抠的像素画细节很容易直接白费。

打开网易新闻 查看精彩图片

这篇教程用的是 CSP,但底层方法并不依赖某个软件。

只要能在软件里用单点笔刷、看到清晰网格、关闭自动抗锯齿,这一套流程在 Photoshop、Aseprite、Procreate、Ibis Paint 甚至别的软件里都能复用。

小结

这篇最适合拿来当真正的“第一次像素画练习”模板。它把入门最关键的几个判断都讲清楚了:先控制尺寸,再控制线,再控制颜色,最后再谈质感和导出。

按这个顺序练,走弯路会少很多。

参考资料

https://www.clipstudio.net/how-to-draw/archives/161082: https://www.clipstudio.net/how-to-draw/archives/161082