哈囉!又到了快樂的教學時光,
今天要來教大家如何使用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):