很方便的關節骨骼綁定動畫插件，僅需兩個控制點即可控制不同物體間的鏈接動，自由變形拉伸
整體動畫時長設置在1秒左右循環～
Step1: 畫頭和身體
畫一大一小兩個圓
因為走路的時候人會一顛一顛的，所以讓頭和身體上下浮動（頭關聯到身體）
Step2: 畫腳
用鋼筆工具畫左右兩隻腳
對腳需要設置幾個屬性：
x位置：0秒的時候x位置在最左邊；0.5秒的時候，x位置位移到最右邊（表示踏出一步）；1秒的時候，x位置回到最左邊
y位置：0秒的時候y位置在最下面；0.25秒的時候，y位置移到最上面（表示抬到最高點）；0.5秒的時候y位置回到最下面
旋轉：0秒的時候腳和地面平行；剛抬腳的時候腳後跟先抬起來；0.25秒時腳和地面趨向於垂直；快落地前腳尖微微抬起來；0.5秒時腳恢復到和地面平行
Step3: 畫腿
打開rubberhose插件，在“build”裡選擇“hip/ankle”創建一個腿
圖層裡會自動出現一個ankle和一個hip
把“ankle”關聯到“腳”的圖層，”hip“關聯到”身體“的圖層
把“ankle”的位置放到腳跟處，“hip”的位置放到身體下方
選中ankle的圖層，可以調整具體的參數
hose length：腿的拉伸長度
bend radius：拉伸彎曲程度
bend direction：拉伸的方向
具體可以逐個試一試～
Step4: 畫手臂
用同樣的方式可以畫兩個手臂（手臂擺動的時間和腳走路的時間可以錯開來）
這樣就差不多做完啦
附上一些網上看到很棒的案例：
分享到:
閱讀更多 UIDesign 的文章
