現在我們讓掃描線(xiàn)動(dòng)起來(lái)，其方法就是改變漸變疊加設定中的角度數值。這里會(huì )遇到第二個(gè)難點(diǎn)，那就是如何設置動(dòng)畫(huà)參數。掃描線(xiàn)應該從90度開(kāi)始，旋轉360度后應回到90度。但在關(guān)鍵幀中兩個(gè)都設置為90的話(huà)就沒(méi)有動(dòng)畫(huà)效果了，所以我們先將其設置到旋轉180度的位置。需要注意的是，如果旋轉的絕對角度小于180(181度等同于1度)，將以最小轉角作為旋轉的方向。
將動(dòng)畫(huà)的文檔設置改為持續01:00，幀速率15fps。在開(kāi)始時(shí)刻開(kāi)啟圓圖層的樣式動(dòng)畫(huà)記錄。然后將時(shí)間標桿移動(dòng)到動(dòng)畫(huà)結束時(shí)刻，將角度設置為-90度。動(dòng)畫(huà)調板如下左圖所示。
觀(guān)看范例動(dòng)畫(huà)
現在我們延長(cháng)動(dòng)畫(huà)的持續時(shí)間為02:00，將時(shí)間標桿移動(dòng)到新的結束時(shí)刻并建立關(guān)鍵幀，然后將樣式的第1幀復制到該時(shí)刻。此時(shí)動(dòng)畫(huà)調板如下左圖所示?？雌饋?lái)像是完成了旋轉一周的設定了，但細想一下，現在時(shí)刻00:00與02:00的狀態(tài)是相同的，這樣當動(dòng)畫(huà)循環(huán)播放時(shí)，兩個(gè)完全一樣的幀就會(huì )形成一種停頓的效果，播放動(dòng)畫(huà)的時(shí)候仔細看一下，不難發(fā)現。
觀(guān)看范例動(dòng)畫(huà)
這個(gè)問(wèn)題我們以前在幀式動(dòng)畫(huà)的時(shí)候遇到過(guò)，當時(shí)的方法是刪除最后一幀。但在時(shí)間軸方式下不能單獨刪除某一幀，只能通過(guò)更改持續時(shí)間的方式。我們將持續時(shí)間改為01:14。動(dòng)畫(huà)調板如下左圖所示。
注意此時(shí)原先設定的幀已位于時(shí)間區域之外了，但仍然在發(fā)揮作用，控制著(zhù)動(dòng)畫(huà)的參數改變。即使再將持續時(shí)間改為更短，以至于在動(dòng)畫(huà)調板已看不見(jiàn)時(shí)，也是如此。所以在時(shí)間軸方式下定義的關(guān)鍵幀，是不會(huì )因為持續時(shí)間變短而消失的。以后只要增加持續時(shí)間，它們還會(huì )出現。這是一個(gè)很重要的特性。
這里再強調一下動(dòng)畫(huà)時(shí)刻的表述方式，01:14本身既包含秒時(shí)間也包含幀，含義是經(jīng)過(guò)1秒后的第14幀。按照我們15fps的設定，這個(gè)絕對幀數就應該是15＋14＝29幀。而下一幀的時(shí)刻表示應為02:00而不是01:15。就好比日常生活中的時(shí)間是60進(jìn)位制，那么就不可能有3點(diǎn)60分這樣的表述，而應表述為4點(diǎn)。同樣的，15fps就表示15進(jìn)位制，把一秒鐘平均分為15單位，14單位之后就向秒進(jìn)位。
觀(guān)看范例動(dòng)畫(huà)
現在要制作模擬雷達掃描到的物體，這本應在最初就先做好，但為了體現制作過(guò)程中可能發(fā)生的后期添加元素的情況，所以放到現在來(lái)做。
新建一個(gè)圖層，用直徑為1的鉛筆工具用白色在其中隨便點(diǎn)幾下(間距不要太大)。如下左圖所示。接著(zhù)移動(dòng)時(shí)間標桿，在掃描線(xiàn)與這幾個(gè)點(diǎn)接觸的時(shí)候(范例中位于00:10)，點(diǎn)擊不透明度的秒表按鈕建立關(guān)鍵幀，然后移動(dòng)時(shí)間標桿在掃描線(xiàn)差不多回到原點(diǎn)的時(shí)候(范例位于01:10)再建立一個(gè)，將圖層不透明度設置為0%，這樣就制作出了小點(diǎn)逐漸淡出的動(dòng)畫(huà)。
通過(guò)上面的動(dòng)畫(huà)可以看出小點(diǎn)在掃描線(xiàn)經(jīng)過(guò)后有了淡出的效果，但問(wèn)題是小點(diǎn)在掃描線(xiàn)還沒(méi)有到達的時(shí)候，應該是看不見(jiàn)的，當掃描線(xiàn)達到時(shí)出現，然后再逐漸淡出。那么我們應該在開(kāi)始時(shí)刻設定關(guān)鍵幀，并將圖層的不透明度設置為0%。但這又出現一個(gè)問(wèn)題，那就是小點(diǎn)的出現變成了淡入效果，也就是掃描線(xiàn)還沒(méi)有到達的時(shí)候，小點(diǎn)就逐漸顯現了。
觀(guān)看范例動(dòng)畫(huà)
如何解決這個(gè)問(wèn)題是第三個(gè)難點(diǎn)。解決的方法有兩種，一種大家應該可以自己想到的，那就是將開(kāi)始時(shí)刻的關(guān)鍵幀移動(dòng)到小點(diǎn)完全出現的前一幀，如下左圖所示。此外另外一種方法更“正規”一些，是我們以前沒(méi)有講到過(guò)的，那就是改變幀之間的過(guò)渡關(guān)系。
現在不透明度3個(gè)幀之間都是過(guò)渡關(guān)系，即幀12過(guò)渡，幀23過(guò)渡。如果我們能令幀12之間不過(guò)渡的話(huà)，就可以達到目的了。在動(dòng)畫(huà)調板中第1幀上點(diǎn)擊右鍵，選擇“保留插值”，注意幀圖標從變?yōu)榱?，如下右圖紅色箭頭處所示。這就表示這一幀到下一幀之間不再有過(guò)渡效果。由“從黑到白”的方式變成了“非黑即白”。此時(shí)整個(gè)動(dòng)畫(huà)的制作就完成了。
當然，可以在后期再將其改為默認的“線(xiàn)性插值”方式，那樣過(guò)渡效果就會(huì )重新出現。大家可以自己嘗試改變其他幀的插值方式。這里的“插值”是由英文生硬地翻譯而來(lái)，雖有些詞不達意，但記住其效果就可以了。
在引入圖層樣式后，我們表現動(dòng)畫(huà)效果的能力就得到了很大的提高。大家應該在課程之外自己多動(dòng)手實(shí)踐，不要只局限于這里所介紹的內容。要知道我們的范例是有限的，你們的創(chuàng )意是無(wú)限的。就這個(gè)已完成的動(dòng)畫(huà)而言，大家可以再?lài)L試將十字線(xiàn)或同心圓做成忽明忽暗的效果。這說(shuō)白了也就是淡入和淡出交替，只不過(guò)并非是0%或100%這樣極端的狀態(tài)。
觀(guān)看范例動(dòng)畫(huà)
今天的作業(yè)是完成如下的動(dòng)畫(huà)。除背景層外，只允許使用一個(gè)文字層制作。
