設(shè)計一款屬于自己的鼠標(biāo)指針是一件很有意思的事情，但其實設(shè)計有很多玄妙。近期，我會推出一系列的教程，跟大家簡單介紹一款指針設(shè)計軟件：Axialis CursorWorkshop。請大家耐心看完，視頻誠然簡單直接，而文字往往更具收藏和反復(fù)推敲的價值。

喜歡的小伙伴們記得點關(guān)注哦~ 請一鍵三連，多多支持我呀！

這一期將會跟大家介紹動態(tài)光標(biāo)的制作方法。

嗯...暴露年齡的時候到了！

各位！有玩過手翻書嗎！

沒玩過也沒事，我找了個視頻做成GIF，原視頻鏈接：https://www.youtube.com/watch?v=jjxmFNjEFFI&list=WL&index=2&t=0s（或者YTB上搜索：Batman Flipbook (and How I Made)）

（一）動標(biāo)的制作

那么，制作動態(tài)光標(biāo)，其實就跟制作翻手書一樣，由每一頁組成。

“頁”這個概念在動畫中，我們則稱之為“幀”；自然地，“頁數(shù)”=“幀數(shù)”。

如圖所示，我們不必每一點動態(tài)都去把握，可以有一定的跳躍，圖中的西瓜并不是每次都吃一格，我設(shè)置的是兩格兩格吃，但最后呈現(xiàn)的效果仍然連貫。

這張圖也講解了每幀持續(xù)時間如何設(shè)置。

（二）幀變時間≠持續(xù)時間

接下來，我希望大家注意的概念是：幀與幀之間發(fā)生變化所需的時間≠幀持續(xù)的時間。

幀變所用的時間是固定的，但是每一幀停留在你視線內(nèi)的時間是可以變化的，而這種“停留”就是幀的持續(xù)時間。

（三）動畫的設(shè)計：我們需要幀變時間=持續(xù)時間

我們的眼睛具有短暫保留上一瞬間看到物象的特點。利用這一點，我們則可以將持續(xù)時間的長度與幀變時間劃上等號。

動畫的起點和終點采用長持續(xù)時間，而動畫過程則采用短持續(xù)時間。

這樣處理，過程就會很大程度減少卡頓，而起止的長時間停頓則會延緩動作重復(fù)的頻次，在使用光標(biāo)的過程中才不會產(chǎn)生焦慮。

如圖所示：溫度計讀數(shù)頂端（動畫起點）和溫度計讀數(shù)底部（動畫終點）我分別設(shè)置了50拍和30拍，中間的過程則設(shè)置在20拍以內(nèi)。

假設(shè)幀變需要1拍，那么整個動畫的實際效果應(yīng)該是：

50+（1）+14+（1）+16+（1）+...+30+（1）+...14+（1）=226拍/次

但如果起止變?yōu)?0拍，那么則186拍/次；在600拍中，前者動作了3次（2.6），后者動作了4次（3.2）。

在錯覺的引導(dǎo)下，我們則不會捕捉到幀變瞬間，而捕捉到的是一幀的持續(xù)時間。此外，合理地延長起止幀的持續(xù)時間，則會降低動作重復(fù)的次數(shù)，緩解視覺疲勞，減少焦慮。

那么，關(guān)于動標(biāo)的制作就介紹到這里，動作的設(shè)計主要還是需要靠想象和反復(fù)的修改調(diào)試。在這里，我只能提醒大家注意時間的設(shè)置，讓動效更為自然、連貫。

如覺得這期有用的小伙伴們，還請一鍵三連，加收藏！

往期鼠標(biāo)指針制作教程，可以從專欄索引查看：