区块链技术博客
www.b2bchain.cn

C4D在网页设计中的实际应用求职学习资料

本文介绍了C4D在网页设计中的实际应用求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

先上阶段效果,后期可能还会做调整。

C4D在网页设计中的实际应用


以前基本都是看到一些概念稿或者一些国外的项目应用3D的效果在网页设计中。这次刚好一个项目中应用到了。就和大家分享一下。

项目的流程

由于也是第一次做这种带3d的项目,前期没啥经验。因此在第一次做case的时候浪费了很多时间,直到第二个产品的时候才揣摩清楚流程。
1- 和甲方沟通清楚需求。
2- 根据甲方需求出静态图。
3- 根据静态图出动态demo草图(可以模糊和无材质),主要表达清楚动态和叙事关系。
4- 渲染高清序列帧
5- 进AE进行后期调整
6- AE导出带Alpha的PNG透明序列帧(这有个好处,开发就可以直接播放序列帧了)
7- 交付程序员进入程序开发。


模型的准备

客户的模型本身整理得比较好,不过由于是3ds max+vray的,而我用的是C4D+Octane Render4.0,在模型和材质的兼容性上都有需要调整。
1、要求客户把所有材质的命名都用英文,因为无论是obj还是3ds格式,在从3ds Max导出的时候都容易产生无法链接中文材质文件的情况,因此在前期就需要把这块问题处理好。不然到了C4D中,材质就会丢失。


模型的分层

一般来说,如果产品比较简单其实没必要分层,但是由于我这次的项目是比较复杂的医疗器械,模型元件比较多,因此在前期把需要动的部分单独拆分出来,便于独立控制也调整动画。
C4D在网页设计中的实际应用

先上阶段效果,后期可能还会做调整。

C4D在网页设计中的实际应用


以前基本都是看到一些概念稿或者一些国外的项目应用3D的效果在网页设计中。这次刚好一个项目中应用到了。就和大家分享一下。

项目的流程

由于也是第一次做这种带3d的项目,前期没啥经验。因此在第一次做case的时候浪费了很多时间,直到第二个产品的时候才揣摩清楚流程。
1- 和甲方沟通清楚需求。
2- 根据甲方需求出静态图。
3- 根据静态图出动态demo草图(可以模糊和无材质),主要表达清楚动态和叙事关系。
4- 渲染高清序列帧
5- 进AE进行后期调整
6- AE导出带Alpha的PNG透明序列帧(这有个好处,开发就可以直接播放序列帧了)
7- 交付程序员进入程序开发。


模型的准备

客户的模型本身整理得比较好,不过由于是3ds max+vray的,而我用的是C4D+Octane Render4.0,在模型和材质的兼容性上都有需要调整。
1、要求客户把所有材质的命名都用英文,因为无论是obj还是3ds格式,在从3ds Max导出的时候都容易产生无法链接中文材质文件的情况,因此在前期就需要把这块问题处理好。不然到了C4D中,材质就会丢失。


模型的分层

一般来说,如果产品比较简单其实没必要分层,但是由于我这次的项目是比较复杂的医疗器械,模型元件比较多,因此在前期把需要动的部分单独拆分出来,便于独立控制也调整动画。
C4D在网页设计中的实际应用

先上阶段效果,后期可能还会做调整。

C4D在网页设计中的实际应用


以前基本都是看到一些概念稿或者一些国外的项目应用3D的效果在网页设计中。这次刚好一个项目中应用到了。就和大家分享一下。

项目的流程

由于也是第一次做这种带3d的项目,前期没啥经验。因此在第一次做case的时候浪费了很多时间,直到第二个产品的时候才揣摩清楚流程。
1- 和甲方沟通清楚需求。
2- 根据甲方需求出静态图。
3- 根据静态图出动态demo草图(可以模糊和无材质),主要表达清楚动态和叙事关系。
4- 渲染高清序列帧
5- 进AE进行后期调整
6- AE导出带Alpha的PNG透明序列帧(这有个好处,开发就可以直接播放序列帧了)
7- 交付程序员进入程序开发。


模型的准备

客户的模型本身整理得比较好,不过由于是3ds max+vray的,而我用的是C4D+Octane Render4.0,在模型和材质的兼容性上都有需要调整。
1、要求客户把所有材质的命名都用英文,因为无论是obj还是3ds格式,在从3ds Max导出的时候都容易产生无法链接中文材质文件的情况,因此在前期就需要把这块问题处理好。不然到了C4D中,材质就会丢失。


模型的分层

一般来说,如果产品比较简单其实没必要分层,但是由于我这次的项目是比较复杂的医疗器械,模型元件比较多,因此在前期把需要动的部分单独拆分出来,便于独立控制也调整动画。
C4D在网页设计中的实际应用

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » C4D在网页设计中的实际应用求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们