Spine制作骨骼动画的视频教程－spine，spine，spine

这是一个教大家如何使用 Spine 编辑器制作骨骼动画的视频教程，因为早前有很多学弟学妹问我怎样制作骨骼动画，所以就录制了这个教学视频。这是我第一次录东西，录的一本正经的，可是自己听的时候总觉得鸡皮疙瘩起了一地，反正自我感觉讲的非常简单易懂啦。现在分享出来，有需要的童鞋可以看看哦。

视频主要内容

使用Spine创建骨骼动画分两大步骤：

• 在SETUP模式下，组装角色部件，为其绑定骨骼；
  在ANIMATE模式下，基于绑定好的骨骼创建动画。

下面是大致的步骤说明：

1）在SETUP模式下，选中Images属性，导入所需图片资源所在文件夹，其中路径名和资源名中不能出现中文，否则解析不了；  
2）拖动Images下的图片到场景，对角色进行组装（把各个身体部位拼在一起），可通过Draw Order属性调整图片所在层的顺序；  
3）创建骨骼，并绑定图片到骨骼上，要注意各骨骼的父子关系。  
4）切换到ANIMATE模式，选中要“动”的骨骼，对其进行旋转、移动、缩放等操作，每次改动后要记得打关键帧。  
5）在菜单栏找到Texture Packer项，对角色纹理进行打包，资源文件后缀为atlas（而非Cocos2d-x常用的plist）。打包后将生成两个文件，即：png 和 atlas。  
6）导出动画文件Json。

更多详细内容请查看视频内容。

class="video_iframe" height="502.5" width="670" frameborder="0" data-src="http://v.qq.com/iframe/player.html?vid=i0157iepka7&width=500&height=375&auto=0" allowfullscreen="" scrolling="no" src="http://v.qq.com/iframe/player.html?vid=i0157iepka7&width=670&height=502.5&auto=0&encryptVer=6.0&platform=61001&cKey=f3lshX6P7IEiaAb8daN7J++iqcq0x+13zWcq8BCLkoM0JvEjWauJ9Dh2HQ/ASMRk" style="margin: 0px; padding: 0px; display: block; z-index: 1; overflow: hidden; max-width: 100% !important; box-sizing: border-box !important; word-wrap: break-word !important; width: 670px !important; height: 502.5px !important;">

转载请注明出处：http://shannn.com/archives/510

这是一个教大家如何使用 Spine 编辑器制作骨骼动画的视频教程，因为早前有很多学弟学妹问我怎样制作骨骼动画，所以就录制了这个教学视频。这是我第一次录东西，录的一本正经的，可是自己听的时候总觉得鸡皮疙瘩起了一地，反正自我感觉讲的非常简单易懂啦。现在分享出来，有需要的童鞋可以看看哦。

视频主要内容

使用Spine创建骨骼动画分两大步骤：

• 在SETUP模式下，组装角色部件，为其绑定骨骼；
  在ANIMATE模式下，基于绑定好的骨骼创建动画。

下面是大致的步骤说明：

1）在SETUP模式下，选中Images属性，导入所需图片资源所在文件夹，其中路径名和资源名中不能出现中文，否则解析不了；  
2）拖动Images下的图片到场景，对角色进行组装（把各个身体部位拼在一起），可通过Draw Order属性调整图片所在层的顺序；  
3）创建骨骼，并绑定图片到骨骼上，要注意各骨骼的父子关系。  
4）切换到ANIMATE模式，选中要“动”的骨骼，对其进行旋转、移动、缩放等操作，每次改动后要记得打关键帧。  
5）在菜单栏找到Texture Packer项，对角色纹理进行打包，资源文件后缀为atlas（而非Cocos2d-x常用的plist）。打包后将生成两个文件，即：png 和 atlas。  
6）导出动画文件Json。

更多详细内容请查看视频内容。

class="video_iframe" height="502.5" width="670" frameborder="0" data-src="http://v.qq.com/iframe/player.html?vid=i0157iepka7&width=500&height=375&auto=0" allowfullscreen="" scrolling="no" src="http://v.qq.com/iframe/player.html?vid=i0157iepka7&width=670&height=502.5&auto=0&encryptVer=6.0&platform=61001&cKey=f3lshX6P7IEiaAb8daN7J++iqcq0x+13zWcq8BCLkoM0JvEjWauJ9Dh2HQ/ASMRk" style="margin: 0px; padding: 0px; display: block; z-index: 1; overflow: hidden; max-width: 100% !important; box-sizing: border-box !important; word-wrap: break-word !important; width: 670px !important; height: 502.5px !important;">

转载请注明出处：http://shannn.com/archives/510