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