fbpx

《AE教學》魷魚遊戲片頭動畫!Shape線條的應用!

哈囉!又到了快樂的教學時光。
-覺得《魷魚遊戲》片頭的動畫很酷嗎?

-想要學習動態設計卻不知從何下手嗎?

今天就要教大家,如何快速製作《魷魚遊戲》片頭動畫效果!

Final:


首先利用矩形工具,繪製幾何圖形,並利用Align視窗對齊畫面。

(上方的Fill選None,Stroke盡量粗一點)

魷魚遊戲片頭文字一開始是從細到粗,

所以展開Shape的Contents>Stroke 1>Stroke Width設置關鍵影格,讓Shape從沒有到有。

再來要讓文字有部分模糊,右鍵新建一個Adjustment Layer,

加入Gaussian Blur效果,Blurriness設置關鍵影格,讓Shape從模糊到清晰,

再加入CC Burn Film效果,調整Center位置,Random的數值,Burn設置關鍵影格。

匯入文字素材放到最底層,並降低Opacity的數值放便對位。

(文字在設計的時候,要注意字體盡量粗、並加入幾何圖形、筆畫彼此要交疊且有錯落感,不能太整齊、除了圓以外是沒有曲線的)

接著要做Shape變成文字的動畫,Shape的Add加入Trim Path,

調整Offset改變動畫起始位置,Start、End設置關鍵影格,最後全選關鍵影格F9讓動畫更自然。

利用鋼筆工具,繪製連接到文字的路徑,同樣Shape的Add加入Trim Path,設置關鍵影格並全選F9。

展開Shape的Contents>Stroke 1>Color設置關鍵影格,讓Shape從白色漸變成紅色。

如果放大發現Shape線段有瑕疵,
可展開Shape的Contents>Stroke 1>Line Cap改Projecting Cap。

將動畫線條動畫逐一完成,

幾何圖形如正方形、三角形、圓形,

可依個人喜好,將Scale(縮放)、Position(位移)、Stroke Width(線條粗度)設置關鍵影格做動態。

再來要讓Shape有前後的層次感,Shape右鍵Layer Styles>Drop Shadow,

調整Angle、Distance、Size的數值,使文字產生陰影。

最後要做雜訊感,將Adjustment放置最上方並加入VR Chromatic Aberrations,

Frame Lay Out選Stereoscopic-Side-by-Side,並降低Horizontal/Vertical Field of的數值,

Aberration(Red/Blue)設置關鍵影格,讓雜訊出現在消失。

再為Adjustment加入Noise,提高Amount的數值。

全選圖層Pre compose,Scale設置關鍵影格,讓文字大到小,

如此一來就完成啦~

 


如果還有想學的特效歡迎在下方留言,或是於六指淵特效社團發問讓我們知道!

我們會用最快的速度推出您有需求的學習內容~!我們下次見!

 

此教學專案檔下載(cc 2020以上):

分享在 facebook
分享至FB
分享在 telegram
分享至TG

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

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

隨機文章