入门

坚持使用能让你更高效、更快速地工作的工具。

你的工具不会让你成为一个艺术家。这些程序的存在是为了帮助使像素艺术的过程更容易,这样你就可以提高你的技能。

像素艺术就是要百分之百地控制你所做的事情。

但调整大小时,总是要坚持使用整数。

线稿

整个精灵的线条粗细要保持一致!

要一样的粗细。

如果风格需要,有些线条可以更细一些,小面积地使用细线比较好。

不过在游戏中大部分像素画都是 1px 的线条。

锯齿 jaggy

不平滑就是有锯齿。

陡峭的线条

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

完美线条

轮廓

我感觉黑色轮廓不错。

黑色内嵌线条

内部有黑线。

看起来很浑浊

黑色轮廓

只在外面一圈是黑色的。

看起来很干净

彩色轮廓

相比起自己内部的颜色,加深了一点。

选择性轮廓

这就涉及到光影之类的了。

抗锯齿

游戏的风格比较简单,抗锯齿就几乎没有必要做。

因为我确实感觉不到有特别大的区别。

不过如果图片像素大的话,加入抗锯齿会添加更多的细节。

Anti-aliased 也就是 AA,也就是抗锯齿,抗锯齿通过在小角落放置像素来帮助你让边缘变平滑。

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

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

曲线越陡,颜色越少。

45 度线

45 度线上的一般不用抗锯齿。

凸形线

凹形线

也就是说通过改变颜色,可以让 45 度线弯曲。

加相似的颜色就可以更平滑处理自然锯齿状线条。

第二张图刚刚好,但是第三张就过了,有些模糊。

线重

操纵颜色可以帮助你让线条看起来更粗或更细,即使在 1 px 的情况下也是如此!

AA 的关键

不要过度 AA,用 1 到 2 中颜色就可以了。

避免粘一起:色带

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

修复方法:

  1. 从边缘移除一两个像素
  2. 在边缘添加一两个像素
  3. 使用抗锯齿

正常图片中,色带会让图片十分模糊

色彩

据我自己观察,一般三种颜色,就是 value 有所变化的三种颜色,就可以很好地表达了。

三色滑动条

  1. 色相 Hue
  2. 饱和度 Saturation
  3. 值 Value:亮度

调色盘

aseprite调色板

色彩过渡

像素艺术和拥有低数量的颜色是相辅相成的。有一个很好的方法,就是在不同的色调中重复使用相同的颜色。你不一定要这样做,但可以创造一些有趣的和谐。

色彩变化

也称为彩色阴影。

色调变化

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

aseprite颜色选择器

层叠

aseprite颜色层叠

饱和度

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

黑色色调

黑色也有许多的不同。

除非必要,否则尽量避免使用纯黑色,使用深棕色、深紫色、深绿色甚至深灰色来代替!

灰色调

灰色就像在颜色本身中的一样。

可以用灰色来代替别的颜色。

灰色容易融合别的颜色。

实验

不要害怕尝试奇怪的颜色组合,这里面有很多试错的过程。确用保用值/饱和度滑动条,而不是只用亮度来制作阴影。

少量的颜色

颜色与心情

对比

只用外层黑色轮廓即可。

不要浪费像素空间用来描没有的内部边缘。

压缩色彩

总结

这节内容真的很多,但也很有用。

可读性

可读性意味着清晰度。

让人可以更容易的理解像素艺术。

尺寸

大的精灵需要简洁的线条和扎实的图像。

小的精灵需要可识别的特征

大尺寸制作动画精力花费大。

当精灵太大时,二进制艺术和像素艺术的界限就变得模糊了。

反复

编辑一个像素画,需要反反复复。

可以做多个版本,选一个最好的。

可识别的特征

尽量把需要能看到的最小的部分找出来。当你确定了这一点,就可以很容易地找出你可以使用的最小精灵尺寸。

无论物品有多大或多小,在小像素画布上,它都需要被识别!

如果你对你的精灵是否可读有丝毫的怀疑,请问其他人,不要告诉他们它应该是什么! 更好的是,问一个几乎没有像素艺术知识的人

间距

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

抖动

抖动是真厉害,同样的颜色数量,大幅提高清晰度。

aseprite使用画笔可以使用画笔实现抖动。