Hello大家好!這次我要分享一款原創(chuàng)的手勢小動畫庫(就是Demo中的那個小圓點點)。既然能稱之為“庫”,那一定要符合隨時調(diào)用,可復用的特點。我也是為此琢磨了好一陣,制作了這么一款手勢庫(很可惜我不會制作腳本插件,只能以ape工程文件的形式調(diào)用,腳步插件是接下來的努力方向!)。
那么先簡單介紹一下這個手勢小動畫庫吧。里面包含:單擊、雙擊、長按、拖拽、縮放、旋轉(zhuǎn)等常用手勢;單擊、長按和拖拽支持單指、雙指、三指。功能不多,但基本符合大部分場景需要。
【常用手勢】
【使用方法】
首先將手勢.ape文件拖拽進你的工程文件中。點開手勢合成,復制你需要的手勢圖層到你要加手勢的合成中;
單擊/雙擊/長按手勢的使用方法:
?、僦恍椟c開位置屬性,定位好圓點位置和出現(xiàn)的時機,然后打一個關鍵幀即可(可以理解為做一個記號)。你還可以通過效果效果控件對圓點進行一些細節(jié)調(diào)整,如大小,透明度,雙指,三指等等;(如下圖所示)
?、诠催x雙指,三指可以激活更多的小圓點;
?、弁ㄟ^調(diào)整“持續(xù)時間”可以實現(xiàn)長按的效果;
?、苄Ч丶杏袀€“透明度映射”,可以將Press狀態(tài)按鈕的透明度關聯(lián)它,即可輕松實現(xiàn)點擊效果;(可以參照附件中的示例文件)
拖拽手勢的使用方法:
?、僦恍椟c開位置屬性,定位好圓點位置和出現(xiàn)/結(jié)束的時機,然后打2個或以上關鍵幀即可(第一個關鍵幀控制出現(xiàn)動畫,最后一個關鍵幀控制消失動畫)。
你可以:
a.直接在手勢圖層的位置屬性進行K幀;
b.通過父級關聯(lián)到其他圖層;
c.通過表達式關聯(lián)到其他圖層;
②勾選雙指,三指可以激活更多的小圓點;
?、苄Ч丶杏袀€“移動距離映射”,先新建一個空圖層并將其位置屬性表達式關聯(lián)到“移動距離映射”的滑塊上,然后將你想要和圓點位移關聯(lián)在一起的圖層父級到空圖層即可;(可以參照附件中的示例文件)
縮放&旋轉(zhuǎn)手勢的使用方法:
①只需點開位置屬性,定位好圓點位置和出現(xiàn)/結(jié)束的時機,然后打2個或以上關鍵幀即可(第一個關鍵幀控制出現(xiàn)動畫,最后一個關鍵幀控制消失動畫)。然后對手勢圖層的位置屬性進行K幀;
?、?溫馨提示)旋轉(zhuǎn)動畫要對效果控件中的“旋轉(zhuǎn)角度”進行K幀哦!
④效果控件中有個“縮放映射值”和角度映射值,同樣可以通過表達式關聯(lián)將其關聯(lián)出去;(可以參照附件中的示例文件)
本著興趣和提高工作效率的想法,花了點時間制作了這么一個“小預設動畫”分享給大家,希望有需要的同學能夠喜歡哦!(附件請用AE CC 12或以上的版本打開)