遙控小車psd文件：https://pan.baidu.com/s/1bJWq538Ll9YiRRkXUnb30w?pwd=2233 提取碼: 2233

spine腳本文件: https://pan.baidu.com/s/1rlkGqRDl2CMYOqh-Q5JKvg?pwd=2233 提取碼: 2233

一、數(shù)學(xué)里的速度坐標(biāo)

x軸代表時(shí)間，y軸代表路程。

1）勻速運(yùn)動

當(dāng)一個(gè)物體，它從原點(diǎn)出發(fā)，10秒跑10米，100秒跑100米，在相等的時(shí)間內(nèi)，通過相等的距離，就是勻速運(yùn)動，它的坐標(biāo)連線就是一條筆直的斜線。

?

2）快進(jìn)慢出

當(dāng)一個(gè)物體，它從原點(diǎn)出發(fā)，前20秒跑50米，后80秒慢悠悠的跑完剩下的50米，它的坐標(biāo)連線就是先上坡（快），再平緩（慢）。

?

3）慢進(jìn)快出

前80秒慢悠悠的跑了50米，后20秒加速跑完剩下的50米，坐標(biāo)連線就是先平緩（慢），再上坡（快）。

?

二、曲線

1）spine里的曲線具體是指什么？

曲線：關(guān)鍵幀之間的連線。

a.如果時(shí)間軸上?前后兩個(gè)關(guān)鍵幀的參數(shù)，像旋轉(zhuǎn)，移動，縮放，以及附件里的變形，都是一樣的，前后兩個(gè)關(guān)鍵幀之間就沒有連線。

b.只有當(dāng)后面的關(guān)鍵幀產(chǎn)生了變化，前后才會有連線。

c.曲線很多種表現(xiàn)方式，系統(tǒng)自帶的有直角線，斜線，貝塞爾曲線等，不同的設(shè)置對應(yīng)不同的動畫展示效果。

?

2）曲線在哪里操作？

【圖表】：會把所有關(guān)鍵幀之間的曲線展示出來，有時(shí)候還會展示一些其他的屬性，整體看起來會有一點(diǎn)擁擠。

【曲線】：位于【視圖】菜單欄里，只顯示“所選關(guān)鍵幀”至“下一個(gè)關(guān)鍵幀”之間的這一段曲線，操作起來會比較清晰。

?

3）如何記憶曲線？

a.數(shù)學(xué)好的同學(xué)，代入坐標(biāo)去理解。

b.數(shù)學(xué)不好的同學(xué)，記?。贺Q快橫慢。

杠桿：

越靠近y軸，跑的越快。

越靠近x軸，跑的越慢。

中間切線：

越接近y軸，豎著切，跑的越快。

越接近x軸，橫著切，跑的越慢。

c.小窗的橫軸（x軸）時(shí)間，是攝影表里卡的關(guān)鍵幀，是固定的。但上下y軸代表路程，是可以改動。曲線往y軸負(fù)數(shù)方向跑，就是后退，超過終點(diǎn)路程，就是跑過了。

?

三、小車示范

第1步，ps轉(zhuǎn)json文件

1）檢查圖層

2）改變坐標(biāo)

3）腳本導(dǎo)出

第2步，導(dǎo)入文件

首先選中背景，使用縮放工具，將背景橫向拉長一些，若不想這個(gè)背景的圖片影響到操作，可在層級樹下方，將【選擇】這個(gè)勾選項(xiàng)取消掉。

第3步，綁定骨骼

第4步，理順設(shè)計(jì)思路

1）首先我想要的畫面是什么：

搖控器控制小車往前往后跑

2）其次可動部件的有哪些：

遙控桿，小汽車的車身和輪胎，以及木頭人

3）最后每次行動的時(shí)間是多少：

a.撥動一次遙桿4幀左右，往前、復(fù)位、往后、復(fù)位，共撥動4次。

b.小汽車比搖控器慢個(gè)1幀開始移動，因?yàn)閾u控器接受指令?需要一點(diǎn)時(shí)間。

c.小車一個(gè)動作：移動+剎車+晃動，差不多在30幀左右。

d.車身前后晃動2次，使用負(fù)數(shù)曲線讓車身自己左右晃動。

e.木頭人它會隨慣性一起搖擺，比車慢個(gè)2到3幀。

f.輪胎就根據(jù)小汽車具體情況轉(zhuǎn)動。

?

這么一梳理，時(shí)間軸就出來了：

?

第二套動作從36幀開始

時(shí)間安排是一樣的，只是方向不一樣而已

?

第5步，添加關(guān)鍵幀

1）搖控器向右擺。

2）往右移動小車上方的十字花。

3）旋轉(zhuǎn)車身，先鎖定13幀旋轉(zhuǎn)角度，+10幀，將車頭下壓，+8幀，車頭第二次下壓，但角度沒有第一次那么大，+4幀，復(fù)位。

4）搖控器向左擺。

5）往左移動小車。

6）旋轉(zhuǎn)車身，鎖定49幀的旋轉(zhuǎn)角度，+10幀，車尾下壓，+8幀，車尾第二次下壓，但角度沒有第一次那么大，+4幀，復(fù)位。

7）車胎，在第1幀鎖定車胎的旋轉(zhuǎn)角度，在第13幀打一個(gè)關(guān)鍵幀，輸入-360，13-17因?yàn)閯x車有一個(gè)小小回移，那么輪胎就要往回滾一點(diǎn)。

8）陰影，在車身晃動的時(shí)候縮放一下。

?

第6步，調(diào)整曲線

1）車身移動，先慢后快，剎車的時(shí)候有一點(diǎn)點(diǎn)回移。

2）車身搖擺，直接用曲線代替。

3）木頭人，這里我偷懶將車身的旋轉(zhuǎn)復(fù)制過來了，木頭人比小車慢個(gè)3幀，木頭小人在第4幀鎖定旋轉(zhuǎn)角度，16幀隨著慣性先向后倒，再往前搖。

?

完成。