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