需要给哥么介绍怎么倒腾美术使用的美术创作工具CocoStudio(版本1.3)的Animation Editor,所以得先打个头阵研究一番,备忘一下。

打开之前我的另一篇《设计2D游戏玩家角色》博客里面提供的PSD源文件,然后开工。明确要怎么分割的部分:

从PSD文件导出部件

下面给出导出图层的规则,有+的代表有2个图层,复制的时候均采用ctrl+shift+c合并拷贝,再用ctrl+n创建新文件,最后ctrl+c粘帖到新文件上,然后导出为透明png24的方式:

左脚+左脚轮廓线=>左脚
左腿+左腿轮廓线=>左腿
左大腿+左大腿轮廓线=>左大腿
右脚+右脚轮廓线=>右脚
右小腿+右小腿轮廓线=>右小腿
右大腿+右大腿轮廓线=>右大腿
左手整手臂+左手整手臂轮廓线=>左手整手臂
兜裆布=>兜裆布
身体+身体轮廓线=>身体
右手臂+右手臂轮廓线=>右手臂
右手下臂+右手下臂轮廓线=>右手下臂
胸衣=>胸衣
围巾=>围巾
头部+头部轮廓线=头部
眼睛
马尾+马尾轮廓线=>马尾
头发+头发轮廓线=>头发
发箍+发箍轮廓线=》发箍

最后得到这些图素<a href=”http://pan.baidu.com/s/1bnzlv9X” target=_BLANK>cuted_player.zip</a> ###打开CocoStudio操作

接下来让我们打开CocoStudio开始编辑动画,首先进入Animation Editor
Alt text

然后创建新项目,名为player_swordgirl
Alt text

在界面右侧的资源窗口右键-“导入”-“导入文件”
Alt text

完成导入
Alt text

在主界面上点击创建骨骼,如果再次点击停止创建回到pose mode。我们先创建躯干部份的骨骼。
Alt text

Alt text

创建完成之后,把身体的图片赋到该骨骼上,需要注意这里有个bug,就是直接点击骨骼然后把图片拖到右面XX的话,保存项目后,再次打开会发现图片消失了(没想到这个bug1.3还是没修好啊)。 规避这个问题的方法很简单,就是把图片先拖到骨骼旁边,然后右键选择绑定到骨头,这样就不会再消失了。
Alt text

Alt text

Alt text

使用平移工具把身体放到骨骼外围,骨骼嘛自然要待在组织里啊 Alt text

同样的方法创建出围巾 Alt text

下面介绍一下骨骼的父关系,这个很好理解的,比如说身体和头,某种程度上说身体就是主躯干,外围设施(比如四肢、头、尾巴等)都是根据身体来依附上去的,这种依附关系的产生,导致移动身体其他外围设施是会跟着发生位移的,那么就可以称这些外围设施和身体有父关系,它的父关系是身体这块骨骼。 右击围巾选择绑定父关系到前一骨骼(身体所在的那块骨骼)
Alt text

然后试着移动身体,你会发现围巾跟着移动了,很神奇不是吗?:)

接下来如法炮制了,我只讲下哪个绑定哪个
头部绑定父关系到围巾
Alt text

眼睛绑定父关系到头部,胸衣绑定父关系到头部
Alt text

头发绑定父关系到头部
Alt text

发箍绑定父关系到头部
Alt text

马尾绑定父关系到发箍
Alt text

右手臂绑定父关系到身体
Alt text

右手下臂绑定父关系到右手臂
Alt text

左手臂绑定父关系到身体
Alt text

兜裆布绑定父关系到身体
Alt text

左大腿绑定父关系到身体
Alt text

右大腿绑定父关系到身体
Alt text

左小腿绑定父关系到左大腿
Alt text

右小腿绑定父关系到右大腿
Alt text

左脚绑定父关系到左小腿
Alt text

右脚绑定父关系到右小腿
Alt text

<a href=”http://pan.baidu.com/s/1dDIKi1V” target=_BLANK>CocoStudio项目源文件下载</a>

下一篇将怎么做骨骼动画

思考:眨眼动画要怎么处理呢?

发表评论