meshmellow school

微信登录

查看: 1490|回复: 0

环境艺术案例分享|使用Marmoset工具包制作2.5D手绘猫咪商城

[复制链接]

54

主题

54

帖子

302

积分

版主

Rank: 7Rank: 7Rank: 7

积分
302
发表于 2020-8-3 10:52:27 | 显示全部楼层 |阅读模式
本帖最后由 馃お 于 2020-11-11 10:53 编辑

公众号版头_看图王.jpg

2D和3D大家都耳熟能详,平面和三维的区别。
2.5D还真是个新鲜玩意儿,今天小编就为大家带来可爱的手绘猫咪商店的环境艺术教程,通过制作者的讲述,了解如何用Marmoset Toolbag制作2.5D作品,让2D图片呈现3D效果。
先来让小编为大家科普一下2D、3D和2.5D的区别吧!


2D如大家所知所有的素材和贴图都在平面维度上,就像画一样。3D是所有的元素都靠建模完成,可以360随意翻转。

而2.5D是2D+3D,将2D图片通过建模软件渲染对2D图片做一个辅助性质的延伸,因为贴图有限,只能在部分角度进行旋转观察。作品的设计师设计了哪几个角度就只能在这些角度进行观察。好处是可以免去大量计算工作,又能有远超2D的立体效果。

本教程中的艺术家Angelina Diez作为3D艺术家,会把自己感兴趣的2D作品渲染成2.5D作


品,一起来看一看她是怎么做出可爱的猫咪商店的作品的吧!

微信图片_20201111103631.jpg


Angelina Diez
3D艺术家,工作于西班牙Ubisoft Barcelona。喜欢手绘艺术品,卡通,程式化的角色,环境和道具。从小玩暴雪游戏,奠定了她对风格化艺术的研究道路。她经常会做自己的概念艺术作品,但是有时会被其他艺术家的一些精美的2D作品吸引,并且尝试把他们转化成3D作品。

概念
微信图片_20201111103632.jpg

我选择了Cream Bird的概念,这是一家满是糖果和猫的商店的立体模型。由于它处于等轴测视图,我决定为场景创建2.5D元素,以赋予3D幻觉。我还想设置一个类似于《暗黑破坏神3》或《飞艇集团》中的《追逐战机》的静态等距视图相机。

建模–封锁和UVs

微信图片_202011111036321.jpg

我使用3ds Max屏蔽了概念中的主要元素,并且构建了一个和概念相似的场景。这使得我可以删除一些网格中看不见的面,或者简单地创建一些对称来进行有效的纹理处理。

微信图片_202011111036322.jpg

之后,我创建了UV,并在不同的纹理贴图中组织了元素。 我使用包含多个元素的场景来执行此操作,以便更好地管理对象、图层和alpha等。
纹理

微信图片_202011111036323.jpg

手工绘制纹理时,不要有任何光源非常重要,因为这样会产生不必要的颜色。 相反地你可以在纹理贴图中手动绘制自己的光源。在使用3DCoat时,我选择“视图”>“平面阴影”来防止预想之外的光源影响网格的最终颜色。

微信图片_202011111036324.jpg

在3DCoat中使用Alpha类似于在Photoshop中使用图层蒙版。 在第一层上绘画时,需要隐藏背景层(第0层)。 这样可以清楚地看到要遮盖的区域。 、
提示:选择“视图”>“平滑阴影”,以避免在场景中渲染Alpha /透明度图层的方式出现问题。

微信图片_20201111103657.jpg

我烘焙了一些简单的环境光遮挡贴图,以帮助纹理化过程的开始。 从单个摄像机的角度进行工作时,我手工绘制了所有内容,添加了基础色并将其与概念相匹配。 即使从这个特定的摄影机角度绘画的,我还是会偶尔旋转场景并检查网格或纹理中的视觉错误(例如,看到几何形状或纹理中的孔变形严重)。 在此阶段,我绘制了一些光影细节,还在3DCoat和Photoshop之间绘制了Alpha贴图,以帮助优化纹理。
2.5D元素

微信图片_202011111036571.jpg

当我处理场景中的一堆微小元素时,我通常更喜欢使用大多数等轴测视图游戏中使用的技术。 我首先在Photoshop中绘制资产(类似于绘制概念图像),然后使用3D包创建平面并将绘制的纹理映射到其上。

微信图片_202011111036572.jpg

在这一过程中,我开始相应地调整平面形状以适合我的物体的形状。
微信图片_202011111036573.jpg

我将对象放置在场景中,并根据相机的等轴测图调整了平面和几何形状,以产生立体感。 现在可以在Toolbag中布置场景了。
设置场景


我总是使用Marmoset Toolbag进行最终渲染。 它非常通用且易于使用,可以大大改善了场景。 由于我导入的模型具有先前在3ds Max中指定的纹理集,因此设置过程往往非常快。 我将所有内容导出为.FBX,并将其导入到Toolbag中,然后纹理自动分配给了我的网格。
照明和后期处理

微信图片_202011111037252.jpg

在这一阶段,我们可以开始使用灯光和后期处理效果。在“渲染”设置中,我启用了“环境光遮挡”以帮助在场景中创建更整合的外观。通常,我会使用“天空预设”设置场景的初始气氛。对于此场景,我选择了“阴云密布的天空预设”并设置了较低的“亮度”。

然后,我开始放置由一些聚光灯和定向灯组成的主灯,并将它们设置为不同的颜色。启用“投射阴影”并将其放置在不同的位置。分别调整了每个灯光设置,直到获得满意的结果。

当涉及到对手绘场景进行照明时,需求非常微妙,因为纹理已经绘制了光影值。所以放置一些Omni光以帮助观众将注意力集中在场景的某些部分。我在这里最常使用的两个滑块是“衰减曲线”和“亮度”设置。就像绘画,但是使用光代替了画笔。

我想上传一个Marmoset Viewer版本,但是想保持相机视图而不允许观众旋转场景。 为此,我启用了“在查看器中使用限制”,“限制轨道修补程序”和“限制轨道视图”,并根据自己的喜好调整了这些值。

这是Marmoset Viewer场景的最终版本。 您可以注意到我在场景中旋转时设置的限制,并且可以双击查看场景中每个地图的细分。


在“相机”设置中,我添加了一些“锐化”和“小插图”。并且决定将背景颜色设置为深蓝色,以使焦点区域保持在主场景内。
结论
微信图片_20201111103725.jpg

我真的很喜欢创造这个细节丰富的作品,里面充满了色彩,糖果和猫! 我也真的很喜欢猫。 实际上,其中一些猫我画的像我自己养的猫!
微信图片_202011111037251.jpg
把平面图片放置到了3D环境中,小编觉得有点像皮影戏呢。2.5D作品相较于原图立体了不少。对于想要完成一个精美作品的新手来说,值得作为初次尝试建模的选择。
如果你也想让自己的手绘更出彩,不如使用Marmoset Toolbag做一下渲染!想获得软件,就来找我们吧!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|meshmellow school

GMT+8, 2025-1-30 04:17 , Processed in 0.042685 second(s), 7 queries , File On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

返回顶部