像素画游戏UI:按钮动画教程

摘要:像素画游戏UI:按钮动画教程

关键词:像素画,游戏,UI,按钮,动画

本文共353个字,阅读大约需要1分钟。

1、形状首先确定按钮的大小,16X16像素,然后画出形状。

图1

图2

从正方形开始。通过切角变成圆角。

图3

图4

2、明暗对于像素画来说,明暗和颜色就是细节,明暗层次越多,颜色越多,细节也越多。填充按钮基本颜色。

图5

使用深褐色在按钮中间“制造”视觉凹陷。假设光源在左上方,画出按钮边缘的高光区域。

图6

图7

3、立体感通过增加观众能看到的面来增强立体感。将按钮向上移动几个像素,然后补全缺失的部分,填充一个更暗的褐色。

图8

图9

现在是不是更有立体感了?以这个按钮底板为模版,在上面添加文本或图案,就可以变成游戏中可以使用的按钮了!

图10

图11

4、动画只需要简单的上下移动按钮,然后修改按钮的颜色,就可以做出2帧按钮被按下的动画。完。

Author: PixelBear