fbpx

《AE教學》AE內建3D翻書效果!翻頁、打光、圖層彎曲!

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

今天要來教大家如何使用AE內建3D圖層做出書本翻頁的效果哦!


首先先建立一個Comp,大小設定1920*1080,

這是我們最後要輸出的Comp。

接著新增數個Comp,這邊每個Comp的大小都設為500*800,

替所有書頁獨自建立好一個Comp,

例如有四種頁面我們就設置四個Comp。

最後記得在多建立一個書背(書邊)的Comp,

大小大概設為50*800。

我們回到要輸出的Comp裡,先置入背景素材。

接著將封面、書背、封底排好位置如下圖:

這個角度是書本最終打開的樣子,因為翻開時封面會翻在背面,

因此要先將封面的Scale改為-100,100,藉此達到水平翻轉。

接著替所有頁面的Comp點選3D圖層(下方圖片最右側立方體小Icon)

轉為3D圖層。

接著複製一層封面的圖層並選取,

在Project視窗找到要做成封面背面(全黃色)的Comp,

按住Alt將Comp拉至選取的圖層上方,藉此動作取代當前圖層。

並將封面背面的圖層Position的z座標設為-1。

這樣打開時就只會看到內部是純黃色內頁、關起時是剛才有人向的封面囉!

將z座標設為-1的作用是為了讓純黃色圖層與封面拉出一小段距離,

以免移動時造成交疊破圖。

使用中心點控制工具,封面、封面背面、書背的中心點都移到中間靠最右側,

拖曳時按住ctrl可以對其中心線。

目前所有中心點的位置分布:

使用封面、封面背面的Parent工具拖曳至書背圖層。

接著選取封面、封面背面、書背三個圖層一起調動Rotation的y軸,

就會發現有書殼翻頁的效果。

用另一個角度觀察會長這個樣子:

封面、封面背面的翻轉角度會是書背的兩倍。

設定好關鍵影格,從270度(闔起)到0度(全翻開)。

接著加入筆記本內頁的Comp,對齊封面並稍微往右邊移動一點,

移動至預想內頁膠黏在書背的位置,大概將x座標增加5。

一樣使用內頁的Parent工具拖曳至書背讓他們一起行動並調整Rotation。

設定好關鍵影格之後將時間軸停在大概一伴的位置(書到一半),

並旋轉內頁,旋轉的同時會發現新增了一個關鍵影格,

這裡就是設定當封面翻開到這裡時,內頁還翻開到一半,

以此製造翻書的層次感。

效果長這樣:

接著按下Ctrl + K打開Compsition Setting。

點擊上方的3D Renderer,並將Renderer選至CINEMA 4D。

設定完成之後打開內頁的下拉選單,會發現新增了Geometry Options選項可控制,

底下的Curvature是調整圖層的彎曲程度、Segments則是面數。

拉動Curvature會發現書頁彎曲向內或外彎曲了!

調高Segments則可以增加面數,使書頁更平滑。

彎曲做好之後就會長這個樣子:

做好一個內頁之後接著就可以複製多個內頁,

並將每個內頁的距離都稍微錯開。

並將彎曲、旋轉等關鍵影格都稍微錯開造成時間差。

目前效果如下:

選中最後一頁內頁並用前面的方法複製並以內頁有寫字的Comp取代掉,

並且拉該一小段距離。

取代後的頁面長這樣:

可以來回撥放來確認沒有破圖或是背面有沒有圖層交疊。

動畫都設置好了之後可以新增一個Light。

記得將底下的Cast Shadows勾選,這樣光照之後才會產生陰影。

打了光之後書本終於有了立體感。

 如果覺得光照不夠也可以新增多個Light來互相調整照明。

當然你也可以在翻開時的右側新增一些頁面,

完成品就會長這樣:

 

此教學AE專案欓下載(cc 2018):

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

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

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

隨機文章