Spriter是一款优秀的游戏2D动画制作软件,它能为将角色制作精彩的动画,最重要的是,它与众多游戏编程软件无缝对接,例如业内鼎鼎大名的Construct2就能直接读取Spriter的工程文件,使得其游戏动画内容丰富但尺寸却惊人的小。下面我们一起简单的学习一下。(更专业的学习请登陆官网“https://brashmonkey.com/”)
快速开始Spriter
1、打开spriter软件,新建一个文件,此时程序会询问你文件建立在哪个文件夹。OK,选择或新建一个文件夹,例如“test”,工程名写为“bat.scml”。
2、将第三方软件如PS等做好的图片文件拷贝进这个文件夹“test”(一般来说,每个角色部件就是一张透明背景的png图片)。我们实例拷贝一个蝙蝠怪“bat”的图片组进去,之后就可以看到spriter软件界面的右上角“files”区域内出现了所有拷入图片。

3、在右下角“Animations”区域内击“New Animation”按键,新建一个动画组,并将之改名,例如“sleeping、die、flying……”,取名要简单,并准确表达动作意义。

4、将此动画组需要用到的图片从Files区拖拽进软件界面中间的画板区,摆好位置、大小,亦可在左上角的“Z-order”区域内调整各图片的叠加顺序。


5、新建骨骼:按住“Alt键”,鼠标左键点住画板区某处并拉开,会看到一根骨骼“bone”被创建,如果感觉这根bone形状或位置不好,可以再次点击它,此bone会出现三个小白点,前端那个调节长度,侧边两个调节宽度,鼠标移到最外面会出现旋转图标,可以调整骨骼的旋转角度。调整完毕后再次单击骨骼,三个小白点会消失,此时只能调整骨骼的位置和旋转角度了。

6、建立子骨骼:选中父骨骼后,继续按住“Alt键”,用鼠标左键拉bone。要注意的是,选中哪个骨骼,下次拉出的骨骼就是它的“子骨骼”。
如果要调整父子骨骼关系,可以在左上角的“Hierarchy”区进行调整,例如把bone_005的父骨骼设为bone_004,只需要用鼠标把005拖拽到004上放开就行。


7、骨骼与图片的绑定:两种方法,一种是在“Hierarchy”区内用拖拽的方式把图片拖到相应的骨骼上松开;一种是选中骨骼后按住键盘“B”键,此时所有图片会变得半透明,OK,鼠标左点你要绑定的图片,此时图片会闪烁几下,这表明绑定成功,在“Hierarchy”区可以清楚看到相应的变化。


8、调整动画:在下方时间线上打关键帧,调整各图片的位置、角度、拉伸等,形成动画(此环节不展开说明,详细教程可在官网找到),要说明的是timeline单位是毫秒。

注意:如果将“Repeat playback”勾选(变黄色高亮),则此动画将永远重复播放;反之,则此动画只播放一遍。(特别提醒:此项设置将带入到Construct 2工程中去,且无法在C2中修改。)

快速开始Spriter
1、打开spriter软件,新建一个文件,此时程序会询问你文件建立在哪个文件夹。OK,选择或新建一个文件夹,例如“test”,工程名写为“bat.scml”。
2、将第三方软件如PS等做好的图片文件拷贝进这个文件夹“test”(一般来说,每个角色部件就是一张透明背景的png图片)。我们实例拷贝一个蝙蝠怪“bat”的图片组进去,之后就可以看到spriter软件界面的右上角“files”区域内出现了所有拷入图片。

3、在右下角“Animations”区域内击“New Animation”按键,新建一个动画组,并将之改名,例如“sleeping、die、flying……”,取名要简单,并准确表达动作意义。

4、将此动画组需要用到的图片从Files区拖拽进软件界面中间的画板区,摆好位置、大小,亦可在左上角的“Z-order”区域内调整各图片的叠加顺序。


5、新建骨骼:按住“Alt键”,鼠标左键点住画板区某处并拉开,会看到一根骨骼“bone”被创建,如果感觉这根bone形状或位置不好,可以再次点击它,此bone会出现三个小白点,前端那个调节长度,侧边两个调节宽度,鼠标移到最外面会出现旋转图标,可以调整骨骼的旋转角度。调整完毕后再次单击骨骼,三个小白点会消失,此时只能调整骨骼的位置和旋转角度了。

6、建立子骨骼:选中父骨骼后,继续按住“Alt键”,用鼠标左键拉bone。要注意的是,选中哪个骨骼,下次拉出的骨骼就是它的“子骨骼”。
如果要调整父子骨骼关系,可以在左上角的“Hierarchy”区进行调整,例如把bone_005的父骨骼设为bone_004,只需要用鼠标把005拖拽到004上放开就行。


7、骨骼与图片的绑定:两种方法,一种是在“Hierarchy”区内用拖拽的方式把图片拖到相应的骨骼上松开;一种是选中骨骼后按住键盘“B”键,此时所有图片会变得半透明,OK,鼠标左点你要绑定的图片,此时图片会闪烁几下,这表明绑定成功,在“Hierarchy”区可以清楚看到相应的变化。


8、调整动画:在下方时间线上打关键帧,调整各图片的位置、角度、拉伸等,形成动画(此环节不展开说明,详细教程可在官网找到),要说明的是timeline单位是毫秒。

注意:如果将“Repeat playback”勾选(变黄色高亮),则此动画将永远重复播放;反之,则此动画只播放一遍。(特别提醒:此项设置将带入到Construct 2工程中去,且无法在C2中修改。)
