哈囉!又到了快樂的教學時光,
今天要來教大家如何用AE做出偽3D的長條捲動動畫效果!
首先先建立一個長條Comp,用來排上自己想要的文字,
這邊我們的長條尺寸為1500*400,
不要太短,不然到時候沒有空間能夠讓長條穿插呈十字型。
接著利用文字工具打上文字。
完成之後背景會是透明的,所以我們要在製作一個底色當作背景給長條Comp,
以免待會製作3D時沒有底只有文字。
在圖層空白處右鍵 > New > Solid。
大小設為1500*400(原Comp大小)選擇喜歡的底色之後按下OK。
接著將所有圖層選取右鍵 > Pre-compose。
替新的Comp加入Motion Tile,
準備要來製作跑馬燈動態。
拉動Tile Cemter的x軸參數會發現文字會像跑馬燈一樣移動
且會自動在後方補齊下一段畫面。
設定好關鍵影格之後就像這樣。
你可以在動態的後方在設置一個與前一個關鍵影格一樣參數的關鍵影格,
用途是定義好整個動態(跑馬燈動態→靜止→下一段動態)的一個循環時間點,
像這樣動態的一次循環就是2.5秒。
接著Alt + 左鍵點擊小碼錶Icon叫出表達是輸入窗,
輸入:
loopOutDuration(type = "cycle", duration = 0)
讓剛才的2.5秒循環無限撥放。
目前看起來就像這樣,每過2.5秒就會自動循環一次:
接著我們將完成的長條動畫Comp放進一個新的Comp中,
調整大小讓長條能夠完全置入新Comp內:
替長條Comp加入Mesh Warp效果。
在Mesh Warp中可以控制圖層的扭曲,調整參數來設定調控制點的數量:
選取Mesh Warp時在預覽窗上可以彎曲、移動控制點來讓物件扭曲。
將長條Comp扭曲成這樣的彎曲形並檢查有沒有不合理或是過度變形的地方。
完成之後複製長條Comp並旋轉180度,
調整好位置讓兩個長條接合在一起。
接合之後就像這樣:
感覺像一個長條環狀囉!
為了增加真實感可以再替上方的長條Comp加入Drop Shadow。
調整Drop Shadow參數來調整陰影。
將下方的長條Comp Parents到上方的Comp上,
這樣只要移動、旋轉上方的Comp就能夠讓兩者一起同步行動囉!
複製這兩個Comp,成為另一組圓環(為了方便觀察可以將另一組Comp換成不同顏色)。
調整好位置及角度,
目前像兩個還疊在一起而並非繞在一起。
接下來只剩一個簡單的步驟,
將兩組Comp圖層位置交叉擺放。
加上背景和一些小修飾就完成囉!
此教學專案檔下載(cc 2018以上):