恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见
masterGo

推广

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
你的大屏缺少这样的动画效果!来来来,手把手教你如何操作!
3.0°
原创文章 / 教程 / / 举报
506 6 1 0

2021-09-29

干货分享form粒子人物动画

本章用到的设计工具: C4D+AE

AE插件:Form粒子

转换文件格式工具: isparta

转换文件格式工具链接: iSparta-PNG压缩与格式转换工具

下面这些视频就是用Form粒子生成的效果~


前言:这段时间公司在招聘,很多人投的简历几乎都是平平淡淡,出彩的地方也就是中间三维模型,而这种三维模型也几乎都是三维设计师做的,和自己没多大关系。

那么,如何使自己的设计图,增加一些亮点来丰富大屏呢?用“Form粒子”做动画,分分钟使你的图活跃起来!方法很简单,来来来,开始手把手教你做了。

1. 安装插件

本章需要用到AE的Form插件,所以要提前安装,网上找不到免费的可以从T宝上买,如果不想T宝,其实我这里也有~,免费的哦!免费的哦!免费的哦!调皮了,想要的私信我即可,还有安装教程哦。

2.  准备3D素材

以案例为例,需要准备2个3D人物素材,如果没有素材的,推荐几个网站:

https://www.cgtrader.com/
https://www.turbosquid.com/
https://www.3d66.com/(国内网站)

前2个是国外的,需要“翻墙”才可以访问,如果有需要模型的,可以私信给我。

3.  3D模型优化

一般从网上下载的模型,尤其人物模型的布线都不是特别规整,有的关节或者衣服地方布线多少不均,会导致form显示效果不好,例如下面情况。

这种模型的布线,会导致人物重心不稳,四肢分散,没有关联性问题。这时,需要对布线少的地方加线,布线多的地方减线,达到分布均衡。先把我们下载好的2个人物模型拖到同一个场景里,调整好人物大小,并且在同一个平面上,如图。

单独的2个人站立会不符合重力学,需要添加地平面,普通的平面效果会显得平淡,不丰富,所以在下面添加一个简单的地形,如图。

单独的地形会有些单薄,画面头重脚轻。所以在地形下面加一个圆盘,圆盘的布线需要多一些,这样才能和上面的地面融合到一起。如图。

通过图我们会发现,地图地面是四方形,与圆柱体融合在一起会有四面分割的感觉,转动起来视觉效果不好。所以我们要把地形C掉(转换为可编辑对象),去掉4个角,使其变得过度圆滑即可。如图。

将调整好的图导出“OBJ”格式,不用改变任何选项,直接点保存即可。

4.  AE制作动画

1. 打开AE,新建合成:730×680px;持续时间:6s。

合成的尺寸对以后导出文件大小有很大影响,所以只要和大屏上所在位置大小相同即可。持续时间长短,会对以后导出关键帧数量有影响,不建议时间太长。

2. 将“OBJ”文件直接拖入AE中。右击合成区域,新建黑色纯色层。

3. 将obj模型拖入到纯色层下方,并隐藏。

4. 在下“效果和预设”输入框中,输入:form,将“form”直接拖到纯色层上。

5. 基础结构选为:OBJ模型;OBJ设置中,3D模型选择刚拖入的三维模型。

6. 从上面图右侧的预览图中可以看到,人物不在平视的角度,需要旋转x调试。

这里的数字不是固定的,调整到合适的角度即可。

7. 从上面图右侧的预览图中可以看到,人物高度比较偏矮,不高大,需要对人物进行拉高处理。

8. OBJ模型设置-粒子来源选择:顶点(叠加后科技感和透视感强)

粒子效果-球体羽化:1(增强模型顶点的精度)

尺寸叠加:径向

透明度:53%

透明度随机:1%

透明度叠加:X轴

9. 从颜色优化调整,点击颜色设置选项,选择自己效果好或者自己喜欢的选项,本章中选择根据Y轴渐变色,色值如下(颜色顺序从左到右):#10A2EB;   #00D0FF;   #0067FF:   #00A6FC

10. 制作旋转动画。在第一帧时,点击一下:旋转Y。

在最后一帧,点击一下:Y,并把  “0x”  改成  “1x”。

10. 导出文件。点击文件-导出-添加到渲染列队。设置输出模块的格式为:PNG序列;通道:RGB+Alpha。点击确认。

点击输出选项,选择好要存储的位置后,新建文件夹,取好名字,点击创建。


5. 生成APNG动画格式。

APNG文件是透明的动画图片格式,是可视化动画的最佳选择(个人观点,不喜勿喷)。

将导出好的文件夹,直接拖入到  “isparta”  中,修改输入名字,默认输出格式是APNG,下方有压缩质量选项,因为压缩质量不好,建议不选。如果需要压缩,推荐在线网址:https://tinypng.com/。

最后生成的文件是透明的png格式文件,如果预览则需要拖入到网页,苹果电脑点击空格键既可预览。

小结:本章分享的内容是用Form粒子插件+obj模型做的人物旋转动画,像这种动画效果还可以延展很多。Form里面的一些参数设置,可以尝试修改,会有更多的效果延伸。


感谢大家的阅读,希望文章能帮到你,如果能关注公众号“小狼可视化”、分享就最好不过了。

微信公众号二维码(每周都有干货):



Powered by Froala Editor

收藏

6人已收藏

小狼可视化

每周干货分享

  • 2

    作品

  • 5

    粉丝

  • 0

    关注

  • 可视化必用的地图教程分享!还有很“干”的货在后面~

猜你喜欢

    小狼可视化

    小狼可视化

    每周干货分享

    • 5

      粉丝

    • 4.4

      人气

    • 86

      颜值

    作品

      最新推荐

      [AE教程] TabBar动效,上手就会

      590 0 0

      相关佳作
      换一换

        小狼可视化

        点赞:1

        收藏:6

        评论:0

        你的大屏缺少这样的动画效果!来来来,手把手教你如何操作!

        你确定要举报你的大屏缺少这样的动画效果!来来来,手把手教你如何操作!

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年09月29日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录

        可云端编辑的专业级UI设计工具

        立即体验