Hi，everyone,我是听卿言，让我们继续unity系列教程，这篇做了很久，结果发现太长，再调整了一些，拆分成了3篇

（温馨提示：本篇特别长特别耗时，但也分享了大量bug解决方式）

上次说到C#编写脚本，补充一点：

打开unity，点击Edit（编辑）——Preferences（首选项）——外部工具

将外部脚本编辑器设置为VS

还有个小插曲，上次我遇到了一些小问题

原因是Package Manager中的Visual Studio Editor包更新了而没有升级到最高版本

更新后问题便解决了

虽然上次实现了移动，但和实际游戏中人物的移动有很大差异，如脚不会动起来，所以我们要为人物制作Animation（动画）

想制作动画，就要先了解什么是帧？

我们看到的动画都是由一张张图片连续播放而成的，帧就是影像动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。 一帧就是一幅静止的画面，连续的帧就形成动画

比如GIF文件，原理也是如此

每秒钟帧数愈多，所显示的动作就会愈流畅

接下来我们来绘制人物，打开Aseprite，创建一个32*64的画板

（由于原来像素字体比较模糊，我的Aseprite字体主题进行了更换）：

并打开对称模式

我们画一个6*4的矩形，作为人物的面部（这里用的颜色编码为：f9ae89）（不必使用与up完全相同的颜色，颜色仅供参考，这里up参考星露谷画风   并不完全模仿）

                       （每有一种新的颜色，我们可以点击红色！按钮添加到调色板）

然后添加上一对眉毛和眼睛（灰色：847e87  黑色：000000 白色：ffffff 棕色：663931）

像素画小巧可爱，可以不考虑绘画鼻子嘴巴等细节

然后为头部绘制一个大概的边框（黑色：000000）

然后在额头部用粉色绘制，两侧用肤色补充。感觉有点像脑袋的颜色）（粉色：e06b65 肤色：f9ae89）

这样似乎更奇怪了，怎么有点像那个戴红头巾的男人（跑偏了咳咳咳）（等会再改）

接下来绘制身体部分，用肤色先填充（f9ae89）

看起来有点奇怪，我们可以用粉色修改一下（e06b65）

为了使人物边框颜色更加贴合人物，我们把黑色替换成深红色（6b003a），并在眉毛旁加上一点

关掉对称，然后修润一下头部细节

然后新建图层，绘制头发

右击图层——属性，把图层1改为body，图层2改为hair，方便区分

对于头发，我们使用灰白色配色（因为白发导入到unity之后可以进行染色）

深灰色来绘制头发边缘（3b3a3a），头发颜色暂且用白色替代（ffffff）

观察下面两条斜线，第一条斜线看起来比较细，是因为每一个像素都不相邻，在绘制像素画中，尽量使用第一种斜线

为了使颜色更丰富，我们可以使用3种不同的浅灰色进行润色，（从深到浅为：6e6e6e\a5a5a5\d9d9d9）

看起来已经富有层次感了，然后我们在头发和额头交界处，选一种粉灰色的颜色过渡（b8a7af）

接下来我们新建一个图层，重命名为arm，绘制手臂

打开对称模式，绘制边缘

用肤色填充（f9ae89），用深红色替换边缘（6b003a）

再优化细节，粉色（e06b65）浅棕色（701718）深棕色（e06b65）

再新建一个图层，重命名为clothes,用黑色描绘出大概轮廓

为了使与手臂更加融合，我们用与手臂边缘颜色相同的色块绘画（从上到下：4a0c06、8e1f0c、701718、4a0c06、3f151c）

腰带可以使用三种不同的棕色绘制（从深到浅：5b2010、772f15、b5734a）

绘制领口，（从上往下：3f151c、8e1f0c、701718），马甲部分先用黄棕色替代（cb8437）

绘制马甲（从深到浅：a15800、cb8437、eb9d47，其中第四行第二列的颜色与腰带中间颜色相同）

接下来右击body新建图层，（注：一定要在body之下），并选中图层，右键拖动到body下，重命名为pants，绘制裤子

同样与头发采用灰白配色，方便染色

（从深到浅：3b3a3a、a5a5a5）

优化细节，（由深到浅：3b3a3a、6e6e6e、a5a5a5、ffffff）

把衣服图层隐藏，选中裤子向上移动4格

接下来回到body层，绘制鞋子轮廓

深红色：3d1123

然后用三种不同颜色的棕色润色（深到浅：5b2010、772f15、bd6200）

人物终于画好了

但这远没有结束，我们要制作多帧动画，在第一帧右键新建帧

选中第二帧，把body除外的部位隐藏，我们要来制作左抬脚帧，在原来基础上修改如下

（注：为使移动具有震动感，身体部分（除鞋子）选中向下移动1格）

隐藏身体，显示头发，选中第二帧的头发，因为身体向下移了1格，整个头发也要向下移动1格

隐藏头发，显示手臂，选中第二帧手臂，如下修改

隐藏手臂，显示裤子，选中第二帧裤子，如下修改

隐藏裤子，显示衣服，选中第二帧衣服，整体向下移一格

第二帧总体如下

再次右键第一帧——新建帧，选中新建的帧，右键拖动到第三帧

在第二帧（左脚抬起）右键——新建帧，选中右键拖到第四帧

同理，选中手臂，绘画如下

选中身体，绘制如下：

选中裤子，绘制如下：

总体如下

最后是微调了，感觉面部有些发胖，所以把头发每帧都向上移一格，如下

我们就完成了四帧动画，我们调整一下画布大小（Sprite——画布大小），将其调整到刚刚好能容纳四帧的大小

播放后效果如下

接下来导出精灵表（文件——导出精灵表）

得到如下

对了，本篇没有演示绘制帽子，如果你画技高超，可以另行绘制

接下来还可以绘制向右，向左，向上行走的动画，本篇就不一一展示，如有需要，可以通过链接下载，自行研究

下载链接：share.weiyun.com/9k2j5d96(此下载链接的文件中，left精灵表做反了，不过不影响后面制作动画，如有需要，修改后的下载链接：share.weiyun.com/LoqhI9g5 ）

（近几年像星露谷物语，风之来国、星界边境等优秀游戏的诞生，引发人们对像素游戏的喜爱，它们都有不同的绘画风格，都可以向它们学习，比如风之来国运用抗锯齿，将绘画风格柔化，更加自然。）

希望国产游戏能愈做愈好

码字不易，求三连，谢谢~

By:听卿言listen

注：本篇所绘制素材绝不商用，也禁止商用，仅供教学

下一篇：