Unity2D像素游戏开发——Aseprite简单人物绘画+动画制作导出精灵表示例
目录
前言
什么是帧?
什么是Aseprite?
运行环境
正文
示例:绘制人物
制作多帧动画
微调
导出精灵表
总结
作品欣赏
附一个下载链接:
前言
什么是帧?
我们看到的动画都是由一张张图片连续播放而成的,帧就是影像动画中最小单位的单幅影像画面,相当于电影胶片上的每一格镜头。 一帧就是一幅静止的画面,连续的帧就形成动画。
比如GIF文件的原理就是如此:
每秒钟帧数愈多,所显示的动作就会愈流畅。
什么是Aseprite?
Aseprite诞生于2013年,是一款专业的像素动画制作软件,提供丰富多样的像素绘图工具,用户使用该软件就可以在电脑上制作出各种像素风格的2D动画,还支持将正常的图像转换成像素风格的图片,非常有趣好玩,是最流行的像素画制作软件。
运行环境
Aseprite在Windows和macOS系统中都可以运行,只需要键盘和鼠标即可,当然如果配有专业绘图的数位板就更好了,可以显著提高绘画效率和体验。
正文
切入正题。
示例:绘制人物
首先创建一个32*64的画板:
打开对称模式
我们画一个6*4的矩形,作为人物的面部。(这里用的颜色编码为:f9ae89)
然后添加上一对眉毛和眼睛:
然后为头部绘制一个大概的边框:
然后在额头部用粉色绘制,两侧用肤色补充:
省略其中的绘制部分,我们最终得到了一个人物:
制作多帧动画
在仅完成人物后,“运动的人物”这个工作远没有结束,我们需要制作多帧动画,在第一帧右键新建帧:
选中第二帧,把body除外的部位隐藏,我们要来制作左抬脚帧,在原来基础上修改如下:
(注:为使移动具有震动感,身体部分(除鞋子)选中向下移动1格)
这个没有什么绝对的技巧,需要累积对人物移动的经验。
隐藏身体,显示头发,选中第二帧的头发,因为身体向下移了1格,整个头发也要向下移动1格:
隐藏头发,显示手臂,选中第二帧手臂,如下修改:
隐藏手臂,显示裤子,选中第二帧裤子,如下修改:
此外还包括衣服的调整等,最终得到第二帧:
同理地,接下来重复操作,运用“洋葱皮”功能可以看到邻近的一帧,运用熟练后将很方便。
微调
我们就完成了四帧动画,我们调整一下画布大小(Sprite——画布大小),将其调整到刚刚好能容纳四帧的大小
播放后效果如下:
导出精灵表
接下来导出精灵表。(文件——导出精灵表)
得到如下:
对了,本篇没有演示绘制帽子,如果你画技高超,可以另行绘制。
接下来还可以绘制向右,向左,向上行走的动画,本篇就不一一展示,如有需要,可以自行研究。
总结
近几年如星露谷物语,风之来国、星界边境等一系列优秀游戏的诞生,像素游戏愈发盛行。它们都有不同的绘画风格,也都可以向它们学习。(比如风之来国运用抗锯齿,将绘画风格柔化,更加自然。)
作品欣赏
附一个下载链接:
https://github.com/aseprite/asepritehttps://github.com/aseprite/aseprite
Unity2D像素游戏开发——Aseprite简单人物绘画+动画制作导出精灵表示例相关推荐
- 【HTML5游戏开发】简单的《找不同汉字版》,来考考你的眼力吧
一,准备工作 本次游戏开发需要用到lufylegend.js开源游戏引擎,版本我用的是1.5.2(现在最新的版本是1.6.0). 引擎下载的位置:http://lufylegend.googlecod ...
- android+Unity3D游戏开发之简单的物体运动
android+Unity3D游戏开发之简单的物体运动 其实这篇也是转载的,真的感觉对于我们初学者来说很不错的,不信你看看嘛;原创链接:http://bbs.9ria.com/thread-98192 ...
- 介绍一下3D游戏开发的简单常识,以及最终幻想13游戏流程为什么会过于线性的原因。
介绍一下3D游戏开发的简单常识,以及最终幻想13游戏流程为什么会过于线性的原因. (1) 回复 1楼 2012-01-25 14:10 举报 | keyblade2 坐等B青现身给LZ答疑解惑 回复 ...
- 《C++游戏开发》笔记十一 平滑动画:不再颤抖的小雪花
本系列文章由七十一雾央编写,转载请注明出处. http://blog.csdn.net/u011371356/article/details/9430645 作者:七十一雾央 新浪微博:http:// ...
- 2D横板解谜类游戏开发日志-角色移动和动画
2D横板解谜类游戏开发日志-角色移动和动画 一.创建角色 1新建精灵 2拉入素材 3添加组件*2,方便后续使用 4创建动画文件夹,动画帧素材丢进去(方便以后管理 5创建代码文件,挂在player对象上 ...
- 【游戏开发】定时器循环播放动画
//Windows窗口头文件 #include <windows.h>//swprintf_s函数包含的头文件 #include <tchar.h>//PlaySound函数包 ...
- 简单的mg动画制作方法,看到就是赚到 | 万彩动画大师
对于初学者来说,接触MG动画的时候会有很多疑虑,不知道MG动画从哪里开始做起,或者不知道要用什么软件,如何做出一个优秀的作品,无从下手.那么,MG动画制作流程是什么样的呢?现在,我们来说说MG动画的流 ...
- Android小游戏开发:简单的合金弹头游戏(一)游戏框架
本篇博客适合给初学安卓,熟悉基本的JAVA语法,并希望用安卓写个小游戏的初学者参考,因为博主也因大学课程需要,是在2个星期内自学的JAVA和安卓开发,可能会有一些错误和需要优化的地方,望指出 我在这2 ...
- 【游戏开发阅读列表2】动画(Anima2D、粒子、物理等)
游戏中动画的实现有很多不同方法,帧动画.骨骼动画.基于物理的动画.基于Shader的动画.粒子等. 在这篇文章中,列出了我最近读到过的不同种类动画入门级的文章.视频.关于Unity动画状态机这一类太常 ...
最新文章
- python csv性能_性能:Python pandas DataFrame.to_csv附加逐渐变慢
- smartforms输出格式设置说明
- CentOS 7.2 Ubuntu 18部署Rsync + Lsyncd服务实现文件实时同步/备份
- FindBugs插件
- android for vs (三)visual studio android 发布为 apk
- QQ 的登录封面是怎么设计的
- ASP.NET vs ASP—编译与解释的区别
- 电子邮件收发原理和JavaMail开发
- 使用Adobe Fireworks CS6压图
- 解决MarkDown打开出现:awesomium web-brower framework This view has crashed
- XP安装QQ提示安装包可能被非法改动无法安装
- Python每日一记20哑变量
- 什么是侧翼区(flanking region)和侧翼区单核苷酸多态性(Flanking SNPs)
- 坚果Pro2刷魔趣系统教程
- Solidity 中的函数状态可变性
- 微信公众号文章素材收集网站大盘点
- 83.【JQuery.Ajax】
- win10打开网路邻居计算机,win10系统下网上邻居不能访问其他电脑的解决方法
- 互联网日报 | 8月9日 星期一 | 字节跳动否认重启上市计划;TikTok全球下载量去年居首;中国代表团38金32银18铜收官...
- [hust]校内生存网站集合