fbpx

《AE教學》超簡單撕紙動畫教學!一層一層撕開偽裝的表皮!

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

今天要來教大家在AE簡單做出逼真的撕紙效果!


首先,我們先創造一個正方形的Comp

取名為poster ripped

匯入我們的AE LOGO素材並調整至適合的大小

Ctrl+Y新增一個Solid當作背景

如下圖

隨後將兩個圖層選取起來

取名為poster

再來匯入我們的第二個紙的素材

將這個素材Pre-compose起來

取名為poster texture

為poster圖層新增一個CC Glass的效果

將Bump Map的作用圖層改成poster texture

更改Softness和Height的數值,使質感接近真實的紙張

將Light的作用方式改成AE Lights

最後將Specular和Roughness的數值調高,並讓Metal的數值降到0

新增一個Light圖層

手動調整燈光的位置,使整體燈光的亮度不那麼奇怪

為Poster圖層加入CC Page Turn的效果

這個效果便像下圖,是專門製作翻頁動畫的效果

可以改動Control裡面起始翻頁的位置

上述內容調整完後將poster圖層Ctrl+D複製一層

並將兩個圖層分別命名為back和front,方便接下來步驟的辨識性

點開back圖層的CC Page Turn效果,將Render出來的模式改成只顯示Back Page

將Front圖層的CC Page Turn效果,將Render出來的模式改成只顯示Front Page

正常的紙不會是透明的,所以我們將Opacity調到100

為了讓畫面更真實,翻頁時應該要有陰影存在

所以我們再為Back圖層加入Drop Shadow效果

將陰影的各項數值調到適當的大小,包括距離、透明度、方向和柔化程度

接下來我們點擊Back圖層的CC Page Turn效果

然後Edit → Copy with Relative Property Links

隨後點擊Front圖層的CC Page Turn效果

並且按下Ctrl+V將剛剛複製的特效數值連接到此特效上

可以發現Back圖層的畫面不見了

 

原因是因為連Render的設定也連接到Front圖層了

所以我們要把Render表達式欄位的等號按掉

然後再將Render的模式改回Back Page

現在,只要拖動Front圖層,Back圖層也會跟著移動

目前的成果

再來,我們要將我們的第三個素材放入AE裡

複製一層素材,將素材反轉過來,做出撕紙的軌道

將兩個素材Pre-compose起來

取名為mask

用鋼筆工具畫兩個黑色的Shape,填滿透明的地方

將兩個Shape Layer各自連接到兩個素材中

Ctrl+Y建立一個色彩鮮豔的Solid當作背景

回到原本的poster ripped圖層,為Mask圖層增加一個Color Key的效果,將黑色的地方去除掉

之後便可以把圖層的小眼睛關閉了

在效果搜尋欄位中找到Set Matte效果,將其放入Front圖層

將Set Matte的作用圖層改成mask

並將模式改成並將模式改成Effect & Mask

如此一來,Front圖層便只會顯示Mask圖層的部分

可以看到,雖然Front圖層變了,但Back圖層還是原本的樣子

要如何讓Back圖層也能遮罩Mask呢

 

創建一個Solid

取名為back mask

為Solid加入Set Matte效果,作用對象和模式內容都與Front圖層的Set Matte效果相同

進到Back圖層的CC Page Turn效果,將Back Page改成back mask

這樣Back圖層和Front圖層的連動便完美無缺了

接下來我們要將Back圖層也加上紙的材質

 

將Front圖層的CC Glass效果複製到back mask裡面,這樣Back圖層也會有紙的質感了

將Front圖層複製一次

刪除其中一個Front圖層的CC Page Turn效果,並將Set Matte的Invert Matte選項勾起來

這樣便能做出簡單的撕紙的感覺了

接下來要做出撕紙過後的痕跡

 

將Front 2圖層Set Matte的作用模式從Alpha Channel換成Saturation

加入一個非常長的特效【【Compound Arithmetic】

將作用圖層改成Mask

並將Operator的模式改成Screen

如此一來,撕紙的痕跡便出現了

最後,為了讓我們更好的控制圖層的動態

加入一個Null Object

Alt加右鍵點擊Front圖層的Fold Position,將表達式的小迴紋針圖式連接到Null圖層的Position

為圖層加入一個Drop Shadow的效果

最後再給畫面增加一個背景,簡單的撕紙動畫便大功告成了!

 

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

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

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

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

隨機文章