7

C4D+Octane动态海报设计教程,科技感十足!

 3 years ago
source link: https://www.shejidaren.com/c4d-dongxiao-jiaocheng.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

C4D+Octane动态海报设计教程,科技感十足!

5月 20, 2021 发表于: 视觉设计. 评论

Sponsor

前言:大家之前看过阿里的UCAN主视觉设计吗?没看过请看下图,这是一个由动态符号组成的动态海报设计,看起来非常酷,到底如何实现的呢?今天就分享这个Octane+C4D教程给大家,本次教程的内容通用型很强,学会后可以尝试用到自己项目上哦。

C4D+Octane动态海报设计教程,科技感十足!

今天分享一个简短的创作思路,仅供参考原理,不作100%还原。

先备好C4D、Octane。

 1、基础形态 

新建一个圆环,分段数不要太低。在垂直方向Y轴上给一个“螺旋”变形器,把平面的圆形扭成一个立体的8。

C4D+Octane动态海报设计教程,科技感十足!

新建一个平面,通过锚点编辑将它改成带圆角的三角形。

给它俩添加“扫描”效果器,你就得到了一个类似莫比乌斯环的形体。

C4D+Octane动态海报设计教程,科技感十足!

就还,挺妖娆的。

如果觉得动感不够,可以继续给圆环添加一个“扭曲”变形器,让造型更妖娆一些。

 2、灯光场景 

显而易见Design Week这个KV走的是酸性金属风格,因此我们场景需要一个镭射质感的幻彩背景。

C4D+Octane动态海报设计教程,科技感十足!

车展上为了呈现汽车轮廓曲线的立体感,会用阵列式的格栅光源,那种光怪陆离的灯效充满了未来科技感,非常适合营造酸性金属风。

C4D+Octane动态海报设计教程,科技感十足!

因此我们用OC区域光进行阵列,从主体的几个不同方向添加到场景,完成布光。

至于灯光的冷暖和强弱对比,大家可以根据喜好自行安排。

 3、镭射材质 

酸性金属表面有一层看似油膜反射的色散材质,有很强的视觉流动感。

实现方式非常简单,在OC材质系统里打开薄膜选项就行了,参数可大致参考我给的数值。

C4D+Octane动态海报设计教程,科技感十足!

如果更考究一些,你也可以选择Mix混合材质,将薄膜材质与半透明材质融合一下,使主体看上去更通透。

4、动起来! 

回到基础形体,在“扫描”效果器-对象选项面板里,将“细节”打开,分别在0帧和120帧K出如下的数值:

C4D+Octane动态海报设计教程,科技感十足!

调整摄像机视角,将时间轴归位,从头开始播放动画,你就能得到一个立体“&”形态无限自循环的效果。

C4D+Octane动态海报设计教程,科技感十足!

最终调整布光阵列的位置,反复观察在形体表面形成的反射是否美观,调整摄像机焦距,打开辉光参数,渲染输出所有帧,进行简单排版就能得到如下视频:

C4D+Octane动态海报设计教程,科技感十足!

(这是之前做的,我偷懒了,没有加背景)

至此就基本完成了视觉符号的设计,你有时间也可以将“&”的基线换成其他造型练练手,看看会不会有什么意外的惊喜。

延展探讨 

以上是关于技法实现的探讨,聊完了我们一起回到这个符号本身。技法只是表象,思辨才是设计的本质。

Design Week选择“&”作为视觉符号,是一个取巧的策略。“&”意同and,来源于拉丁语et (意为and)的连写,逻辑上表示两者属于缺一不可的关系。

设计作为纽带,一端绑定用户,一端绑定商业;

设计作为桥梁,一端连接人文,一端连接科技。

重要的是找到这个符合语境的设计语言,通过图形透传品牌理念,而不仅仅是表现出来。

一件经典的设计不但可以满足社会需求,也是技术与艺术的平衡,更是心智与认知的革新。

比如VR全景视频;比如iPhone的视网膜屏幕;比如扎哈的建筑。

设想一下,如果是你来操刀Design Week的KV设计,你会怎么臻选视觉符号?

作者 | lavon
来源 | 赏酒二两(id:Spirits-100g)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK