恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
3D图标的流行趋势分析与案例小结
0.0°
2021-09-17 原创文章 设计趋势 举报 975 0 1 0

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

Powered by Froala Editor

更新:2021-09-17

收藏

0人已收藏

叶子学堂

叶子学堂 官网:http://www.yezixt.com

  • 195

    作品

  • 7269

    粉丝

  • 3

    关注

  • 2024大厂实体班起飞计划❗0基础玩转游戏UI❗️
  • 《书与花》乙女风作品复盘
  • 《鉨变》二次元作品设计复盘
  • 韩 系 黑 白 独 立 风 作品设计复盘

    猜你喜欢

      2021-09-17 原创文章 设计趋势 举报 975 0 1 0

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

      0.0°

      你确定要举报3D图标的流行趋势分析与案例小结

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      0
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录