PhilKo 發表於 2015-3-2 14:22:02

【後製】ㄤㄤㄤ童年的夢想 - Element 3D v2製作時光機

上禮拜想到一個題目,花了幾天的時間作了點測試,反覆調整效果的過程中摸索了一些心得,簡單截圖與說明做個分享。
由於算圖超吃重資源,影片連結待我用下一篇顯卡大亂鬥一起做介紹。


題目:如何只靠After Effects + Element 3D作出ㄤㄤㄤ時光機
時光機建模:全部用內建幾何圖形去堆疊一開始只有拉一個板子示意,後來東加西加竟然也滿像個樣子,其中沒有用到曲線擠出模型,全部搭配素色材質模擬卡通配色
http://3.bp.blogspot.com/-LX3TZSftz3w/VPNTC995URI/AAAAAAAAW4o/I9u3EZXruWs/s1600/2015-03-02_015524.jpg

質量光:用內建錐體做出模型

配合燈的橢圓形去做XYZ的縮放,底部藏進底板,頭部超出沒有關係

http://4.bp.blogspot.com/-V6Twd3enSI0/VPPi2_tLsDI/AAAAAAAAW6M/bUY3hqP_d1Y/s1600/VL.png

質量光貼圖:用圓形去掉頭部

錐體貼圖預設UV是一個正圓形,中心點剛好是頭部,直接挖空處理,另由測試經驗發現,Element 3D不支援漸層透明的貼圖,所以這裡做黃黑漸層並以黑色收邊
http://3.bp.blogspot.com/-ESi1sS4EZeA/VPPi40lC4qI/AAAAAAAAW6U/cn0ebnUW1EU/s1600/VL%2Btexture.png

然後進E3D裡面選擇材質球的【Blend Mode \ Add】,搭配整體透明度【Force Opacity】去調節,讓黑漸層變成透明漸層,模擬衰減效果,下方【Draw BackFaces】看情況是否勾選,勾了之後會變成兩倍亮度

http://4.bp.blogspot.com/-gAcPQ6RPUTY/VPPmTsu4ydI/AAAAAAAAW6g/8bBOZ5nad5E/s1600/2015-03-02_122027.png

升級豪華雙人座,後方比較高,才不會被前方大頭擋住XD

http://2.bp.blogspot.com/-QSSE2yAmywY/VPNTBw1iduI/AAAAAAAAW4c/czt96qlXSCA/s1600/2015-03-02_015442.jpg

時鐘建模:用曲線擠出三種夾角的時鐘亂數排列

http://3.bp.blogspot.com/-ewKI-8LB5d4/VPNX3r6NOoI/AAAAAAAAW5c/2F7QV2SnikY/s1600/2015-03-02_021743.jpg

並且用【Twist】加以變形
http://1.bp.blogspot.com/-bm6QitYtxzg/VPPoALnkgwI/AAAAAAAAW6w/fxLek8xcpVw/s1600/2015-03-02_123208.png
開啟【Twist】
http://4.bp.blogspot.com/-sSo6RqAO_6Y/VPPoALhLpmI/AAAAAAAAW6s/GGnmbOAekIo/s1600/2015-03-02_123147.png


隧道:用三種尺寸的內建甜甜圈疊出層次感,分別為紫色底圖、藍色線框跟白色效果線
http://4.bp.blogspot.com/-PkfMII1hZ9U/VPNX8qjriXI/AAAAAAAAW5s/rG0clfM1Qjg/s1600/2015-03-02_021759.jpg

紫色底圖的貼圖,用AE內建效果
http://3.bp.blogspot.com/-C6wnb9RGe7s/VPPqHJDv5VI/AAAAAAAAW7I/MLkEJOw1MJ4/s1600/2015-03-02_124050.png

藍色線框,用E3D v2新功能線框渲染
http://4.bp.blogspot.com/-jwxNBDEgBcQ/VPPqPsuxCBI/AAAAAAAAW7Q/kVcrOtvwbyA/s1600/2015-03-02_124135.png

白色效果線,用AE內建效果
http://4.bp.blogspot.com/-CaYouSaxvBg/VPPptXAlaiI/AAAAAAAAW7A/DTFQCEsOulk/s1600/2015-03-02_123936.png

提高【Ring Segments】讓貼圖跟模型更圓滑
下方的【Twist】預設為0,貼圖只是直線展開
http://3.bp.blogspot.com/-n2uKLqf2EUo/VPP3byEo4tI/AAAAAAAAW7w/Vu7wV9qGLKM/s1600/2015-03-02_133702.png
改成1之後,貼圖產生了扭曲的效果,再搭配UV參數,可以做出更多變化
http://3.bp.blogspot.com/-46JGpnsoJyM/VPP3Ul9HsnI/AAAAAAAAW7k/fWadoEQ2bP8/s1600/2015-03-02_133643.png

隧道盡頭加一盞燈,選擇性用Optical Flare做裝飾,準備加上Fog跟Glow
http://1.bp.blogspot.com/-Sm7_bLrA56I/VPP5tX2-6iI/AAAAAAAAW8A/CsvP9RQciJE/s1600/2015-03-02_134701.png
開燈,開啟Fog,以及開啟Glow
http://1.bp.blogspot.com/-V3Tm7q7gxjY/VPP5tv67a1I/AAAAAAAAW78/IGjNh5h3i-Q/s1600/2015-03-02_134801.png

開啟Motion Blur,設定Sample為36,再開啟Depth of Field(然後就會聽到顯卡在哀哀叫)

http://2.bp.blogspot.com/-bzxX3ouR9ms/VPP7pM-OkbI/AAAAAAAAW8Q/p63AHsJWypw/s1600/2015-03-02_135607.png

時光機的燈再補一個Optical Flare做裝飾之後的效果

http://2.bp.blogspot.com/-Cp3S5otE49w/VPPgx6__baI/AAAAAAAAW6A/5A5InN0rjvo/s1600/E3D%2BTM.jpg

效果一直疊加電腦就越來越吃重,造成第二個螢幕給小朋友看的機器戰士(Tobot)會常常LAG,然後五歲跟三歲的兩兄弟就會大聲抗議。



初步觀察系統資源:

-記憶體安裝64GB,過程中只使用不到10GB

-X79平台搭配六核心CPU也沒很忙

-從西楓大那邊借來的倚天劍Quadro K5200,VRAM使用率佔得不多(推測是材質都很簡單),GPU就一整個滿載,一路99%

http://4.bp.blogspot.com/-wKkcO6yVlL0/VPP8zBwpW7I/AAAAAAAAW8c/XSHEmHxEgms/s1600/loading.png

既然這麼操顯卡,那麼接下來幾天我會用這個場景來測試幾張不同顯示卡算圖效率的差異~~



在搜尋的時候,發現這裡Tuts+有個教學很有趣,剛好也是甜甜圈軌道,其中【Invert Normals】這招很不錯,就借來用了。



shiow5279 發表於 2015-7-30 11:52:17

太強了....
看板大的文章可以學到很多@-)

PhilKo 發表於 2015-7-30 14:04:52

shiow5279 發表於 2015-7-30 11:52 static/image/common/back.gif
太強了....
看板大的文章可以學到很多

謝謝,也很高興能對你有幫助~
頁: [1]
查看完整版本: 【後製】ㄤㄤㄤ童年的夢想 - Element 3D v2製作時光機