當(dāng)我們用AE制作完Demo演示動畫的時候,為了表明我們的手指的操作軌跡經(jīng)常會引入一個小圓點。
小圓點的繪制往往是我們制作Demo動畫的最后一道工序,
那么問題來了:面對早已做好的各個動畫圖層,各種位移,各種運動曲線。
怎么繪制出“跟手”的小圓點呢?
首先你要先畫個圓,根據(jù)你要模擬的手指位置做好關(guān)鍵幀動畫,到目前為止一切都非常順利,但是最頭疼的是,你要做出“跟手”的小圓點,之前“引以為傲”的各種風(fēng)騷運動曲線現(xiàn)在變成了各種“坑”。好吧,硬著頭皮花點時間。。。。
辛辛苦苦終于把小圓點對上了,輸出。。。此時你要祈禱不要返工,不然只能重頭折騰了。
有點AE基礎(chǔ)的同學(xué)可能會覺得上面的辦法太過簡單粗暴了,直接對小圓點和目標圖層做個子父級鏈接不就萬事大吉了嗎?
這種辦法可以做到兩個圖層完全“同步”,可是問題又來了?跟手是跟手了,但是這樣的動畫給人非常呆板,機械感覺。
顯然完全同步的動畫不是我們想要的,如果能稍微加點滯后感,延遲感,就像我們現(xiàn)實生活中操作手機那樣,有沒有呢?
怎么繪制出“跟手”且“生動”的小圓點?
第一步還是要將小圓點作為目標圖層的子級,然后我要介紹一個神奇的家伙“時間扭曲”(效果>時間>時間扭曲)
提示:時間扭曲效果只能作用于形狀圖層,位圖圖層貌似不起作用?
對小圓點圖層添加了“時間扭曲”效果后,面板中其他參數(shù)我們可以保持默認,重點關(guān)注“速度”參數(shù)。
我們把“速度”參數(shù)設(shè)為100,此時我們可以看到小圓點和目標圖層處于完全同步的效果。
如下圖我們把“速度”參數(shù)分別設(shè)為:98、100、103
綜上我們可以得出:當(dāng)時間扭曲的“速度”<100 時,小圓點的運動時間會向后延遲;速度>100 時,小圓點的運動時間會向前推前。
所以我一般都會把速度設(shè)成>100 (101或102)來模擬手指操作屏幕的那種微妙的滯后。
是不是很輕松的就完成了我們預(yù)期的“跟手”和“生動”。
而且用這種方法實現(xiàn)的好處有:
1.小圓點位置我可以隨時改動;
2.小圓點延遲速度我可以隨時改變;
3.完全不需要考慮小圓點的動畫路徑和動畫曲線,目標圖層怎么動小圓點就怎么動。
上圖為“速度”設(shè)為101時,可以模擬出逼真的手指操作屏幕的效果。
但問題又來了,當(dāng)我直接用子父級鏈接圖層時,小圓點的位置屬性被鏈接的同時,縮放,旋轉(zhuǎn)等屬性也同樣被鏈接了,如下圖所示。(透明度不會被鏈接)
要解決這種“限制”我們還可以這樣玩:
我們可以加入一個“空對象”圖層來充當(dāng)小圓點和目標圖層的“橋梁”。
新建一個空對象并選中它,點擊“P”,調(diào)出位置屬性;然后按住ALT+鼠標左鍵(下圖筆誤)鍵單擊位置屬性的關(guān)鍵幀砝碼圖標,如下圖:
位置屬性下方會彈出一行表達式菜單,同樣有一個父級鏈接的圖標,此時我們點擊位置屬性表達式的父級圖標拖動到目標圖層的位置屬性,松開鼠標,空圖層的位置屬性就會和目標圖層的位置屬性鏈接上了。然后我們再將小圓點圖層父級到空對象圖層,這樣我們就突破了用圖層父級去鏈接圖層的那種“完全”鏈接了,如下圖所示。(這里我不直接用小圓點的位置屬性去鏈接目標圖層,大家可以試試為什么我不直接這樣做)