12.11 用C4D+AE實現3D科技感的數據可視化模型

前言:如今一提到數據可視化設計,肯定會想到目前火爆的大屏可視化設計,身邊越來越多的設計師開始接觸可視化大屏,說起大屏的設計主題一定是要屌炸天炫酷的風格,3D動畫是營造炫酷效果重要設計手法之一,所以也是眾多數據可視化設計師一直追求的效果,本期就分享用最簡單的方法實現3D動畫效果。

用C4D+AE實現3D科技感的數據可視化模型

不多說了開幹!接下來我們用兩種方式實現這種效果。

用C4D+AE實現3D科技感的數據可視化模型

▲3D動畫使用場景

方法一

用到的軟件為:C4D+AE

首先得有模型,C4D自帶了一些模型,網上也可以找到很多模型,我常在“CG模型網”找模型,模型最好找C4D格式或者通用obj格式,其他軟件格式需要轉格式,當然如果有建模能力可以自己建模,下面用一個帥氣的跑車為例講解。

第一步:找到需要的模型在C4D軟件中打開;

用C4D+AE實現3D科技感的數據可視化模型

第二步:使用晶格,把模型置入晶格下面,調整晶格對象屬性中的數值,使模型看起來是線框展示,調整的半徑尺寸需要呈現細絲狀,太粗略顯笨重;

用C4D+AE實現3D科技感的數據可視化模型

用C4D+AE實現3D科技感的數據可視化模型

第三步:打關鍵幀製作動畫讓跑車原地打轉一圈360度,需要注意的是座標點位置的調整,例如模型旋轉一圈,座標最好在模型中心位置;

用C4D+AE實現3D科技感的數據可視化模型

第四步:設置緩動曲線,我們要實現的效果勻速運動循環播放更為貫通,默認會有緩入緩出,所以需要調整,右擊指定的關鍵幀區域,找到顯示函數曲線,彈窗裡點擊“線性”直角圖標;

用C4D+AE實現3D科技感的數據可視化模型

用C4D+AE實現3D科技感的數據可視化模型

第五步:設置輸出參數尺寸、幀頻、幀範圍,幀頻設置需要在不影響流暢度的情況下,可以稍小一些,這樣後面落地的文件也就不會太大,然後設置保存參數,選擇PNG勾選Alpha通道,抗鋸齒選項中可以為“最佳”;

用C4D+AE實現3D科技感的數據可視化模型

用C4D+AE實現3D科技感的數據可視化模型

第六步:渲染序列幀;

用C4D+AE實現3D科技感的數據可視化模型

用C4D+AE實現3D科技感的數據可視化模型

最後一步:把序列幀倒入AE,在AE中設置顏色、時間、加特效等;

用C4D+AE實現3D科技感的數據可視化模型

用C4D+AE實現3D科技感的數據可視化模型

方法二

用到的軟件為:AE粒子插件 Trapcode-Form

新建合成-新建純色圖層-找到Form拖給純色圖層,選擇模型-開啟3D圖層-打關鍵幀;

用C4D+AE實現3D科技感的數據可視化模型

用C4D+AE實現3D科技感的數據可視化模型

用C4D+AE實現3D科技感的數據可視化模型

AE通過改變粒子屬性(頂點、邊、面、體積)可以變化不同樣式,下圖切換為“頂點”後呈現的跑車樣式。

用C4D+AE實現3D科技感的數據可視化模型

用C4D+AE實現3D科技感的數據可視化模型

如果覺得這樣旋轉很單調,還找一些HUD添加效果,如下圖所示:

用C4D+AE實現3D科技感的數據可視化模型

兩種方法的優缺點總結:

C4D導出序列幀方式雖然步驟多,但在模型的特殊要求上更為靈活,可隨時修改模型,可局部晶格化。

AE的優勢是有不同的樣式可挑選,步驟簡單,但如果設備不給力稍大的模型會很消耗設備資源,導致卡頓。

下面再分享幾個其他模型效果,槍的效果是Form模型設置中“面”的效果。

用C4D+AE實現3D科技感的數據可視化模型

用C4D+AE實現3D科技感的數據可視化模型

最後

數據可視化設計的核心還是數據的有效呈現,視覺上的美觀炫酷要與數據呈現契合,做到美觀性與實用性相輔相成,3D效果固然炫酷,但不能為了加而加,影響數據呈現,有的產品並非適合,讓炫酷的視覺效果助力數據可視化,才是設計師應該追求的。


分享到:


相關文章: