fbpx

《AE教學》Utility Box 插件教學!輕鬆管理你的上百個圖層!

哈囉!又到了快樂的教學時光。

今天要來教大家使用一款方便實用的免費腳本 – 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以上):

Share on facebook
分享至FB
Share on telegram
分享至TG

解鎖站內所有需密碼的內容

時事特效教學 | 讓你學會最新特效

隨機文章