欢迎光临散文网 会员登陆 & 注册

3D图标的流行趋势分析与案例小结

2021-09-17 09:58 作者:叶子网络官方  | 我要投稿

游戏美术表达越来越扁平化,游戏内的视觉更多依靠人物原画和精致的图标撑起视觉中心,与以往的2D手绘图标相比,3D渲染图标有一些降维打击的优势。

这是我们最近的团队内部练习图

3D渲染图标相对于2D手绘图标,通过打光,渲染计算出得效果、体积和光影层次。相对2D更加细腻,质感细节更加丰富,也更加漂亮。说的直白点,是手画不出来的效果。在品质上相对2D也有明显的优势。

我等人类高质量设计师,为了对美的追求,主(bei)动(po)营业,拿起3D软件,开心的拥抱新时代。

前有《明日方舟》、《战双帕弥什》、《解神者》,近有网易的《王牌竞速》,我们正在参与或负责3D图标的在研项目也不少,可以说3D图标是行业最新流行趋势,大家都在摸索和总结阶段,我斗胆总结了一下我的设计经验。

1、3D图标的大轮廓简约,并有些细节很写实。

无论是原画、UI还是图标,一个项目的审美和设计特点,整体应该是统一的。时下最流行的简约扁平主机风,图标造型上也遵循整体偏扁平、简约、时尚的流行趋势;又因为3D渲染非常适合做出真实感,所以3D图标设计的简化公式:简约的大轮廓再加一些写实的细节

a. 简约的大轮廓           


《战双帕弥什》商场中的卡牌礼盒,基本以简单的正方形轮廓的设计,极其简约,现代感扑面而来。 

《明日方舟》中抽卡的包包同样也是简单的外轮廓。

我把造型用红色描了出来,这些3D 图标都遵循了外轮廓简约概括的特点。

b. 写实的细节

在设计细节上,结构之间的比例关系和文字排版,都遵循写实的特点规律。

举例子:

《王牌竞速》中,锁扣在整体中的比例偏写实,结构之间的分模线设计,还有黑色箱面上特殊的纹理,卡片上文字的排版和镭射,都是极其琐碎的写实细节,如果纯用手画,做不到如此动人的感觉。 

《明日方舟》包包中的拉链细节,缝合线,包包上的图文排版,都是非常写实、详尽的细节轮廓。

金刚杵上的纹理材质,背景板上的细密经文,也都是很写实的细节。

2、高质量渲染才能撑起画面

既然设计上我们追求简约、大气,那在质感上追求更高质量的渲染效果,才撑的起画面。于是下面两个问题就是我们要重点解决的:

a. “现代感”的材质有哪些?

首先使用3D图标的游戏基本是近现代的背景设定,例如,赛车、战争、近未来等故事背景。

所以,设计图标时用到的材料是现代材料,或是现代工艺的材料。

例如:玻璃、合金、塑料、油漆等

塑料这种材质近现代才出现,颜色变化也很漂亮,就很有现代感。

玻璃心脏,虽然古代也有玻璃,但还是能看出是一种现代玻璃。除了造型设计的因素,从材质上讲,是因为它非常干净,通透。古代玻璃达不到这么高通透的工艺水平,所以即使是玻璃也能体现现代感。

结构之间的接缝很紧密,喷漆后也是光滑高反光的现代感。

金属也是同样的道理,金属的光滑程度很高,也能体现“现代感”。


图上给出了制作时的材质参考,其中光滑的黄色金属,白色的合成材料,半透明的胶带,使用的都是一些“现代”材质。


b. 又爱又恨的金属材质

金属在3D渲染的过程中是一个很容易出效果的材质,但是也特别难控制。多数情况为了效果会采用夸张金属特征,但如果环境过于复杂,或者打光没打好,就会像下图一样(渲染试稿),控制不好就会花和脏,金属质感要在体现出效果和质感的同时,保持色彩的稳定。

左边的金属中放射的内容太多,就显得很花,右边调整以后下面太黑,又显得很脏。

大量的使用金属材质,是可以很好的发挥出3D渲染的优势,可以通过调节金属的粗糙度、金属性等参数,表现出不一样效果的金属材质,达到丰富画面和增加层次的效果。

在这个案列中就使用了大量金属材质,但通过材质参数的不同,体现出4种不同的材质效果,材质细节丰富到催人尿下。


3、3D图标的设计步骤

3D图标的制作过程和2D大同小异。由于中间加入了3D步骤,有些地方需要重点检查。

1. 首先根据需求,设定制作出草图方案。

2. 给方案配色和配材质,这步需要2D绘制出一个大概的效果,如果3D渲染材质不是很了解,需要绘制的完成度尽量高一些,减少和3D设计师的交流成本,也避免发生肢体碰撞。


3. 根据项目需求,用3D软件建出模型。在素模阶段,需要对比例多次进行审核调整,因为2D设计图的透视和结构比例是根据个人经验刻画的,3D模型最后呈现的效果可能和2D草图有出入,所以要在模型阶段进行比例的调整。

4. 设置材质参数,打光等。

5. 渲染好的图片需要再次进行2D的精修。我常做的是加强体积、添加颜色等工作,在ps中框选某些区域进行调整是很方便的,但是3D渲染牵一发而动全身,所以在渲染的质量还不错的情况下,通常会使用p图的方式处理一下,我们这些2D出身的设计师还是喜欢后期修图,渲染非常优秀的同学,可以完全直出。


2D方案→3D建模→渲染→2D精修

总的设计思路和步骤就这样,

如果对具体制作感兴趣的同学,请在讨论区留言,说说你想了解的问题。等项目间歇期,咱们再来一篇。

作者介绍

张书记,新木创意美术团队2D原画组组长,叶子学堂图标组高级讲师,参与《非人学园》《幻书启世录》《王牌竞速》《三国志战略版》等项目,主要负责图标部分。已婚已育,哈哈哈哈哈。

上海新木创意 LEAF STUDIO

18年成立的游戏美术团队,与叶子学堂产教结合。

现有来自国内外设计师100余位,网易、完美、腾讯、字节、阿里等公司美术供应商。提供2D美术全流程设计服务。

我们团队也在招聘各路2D好手设计师,原画设计师(角色、图标、场景)、界面设计师。感兴趣的同学可以把简历作品投至邮箱:2530966426@qq.com

3D图标的流行趋势分析与案例小结的评论 (共 条)

分享到微博请遵守国家法律