Spine开始绑定骨骼做动画(二)

绑定骨骼

这个是参考这个
https://www.bilibili.com/video/av34268407
先把背景删除 就是选中BG 用Delete键

image.png

查看根节点位置

image.png

矫正位置
ESC退出选中根骨骼
左键框选整张图

image.png

然后移动位置到root上方

image.png

选取根节点

image.png

按中Ctrl点击手

image.png

从上往下移动 然后切换移动模式 或者按V也能切换

image.png

再点创建就可以知道 是以root为父节点创建骨骼

image.png

锁定图片可以只移动骨骼 然后去复制骨骼

image.png

这里到头可以选择骨骼长度

image.png

鼠标点击这里然后可以修改 或者滚动鼠标滚轮进行缩放

image.png

Ctrl选中多个骨骼

image.png

选择颜色可以进行区分

image.png

这个骨骼相当于是个中心点 选中眼睛从眼睛上方拖动

image.png

点击这个可以重新设置父节点

image.png

这样创建一个骨骼管理头部 类似于空节点

image.png

然后连接完毕

image.png

做动画

切换动画视图

image.png

自动关键帧勾上

image.png

点击钥匙记录当前位置

image.png

然后在第五帧拖到一个高度

image.png

选中第一帧 复制粘贴到第十帧

image.png

然后就会鬼畜的跳了 用起来目前简单的类似于Unity的Animation

GIF.gif

改变运动曲线 让运动更自然

image.png

这个就是匀速 变速 还有 瞬移曲线 说的不是太专业

image.png

点击K帧图这一块滚动鼠标滚轮可以拉伸或者缩进

image.png

IK

然后看着加IK就是反向动力学，简单地说就是你挥动胳膊会带着手臂和手一起动，Unity里面也有 之前做了个FPS的持枪人物 不过看的很尬就是了
然后是参考这个
https://www.bilibili.com/video/av48871454
然后说到动画就有以下三个名词
关键帧：就是咱们spine的每一个动画节点 动画改变状态的位置
补间关键帧：就是两个关键帧之间产生插值的每一个帧，一般都是动画软件自动生成
中切：就是最中间的补间关键帧

image.png

下面的听不懂也没关系
这个up down就是一个起伏,因为本人之前学过鬼步，是hiphop老师教的，所以对律动略知一二。
就按一个动次打次，一般大家都听这只有两个节奏，动次-打次，而hiphop要求的舞蹈要插入在这两个之间进行扩充，所以就成了动次-安-啪，然后为了节奏对称扩展一拍衔接之后动作，也就是补间，也就是之前练舞时候的口号，动-安-啪-安。也就是图中5个动作经历的4次改变。鬼步基础动作和这个差不多，也是hiphop里的running man的变形有兴趣的可以自行百度下

到现在发现因为我是试用版没办法保存导致之前的全部消失 所以换小人进行做IK动画
链接:https://pan.baidu.com/s/1zXwTpzdBwP2m-MpGvhfUlw 密码:spjq
素材里面这个直接打开

image.png

因为腿创建过了就创建手的 选中这两根骨骼

image.png

创建IK约束

image.png

然后点击这个点 就是手和胳膊连接处

image.png

起一个名字 然后拖动这个点可以带动别的关节移动

GIF.gif

给另一只手也加上
做动画对照之前的那张图，转换动画模式 把脚的IK选中

image.png

记录第一帧

image.png

选中第十帧 把双腿交换回来

image.png

因为没有补间帧的过渡导致很不流畅

GIF.gif

然后把第一帧复制到第20帧 就有一个交叉的感觉 但是还是很奇怪 腿都穿过地表了

image.png

GIF.gif

选中第五帧

image.png

选中第十五帧

image.png

一个基础的脚步动画就OK了

GIF.gif

再加上起伏 只有在中间帧时候是down

image.png

在5帧还有15帧把整体抬升 就是身体的这个骨头

image.png

这个明显的起伏

GIF.gif

然后就是调整脚的旋转 不然看起来很不自然
主要是调整5和15帧

image.png

加上手 然后就感觉怪怪的

GIF.gif

小技巧 在设置界面做好第一个位置后放到动画界面

image.png

把手适当调整弯曲一点

image.png

然后调整身子和头位置

image.png

稍微往后旋转 0 10 20是默认 5 15是我们调整过的旋转

image.png

头看起来还是怪怪的 然后就用到偏移
必须是首尾帧相同才能用 选中偏移

image.png

选中全部然后往后移动 然后关掉偏移

image.png

然后就成了这样

GIF.gif