如何增加深度感?


12

我在后台绘制了几个山地模型。在此处查看实际的屏幕截图:

在此处输入图片说明

在最后面,您会看到那些灰色的山脉。尽管它们是如此之多,但它似乎仍未“处于后台”。

我怎样才能给那些山增添深度感?我希望他们离得很远。

多亏了DarenW,现在的样子 在此处输入图片说明


4
老实说 我认为第一张图片看起来更好。达伦建议照亮山脉,但他们变得更暗。实际上,那些灰色的山脉已经很轻而且已经饱和,所以根据达伦的回答,创建雾霾将是最好的。第二张图片中较大的尺寸也使它们看起来很气势,并且距离较远(而不是更大)。
Attackfarm 2013年

@IMX我回滚了您的编辑,删除了屏幕截图。提出问题后,请不要删除部分问题。
内森·里德

@Attackfarm您的眼镜在哪里?:)
bobobobo

@bobobobo您认为第二张图片中的那些山更轻更小?也许我确实需要新眼镜!= P
Attackfarm

Answers:


19

尖锐的橙色物体正向所有物体推进。在视觉艺术中,距离表示为:

  • 帕勒颜色。只需将强烈的橙色/锈色更改为较不饱和,将有助于加载。
  • 较浅的颜色。将物体的自然色与天空色或柔和的浅色(例如浅灰色或浅天蓝色)混合。与此相关:如果任何物体是黑色或非常暗,它们会在浅色背景前很好地弹出。浅色物体可能需要一些帮助,例如强烈的阴影,一些深色特征或轮廓。
  • 稍微偏离焦点(假设观看者要聚焦在附近的物体上)。对于逼真的场景,只有一点点不清晰。但是考虑一下艺术风格-您可能会使用严重的模糊效果。我已经看过类似的游戏,而且从视觉上来说还是很有趣的,但是只有当您也使用较浅/较浅的颜色时,它才能起作用。
  • 细节丢失。即使背景特征很清晰,对比度也较小,甚至消除了细微细节,例如裂缝,凸起,纹理。
  • 距离对象丢失细节的反义词:锐化边缘,附近对象的精细比例细节纹理。您甚至可以使用边缘检测器添加轮廓。在从旧的星期六早晨的卡通到最新的动画的动画中,通常情况下,前景角色具有良好的调制线条,而背景艺术仅是彩色区域,没有特殊的边界处理。当然,这涉及艺术风格的选择。
  • 透视线索(例如长而曲折的物体从远处延伸到近处),例如河流或管道或成排的建筑物或塔楼驶向远处,并随着距离的缩小而缩小。但是如果没有其他提示,这样的事情可能就不会“摆在”明显的3D空间中。

对于将始终显示在很远的物体,可以通过适当地使原始图像资产变淡,变亮和模糊来最大程度地减少生产工作量。这样就不需要额外的运行时合成工作。

尽管您从事数字艺术工作,但在传统的媒体艺术界中却积累了大量的智慧。为此,我访问wetcanvas.com,也访问/graphicdesign//,因为我喜欢SE进行问答的方式。


我应用了很多这些要点,结果要好得多。谢谢!
IMX 2013年

1
@IMX您可以共享生成的图像,以便其他人也可以看到它如何提供帮助吗?
msell 2013年

1
当然,我编辑了我的问题。
IMX

苍白的颜色基本上是“雾”(这是提供glFog!)
bobobobo

17
  • 使它们不那么锋利
  • 移动相机时实现视差
  • 添加一些阴霾
  • 在其附近添加其他对象以提供其大小的透视图(例如云帽)。
  • 添加已知大小的对象(例如树木),这些对象散布到远方并且仍在山前
  • 在基地周围增加山麓小丘

不太尖锐是一个好点。但是从一开始,XNA不支持使模型模糊。稍后在Monogame中后期处理游戏时,我可能会添加该功能。
IMX 2013年

如果他们是山,他们的云在哪里?视差滚动,并使用云使山变得朦胧。
zzzzBov


1
XNA和Monogame中都支持它。我也建议视差滚动。
菲尔,

+1再进一步,添加立体3D和头部跟踪的透视投影。
洛朗·库维杜

1

使山脉显得遥远的最重要方面是使山脉更接近天空的颜色。如果您拍摄一张看起来很远的白雪皑皑山脉的照片,并在白色的雪上使用颜色选择器,通常会发现它实际上是一种很浓的蓝色。与蓝天形成鲜明对比的是,被橙色覆盖着蓝色覆盖物的山脉仍然看起来是橙色。


0
  1. 事物离得越远,它们变得越模糊或模糊。
  2. 事物越远,它们就变得越“轻”。

0

阴霾是你最好的朋友。您的图像中具有三个级别的自由度:路径,第一排山峰,第二排山峰。

魔术发生在第二排山脉上,在那里他们应该获得一些边缘模糊,更少的细节,一些高光从底部消失并随着天空获得色彩价值。如果在那里可以得到Z雾,那将是很好的。

谷歌有些“景观迷雾”,并仔细对其进行了解构。

还可以看看http://www.youtube.com/watch?v=CgogMP-kbA0

有一个PSD插件可以从单张照片中生成深度图,因此也可以为您提供帮助http://www.kolor.com/neutralhazer-haze-remover-photo-photoshop-plugin.html

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.