实操!可视化医疗科技人物实现教程

用户头像
北京/UI设计师/5年前/4092浏览
实操!可视化医疗科技人物实现教程
用户头像
MR小六

首先感谢永真提供的案例和实操思路方法@聂永真,才有了此次的教程。

本教程所用到的软件C4D、AE(e3d插件)、PS等。

前言

如今数据可视化非常的火爆,而3D动画又是营造炫酷效果重要设计手法之一,所以也是众多数据可视化设计师一直追求的效果,今天就分享下整个科技人物案例是如何一步步实现的。

 

先看下最终效果:

 图片来源:https://www.zcool.com.cn/work/ZNDg4NDQ1NjQ=.html已获得作者授权


首先先分析下整体页面的组成部分:表头、人体模型(人体皮肤、骨骼、神经、肺、大脑等器官)及周边旋转圆、右侧标题及动态数据、背景等组成。

 



下面拆解人体模型的实操方法:

第一步:C4D导出obj文件

首先打开C4D拖入需要导入的模型,清除模型上材质属性,新建一个材质球付给需要导出的模型,如下图:

undefined

 

 

其次选中要导出的模型层,选择文件-导出所选对象为-wavefront OBJ(*.obj)如下图所示:

undefined

 

 

然后弹出保存路径的框,重新命名保存就可以了。PS:这里要注意的是保存的路径和命名不要有中文。

undefined

 

 

第二步:将obj导入ae

 

打开ae 新建一个合成 然后再合成里新建一个纯色层

undefined

 


给纯色层执行:效果 - video copliot - element

undefined

 


完成后后弹出 element的插件可选项操作,选择scene setup

undefined

 

 

点击后scene setup 弹出操作页面如下图:

undefined

 

 

点击导入选择要导入的模型路径 点击确认 模型就导进来了。如下图:

undefined

 

 

第三步:调整模型材质

模型导入后就开始调整模型的材质了,点击场景下以刚才导入的模型名称命名的文件夹点击箭头展开,会出现材质球点击选择。

undefined

 

 

对应的右侧就会出现材质球的操作面板了,下面给大家默认材质参数和调整后的参数的对比做为参考。

undefined

 


调整后如下图的效果:

undefined

 

参照以上步骤分别倒入皮肤、神经、骨骼、大脑、肺等各个器官,分别调整材质,此案例为新冠肺炎人体结构案例 所以在肺部器官做了重点凸显。

 

第四步:旋转动画

 

倒入完成调整完材质后点击下确认看下整体的效果:undefined

 


给他加一个旋转动画看下动态效果:

注旋转效果必须在e3d插件里面添加否则在图层里面添加的都是平面纸片人的效果不能直接旋转。

undefined

 

 

第五步:人体周边旋转圆动画

实操下人物底座圆圈的动效思路(底座采用ps切图导入到ae里面做动效的思路)

首先打开ps 看到右侧图层 分层导出为png图片

undefined

 


将导出的png导入到ae里面,给圆环添加旋转动效,

undefined

 


这块动效的思路是:圆盘一共由内到外分为四层,将1、3、4层的圆环添加顺时针旋转,这样整体的旋转动效就完成了,如下图:

undefined


 

圆盘底座动效做好后,给图层添加预合层,将预合层手动压扁为可是角度,如下图:

undefined

 


最后添加人物、文字等动效效果:

undefined

 

 

总结

本文分享了科技人物实现的方法和思路,大家可举一反三打开思路实现一些更炫酷的效果。

下面说下过程中需要注意的点:

1、E3D插件在导入obj路径和模型的命名必须是英文,中文容易出问题,可能是软件破解没破解完善。

2、2、E3D模型的旋转动效必须要在E3D插件里面添加,用ae里面的旋转会有问题转不过去。

 

 

 

最后,把文章中的素材文件分享给大家,在文末附件里下载。

喜欢文章的朋友,感谢点赞支持 ❤️❤️❤️


73
阅读原文
|
举报
|
170
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】汽车icon
拟物风质感写实UI卡片合集源文件
手表表盘UI系列
UI应用平面图标
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】秒杀icon
【新年UI图标】珠宝icon
智能家居中心 简约 UI设计组件库
我的钱包-UI界面设计-app
UI通用设计素材1
新能源APP应用UIKit
【新年UI图标】钱包icon
盲盒APP UI设计
3D渐变流体抽象矢量UI背景图
钱包ui模板
UI 登录界面设计模板包
新拟态风格 UI设计组件库
高级表盘系列UI源文件
【新年UI图标】影音icon
【新年UI图标】30个图标
抽象液态渐变UI背景模版
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】银行卡icon
登录注册