入门

坚持使用能让你更高效、更快速地工作的工具。
你的工具不会让你成为一个艺术家。这些程序的存在是为了帮助使像素艺术的过程更容易,这样你就可以提高你的技能。
像素艺术就是要百分之百地控制你所做的事情。
但调整大小时,总是要坚持使用整数。
线稿
整个精灵的线条粗细要保持一致!
要一样的粗细。
如果风格需要,有些线条可以更细一些,小面积地使用细线比较好。
不过在游戏中大部分像素画都是 1px 的线条。
锯齿 jaggy
不平滑就是有锯齿。

陡峭的线条

当 2 种颜色的形状相互接触时,就会形成一条线。所以,即使是明暗线也会产生线条,线条就是无处不在的。
完美线条

轮廓


我感觉黑色轮廓不错。
黑色内嵌线条
内部有黑线。
看起来很浑浊。

黑色轮廓
只在外面一圈是黑色的。
看起来很干净。

彩色轮廓
相比起自己内部的颜色,加深了一点。
选择性轮廓
这就涉及到光影之类的了。
抗锯齿
游戏的风格比较简单,抗锯齿就几乎没有必要做。
因为我确实感觉不到有特别大的区别。
不过如果图片像素大的话,加入抗锯齿会添加更多的细节。
Anti-aliased 也就是 AA,也就是抗锯齿,抗锯齿通过在小角落放置像素来帮助你让边缘变平滑。

更长的阶数也就是更长的 AA

更长的阶数也就是更长的 AA 阴影
曲线越陡,颜色越少。
45 度线
45 度线上的一般不用抗锯齿。
凸形线

凹形线

也就是说通过改变颜色,可以让 45 度线弯曲。
加相似的颜色就可以更平滑处理自然锯齿状线条。

第二张图刚刚好,但是第三张就过了,有些模糊。
线重
操纵颜色可以帮助你让线条看起来更粗或更细,即使在 1 px 的情况下也是如此!


AA 的关键
不要过度 AA,用 1 到 2 中颜色就可以了。
避免粘一起:色带

会让曲线变成一坨,线条也会更粗,而且轮廓会过于模糊。

修复方法:
- 从边缘移除一两个像素
- 在边缘添加一两个像素
- 使用抗锯齿

正常图片中,色带会让图片十分模糊。
色彩
据我自己观察,一般三种颜色,就是 value 有所变化的三种颜色,就可以很好地表达了。
三色滑动条
- 色相 Hue
- 饱和度 Saturation
- 值 Value:亮度
调色盘
色彩过渡
像素艺术和拥有低数量的颜色是相辅相成的。有一个很好的方法,就是在不同的色调中重复使用相同的颜色。你不一定要这样做,但可以创造一些有趣的和谐。
色彩变化
也称为彩色阴影。
色调变化

调整中间的 hue 色相,就能更改色调。

层叠

饱和度
饱和度是用来突出你的阴影的一个特定区域。

黑色色调
黑色也有许多的不同。

除非必要,否则尽量避免使用纯黑色,使用深棕色、深紫色、深绿色甚至深灰色来代替!
灰色调
灰色就像在颜色本身中的一样。
可以用灰色来代替别的颜色。
灰色容易融合别的颜色。
实验
不要害怕尝试奇怪的颜色组合,这里面有很多试错的过程。确用保用值/饱和度滑动条,而不是只用亮度来制作阴影。
少量的颜色

颜色与心情

对比

只用外层黑色轮廓即可。
不要浪费像素空间用来描没有的内部边缘。
压缩色彩

总结

这节内容真的很多,但也很有用。
可读性
可读性意味着清晰度。
让人可以更容易的理解像素艺术。
尺寸
大的精灵需要简洁的线条和扎实的图像。
小的精灵需要可识别的特征。
大尺寸制作动画精力花费大。
当精灵太大时,二进制艺术和像素艺术的界限就变得模糊了。
反复
编辑一个像素画,需要反反复复。
可以做多个版本,选一个最好的。
可识别的特征
尽量把需要能看到的最小的部分找出来。当你确定了这一点,就可以很容易地找出你可以使用的最小精灵尺寸。
无论物品有多大或多小,在小像素画布上,它都需要被识别!
如果你对你的精灵是否可读有丝毫的怀疑,请问其他人,不要告诉他们它应该是什么! 更好的是,问一个几乎没有像素艺术知识的人。
手


间距

就像字体间字母的间距一样,间距不够会非常难看。
抖动

抖动是真厉害,同样的颜色数量,大幅提高清晰度。
aseprite使用画笔可以使用画笔实现抖动。