哈囉!又到了快樂的教學時光。
今天要來教大家在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效果
將陰影的各項數值調到適當的大小,包括距離、透明度、方向和柔化程度
接下來我們點擊Front圖層的CC Page Turn效果
然後Edit → Copy with Relative Property Links
隨後點擊Back圖層的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以上):