AE 的 Loop 循環表達式，循環動畫簡單做出來！
今天來教大家在AE裡讓動畫持續循環的方法
以及各種循環表達式的應用
這次的效果會用到表達式讓製作好的動畫持續播放
那我們就準備開始囉！
本文目錄
表達式簡介
AE的表達式是可以透過輸入指定的代碼來讓電腦自動演算物件的動態
輸入時我們只需在物件內的屬性欄位按住Alt點擊碼表圖案即可直接開始輸入囉
如果想要取消的話，再按住Alt點擊碼表圖案一次就可以取消囉
loopIn() 和 loopOut() 的差異
在表達式欄位輸入 loop 時
系統會自動幫你列出你要輸入的關鍵詞
但光看字詞可能霧煞煞什麼 In 什麼 Out
而且括弧又是什麼
這邊就來讓你快速學會差別在哪吧
loopIn()：重複關鍵幀前面的動畫
loopIn 的 In 可以理解成’’往前看’’的概念
會一直重複我們設定好的動畫一直到關鍵幀的位置點後結束
loopOut()：重複關鍵幀後面的動畫
loopOut 的 Out 可以理解成’’往後看’’的概念
會從關鍵幀的位置開始一直無限的循環下去
那括弧是什麼意思呢?
括弧內會輸入到後面我們要講到的4大’’循環方式’’來告訴系統我們要怎麼讓動畫持續
所以我們這邊就暫時理解這樣就好
loopOut() 的四種循環模式
我們已經知道了 loopIn() 和 loopOut() 的運作方式
接下來我們要講四種不同的’’循環方式’’
('cycle') ：從頭循環重播
‘cycle' 會在我們動畫完整結束之後再從頭重新撥放一次
如同一個圓圈循環一樣從頭開始 適合用在：
讓動畫無縫循環，例如霓虹燈閃爍、物體來回旋轉等
('pingpong')：來回播放
‘pingpong''會在我們動畫結束時反向撥放一次
好比像是打乒乓球一樣在球桌(關鍵幀區間)內不斷來回！
適合用在：
來回移動的物體，例如鐘擺擺動、角色眨眼、翅膀拍動等
('offset')：每次循環時向前推進
‘offset' 循環方式與 ‘cycle' 類似，只不過增加了’’累加’’的概念
例如原本動畫是從 0 加到 1
而 ‘offset' 會在動畫進行到 1 的時候再持續讓動畫接續累積下去
讓 1 變成 2 ，再讓 2 變成 3 ！
適合用在：
連續移動的動作，例如火車行駛、雲朵飄動、物件不斷堆疊等
('continue')：沿著最後的動作持續運動
‘continue' 的循環方式只沿著最後一個關鍵幀的趨勢繼續運動
適合用在：
彈珠滾動、汽車加速等
今天如果我們有一個旋轉 45 度的動畫
只要在表達式欄位內輸入
loopOut('continue')
系統就會自動判斷動畫的運作方向而不斷接續下去
這樣我們就有一個持續旋轉的花瓣啦
如果擔心記不起來的話，這邊統整了4種循環方式的比較動畫讓大家比較喔
進階應用：魔法數字
在我們都介紹完循環方式之後
如果我們只想要最後幾幀持續循環呢?
這時就需要用到我們的’'魔法數字’’
讓我們直接看範例～
假設今天我們要做一個心型跳出來後持續跳動的動態
我們設定了’’跳出來’’與’’小跳動’’的動態 那我們要怎麼只讓’’小跳動’’循環呢？
這時候只需在表達式 ‘’loopOut('cycle')'' 的括弧後面打一個逗點跟數字，就會變成
loopOut('cycle',1)
而這個數字的意思就是
「從最後一個關鍵幀開始，往前推幾個關鍵幀並循環」的意思
如果設定是 2 ，就是從最後一個關鍵幀開始
往前推 2 個關鍵幀並且只循環這最後這 3 個關鍵幀
如果設定是 3 ，就是只循環這最後 4 個關鍵幀，以此類推
這裡來看看我們完成的範例：
loopInDuration() 和 loopOutDuration() 的差異
最後在我們都介紹完循環方式與魔法數字之後，來補充一個比較特殊的兩個表達式：
- loopInDuration()
- loopOutDuration()
雖然他看起來跟 loopIn() 和 loopOut() 有那麼一點像似又有所不同
多一個中間的 ’’Duration’’ 到底差在哪？
答案就是：循環的計算方式
- loopOut 以關鍵幀計算循環
- loopOutDuration 以秒數計算循環
也就是說
如果你的動畫是需要在某個固定的秒數做循環
那麼加個 Duration 的表達式比較適合你喔～
以下我們看看範例，可以根據不同的循環方法應用在不同的情境喔
今天我們有一個長方形旋轉的動畫，而旋轉的關鍵幀剛好是一秒
而如果我們只需要讓最後那一秒持續循環
這時候就可以放 loopOutDuration 搭配 ’offset’’的循環方式+魔法數字1變成：
loopOutDuration('offset',1)
告訴AE你只要循環最後一個關鍵幀往前推的那一秒！
同樣的動態再複製一個並調整角度，就是一個持續旋轉的十字囉！
以上就是 loop 表達式家族的介紹與應用，希望可以幫助到您並節省製作動畫的時間！
延伸閱讀：
AE 動畫 MG 動畫必學基本功：關鍵影格大解密！
AE 新手必學 8 大類快捷鍵，提升影片後製效率
AE內建200種常用特效中英文預覽(After Effects Effects Presets GIF)