哈囉！又到了快樂的教學時光。
今天要來教大家使用一款方便實用的免費腳本 – Utility Box！
首先，讓我們匯入已經準備好的素材檔
將此素材檔Pre-compose起來
將素材放大到適合的大小
點擊上方的Window視窗，找到已經安裝好的腳本Utility_Box_v1.6.jsxbin
腳本開啟後的視窗畫面 ↓
點選視窗中的Grid圖示，叫出Grid視窗
此視窗的作用在切割圖層，將圖層切成好幾塊
我們將兩個空格填上10，代表上下左右各切十等分，總共切成100份
勾選下方的Link，他會將所有切割出來的圖層連接到兩個空物件裡
切割好的畫面 ↓
看起來貌似沒甚麼差
其實只要點擊上方亮藍燈的圖示，所有的圖層便會出現
如你所見，多出了100個圖層
每個圖層都是一個切割過的方格
接下來要講解兩個空物件的功用了
打開下方的空物件的效果控制欄，會看到五個特效
這五個特效主要控制動態的細節處理
其中的Transition Completion是控制整個動態的開始與結束
所以我們幫他做一個0到100的關鍵影格
為了讓其他的功能更好理解，我們先做一些基礎動態
另一個空物件裡的特效便可以做出主要動態效果
將Position Z 的數值調成 -1200
便能做出下方效果
剛剛不是切成好幾份嗎，怎麼動態看起來只有不到十份？
主動態完成，接下來要回到另一個空物件做動態細節
改變Direction的數值，可以改變動態的方向，其他切割圖層也能凸顯出來
如下：
新增一個Camera
點選上方的Camera圖示
稍微讓畫面做一些旋轉
如果我們改變Feather的數值，會將每個圖層動態的連接性做得更好，不會有直上直下的感覺
Displace Amount和Displace Size顧名思義便是控制動態的隨機的多寡和強度
讓整個畫面不會太整齊，做更多的變化
如下
接下來將所有的切割圖層選取起來
按下快捷鍵T，叫出透明度視窗，為所有圖層加入0到100的關鍵影格
從Utility Box的視窗找到Layer圖示餅點擊開來
可以看到視窗裡有Min和Max的空格，假設輸入-15到15，並按下Randomize
會自動將所有選取起來的圖層做上下15幀的隨機變換，做出更豐富的變化，而且也不用一個一個拉時間軸去改變位置，輕鬆又省時
現階段成品 ↓
記得，如果嫌圖層太多，可以再按一次隱藏圖層圖示來讓工作視窗更整潔
下一步，我們要新增一個新的Comp
取名為circle
先用圖形工具畫一個圓，筆畫大概2px左右
打開圖層右方的Add，新增一個Trim Paths的效果
將Start的數值稍微調高，讓圓型出現一個缺口
並為Offset新增0度到360度的關鍵影格，就是讓整個圓轉一圈的意思
接下來，我們再開啟Utility Box的Expressions視窗
可以看到出現了幾個AE常見的表達式
Wiggle(擺動表達式)
Overshoot(彈性動畫表達式)
Regular Loop(循環表達式 —重複循環)
PingPong Loop(循環表達式 —來回循環)
點擊Offset效果，按下Regular Loop，便會自動幫忙添加表達式
簡單的循環動畫便做好了
我們在新增一個小球在頭端
快捷鍵R叫出Rotation視窗，拖曳式窗旁的迴紋針圖示至Offset
如此一來，小圓便會跟著大圓轉動，看起來就像是小圓在帶頭選轉一樣
將這個動態Pre-compose起來
為整個動態新增Glow以及Fast Box Blur的效果
讓畫面稍微模糊和發光，會得到更好的效果
接下來我們將circle Comp移進主Comp裡
開啟Utility Box的Clones視窗
此視窗主要作用為複製圖層
點選我們要複製的圖層，在空格填入複製數量，並按下Create，便能成功複製多個圖層
開啟Utility Box的Transform視窗
可以看到出現了7個圖示，由左到右，由上到下分別是
Position、Rotation、Scale、Opacity、X軸、Y軸、Z軸
我們我們先點選Scale的圖示，選擇放大X軸與Y軸，填入想放大的大小並按下Sequence
選取的圖層便會一個一個根據填入的數值遞增或遞減
點選Rotation圖示，並選擇旋轉Z軸
圖層變一樣會根據填入數值去改變旋轉程度
而Opacity比較不一樣的是不需要去選擇X、Y、Z軸，直接填入數值並按下Sequence
選取的圖層透明度便會依次做出改變
接下來再開啟一次Layer的視窗
選取所有circle圖層，再Amount下方的空格輸入2，選取的圖層時間軸便會跟前一個圖層錯開兩幀，形成一個階梯狀的時間軸
點擊以下圖示，幫動態增加動態模糊的效果
開啟Utility Box的Scene視窗
有兩個選項，這兩個選項都是幫忙新增一個Camera或Light
不一樣的是都會連接到一個空物件，而空物件裡的設置能讓你更好的操作相機和燈光
我們選擇Light setup，可以在空物件裡的特效改變燈光的位置和旋轉等等
最後再為相機增加關鍵影格，就是一個非常有質感的作品了
透過Utility Box便能輕鬆做出這樣的動態了！
此教學專案檔下載(cc 2020以上)：
