哈囉!又到了快樂的教學時光。
今天要來教大家使用一款方便實用的免費腳本 – 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以上):