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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
火爆全网的《摩尔庄园》,新旧版的视觉有何差异?
0.0°
2021-06-20 原创文章 经验/观点 举报 598 0 0 0

要说六月最热的游戏是什么,靠情怀和口碑上线的《摩尔庄园》必须有名字。



上线4日,下载了接近3000万。微博、朋友圈、知乎、豆瓣......几乎各个带点社交性质的平台,都被《摩尔庄园》相关话题所充斥着。


微博热搜上了近30次,每次都有新花样。 


《摩尔庄园》最早是一款网页游戏,于2008年4月开放,是一个专为儿童设计的虚拟交互社区,有装扮、宠物养成、虚拟小屋等功能,游戏玩家可以在虚拟游戏世界李进行角色扮演。


而今年,网页版本游戏暂停更新的五年后,全新3D版本的《摩尔庄园》手游上线,从视觉上就和旧版本有完全不一样的体验。


旧版页面视觉▼


新版页面视觉▼


在游戏中,想要有更为真实的视觉效果,就需要有比较强的质感表现。


这里需要引入一个概念,即人所看到的物体都是光照射到物体之后,再由物体反射到人眼中形成的图像,其中的核心就是光。


游戏中会出现多种多样的物体,不同材质的物体质感不同。



# 场景设计中的质感表现 #



# 透光材质

1.透光材质的特点


透光材质的透光能力较强,光线穿过这种材质的时候衰减很少,其穿透率接近100%。清澈的湖水、玻璃、水晶等都是常见的透光材质,如图所示。


当光线直射透光材质的物体时,有些光线会直接穿透该物体,有些光线会被其相对光滑的表面反射。环境光也会对透光材质有所影响。


如图所示,主光源A照射到透光材质的球体上时,球体光滑的表面会反射一部分光线a-1和a-2。因为反射光线a-1是由正对着主光源的物体表面反射的,所以强度会略强于反射光线a-2。环境光整体的强度都比较低,因此会相对平均一些。


2.透光材质的画法:冰块


01 确定冰块基础形体、主光源和辅助光的位置,如图所示。


02 根据光源表现出光影关系,注意把握物体的立体感,如图所示。


03 绘制冰块的固有色和主光源色彩,如图所示。因为冰块本身着色能力较差,所以光线对其的影响不是特别大。


04 对冰块表面特有的磨损痕迹及当前视角下观察到的冰块底面进行刻画,如图所示。注意不同光源对物体本身色彩的影响。


05 在冰块中加入适量的冰冻柠檬片,以方便观察,如图所示。


透光材质的特性就是通透性好。将透光材质置于被观察物体与眼睛之间依旧可以较清晰地看到被观察的物体。


# 高光材质

1.高光材质的特点


高光材质表面光滑,反光能力特别强。当光线照射该材质物体表面时会出现高亮区域,如经过抛光处理的金属及上釉的陶瓷等。

高光材质是一种特别容易受到周围环境影响的材质。


图中的金属球受到主光源A照射后,处在光线直射位置的物体表面反射的光线a-1会略强于周围区域反射的光线a-2。高光材质对环境光的反射效果与此类似,但环境光的光照能力较弱,会呈现相对平均的反射状态。


2.高光材质的画法:金属


01 确定金属的基础形体、主光源和辅助光的位置,如图所示。

再表现出光影关系,如图所示。


02 将金属的固有色,以及主光源、辅助光的色调表现出来,如图所示。


03 本案例中的辅助光为蓝光,照射到物体表面时会使物体的固有色产生色彩倾向。光照不足的地方会与高亮区域形成强烈的反差,如图所示。


04 进一步提升物体高亮区域的亮度和受环境光影响部分颜色的亮度,完成金属材质的表现,如图所示。



# 哑光材质

1.亚光材质的特点


亚光材质表面一般比较粗糙,反光能力较弱。粗糙程度不同的亚光材质对光线的反射能力也不同,如木材和石头等。

当光线直射亚光材质时,该材质物体表面会呈现漫反射状态。


图中主光源A照射到亚光材质上时,其不光滑的表面会反射掉大多数的光线a-1。此时物体的整体光影色调比较柔和。而环境光整体的强度都比较低,会呈现相对平均的反射状态。


2.亚光材质的画法:木头


01 确定木头基础形体、主光源和辅助光的位置,如图所示。

再表现出光影关系,如图所示。


02 表现出木头的固有色,及主光源、辅助光的色彩,确定整体的色彩基调,如图所示。


03 通过改变色彩区分出树皮和木材,如图所示。注意

此时整体呈亚光状态,不会出现高亮区域。


04 加大树皮的厚度,表现出局部的明暗光影关系。在受光线直射的地方加强明暗对比,使木头更加精致。效果如图所示。


Powered by Froala Editor

更新:2021-06-20

收藏

0人已收藏

数艺设

人民邮电出版社数字艺术分社

  • 491

    作品

  • 1108

    粉丝

  • 0

    关注

  • 分享一个普通插画师,很难Hold住的画法!
  • 为什么现在学Photoshop,也不算晚?
  • 乌江榨菜国风新包装!设计师画了40多稿
  • 你感受过五彩斑斓的孤独吗?这些高饱和度插画里隐藏着生活的力量
相关标签

    猜你喜欢

      2021-06-20 原创文章 经验/观点 举报 598 0 0 0

      火爆全网的《摩尔庄园》,新旧版的视觉有何差异?

      0.0°

      你确定要举报火爆全网的《摩尔庄园》,新旧版的视觉有何差异?

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2021年06月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录