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

上海/UI设计师/4年前/1039浏览
3D图标的流行趋势分析与案例小结

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

游戏美术表达越来越扁平化,游戏内的视觉更多依靠人物原画和精致的图标撑起视觉中心,与以往的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美术全流程设计服务。

商务合作联系方式

电话:17301649409
微信:17301823445

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

13
Report
|
18
Share
相关推荐
其他
其他
其他
其他
作品收藏夹
如果美术当了老板,产品能做成什么样?
Homepage recommendation
文章内容含视频
「新怪谈」如何用美术 营造诡异氛围
Homepage recommendation
文章内容含视频
为什么我们的招牌不好看|艺海旅人
Recommanded by editor
文章内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
其他
其他
其他
其他
作品收藏夹
C4D
C4D
C4D
C4D
作品收藏夹
NFT
NFT
NFT
NFT
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
大家都在看
Log in