登录

注册

首页   /     

數據可視化設計 – 3D粒子模型科技感動效【進階教程】

作者:   字数:1471   图片:25     浏览: 81     

數據可視化設計視覺上的美觀炫酷要與數據呈現契合,做到美觀性與實用性相輔相成 前言 如今一提到數據可視化設計,肯定會想到目前火爆的大屏可視化設計,身邊越來越多的設計師開始接觸可視化大屏,說起大屏的設計主題一定是要屌炸天炫酷的風格,3D動畫是營造炫酷效果重要設計手法之一,所以也是衆多數據可視化設計師一直追求的效果,本期就分享用最簡單的方法實現3D動畫效果。 分享的初衷 大概1年多以前分享了一篇數據可視化設計文章,簡單的介紹了如何實現3D動畫效果,但并沒有細緻講解,導緻很多夥伴還是雲裏霧裏,一年多以來已經記不清有多少人問我類似下圖的問題。

上圖同學也說了百度很難找到類似的教程,不知道有多少人有這樣的困惑,所以在設計幫社群中做了詳細調研。

調研給大家看的效果圖 上圖是調研給大家看的效果圖,這種效果常常在科幻大片中看到,是FUI風格較常見的設計元素,實際上可視化設計也常用真實的形象和三維場景,助力數據解釋。 如下圖,之前設計的産品“軍人心理指标采集系統”,功能上是呈現人的生理指标數據,界面中人的形象,就能直觀的把人體,如腦電、心率等各部位對應的數據展示清楚。

3D動畫使用場景 接下來我們用兩種方式實現這種效果 方法一:  用到的軟件爲:C4D+AE首先得有模型,C4D自帶了一些模型,網上也可以找到很多模型,我常在“CG模型網”找模型,模型最好找C4D格式或者通用obj格式,其他軟件格式需要轉格式,當然如果有建模能力可以自己建模,下面用一個帥氣的跑車爲例講解。第一步:找到需要的模型在C4D軟件中打開;

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

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

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

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

第六步:渲染序列幀;

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

 方法二: 用到的軟件爲:AE粒子插件 Trapcode-Form 新建合成-新建純色圖層-找到Form拖給純色圖層,選擇模型-開啓3D圖層-打關鍵幀;

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

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

兩種方法的優缺點總結: C4D導出序列幀方式雖然步驟多,但在模型的特殊要求上更爲靈活,可随時修改模型,可局部晶格化。 AE的優勢是有不同的樣式可挑選,步驟簡單,但如果設備不給力稍大的模型會很消耗設備資源,導緻卡頓。 下面再分享幾個其他模型效果,槍的效果是Form模型設置中“面”的效果。

如何落地?在之前的《B端新零售産品》文章詳細講解過,文章中的跑車模型送給大家,供大家練習,文章附件可下載 最後  數據可視化設計的核心還是數據的有效呈現,視覺上的美觀炫酷要與數據呈現契合,做到美觀性與實用性相輔相成,3D效果固然炫酷,但不能爲了加而加,影響數據呈現,有的産品并非适合,讓炫酷的視覺效果助力數據可視化,才是設計師應該追求的。( 吳星辰 )


在线QQ

客服电话086-17612050877086-13033302157

合作咨询086-17612050877

体验店淘宝官方体验店

微信客服

工作日:9:30-18:30