原型可视化:如何令人信服地渲染玻璃?


13

一旦您学会预测材料在给定的光照条件下的表现,就可以轻松地绘制许多材料的设计原型。

但是,很难预测到高反射率和透明的材料,尤其是玻璃。就是说,我注意到许多在线的香水瓶和玻璃产品的标记视觉效果在没有参考的情况下呈现得非常好(见图1-3)。这使我相信,如果人们知道如何对玻璃进行充分的理解,就可以创建令人信服的设计构造和原型。

有什么规则可以帮助我了解光在玻璃物体上的行为?

,阴影和高光在玻璃上的表现如何?如何预测玻璃物体上反射的形状?凸面或凹面玻璃是否会分别影响阴影/高光/反射的形成方式?似乎最难预测光线的地方是玻璃较厚,或弯曲和边缘出现的位置。

我希望能够起草更具说服力的玻璃设计原型,而不受现有玻璃参考的限制。

我在下面提供了一些示例,这些示例非常有效地演示了玻璃原型制作。这些由Sangwon Seok和BegümTomruk设计(请参见下面的参考和链接)。

在此处输入图片说明


图片参考:

  1. Sangwon Seok,(2014年),产品草图[在线]。网址https//www.behance.net/gallery/product-sketch/14568139 [2016年9月5日访问]。

  2. Sangwon Seok(2016),产品草图[在线]。网址https : //www.instagram.com/p/BFV65usOEp8/ [2016年9月5日访问]。

  3. BegümTomruk,(2011年),ID素描和标记渲染[在线]。可用网址https//www.behance.net/gallery/1176939/ID-Sketching-Marker-Rendering [2016年9月5日访问]。*


2
如果它们看上去像是手绘草图,那么这里的关键词就是经验。对于纯机械手段(比几年的培训更快的结果),请寻找好的光线追踪器。
usr2564301 2016年

是的,它们是视觉标记。但是,我不是在问如何绘画,而是要问光在玻璃中的表现如何。过去,我曾使用射线追踪器来绘制人物,但是通过学习光,核心阴影,环境光的行为以及摄影经验,我现在可以在没有参考的情况下构造人物和大多数材料。但是玻璃需要更多的考虑。我发布了上述示例,因为它们证明了玻璃渲染似乎并不像最初想像的那样神秘!
约翰普

顺便说一句,他们看上去并不像真正的折射。但是没关系,观众不会注意到。我会回答这个问题,但是我必须去做其他对不起的事情。
joojaa

我想“说服”在这里是有效的词。如果我能很好地理解折射,则可以创建一个很好的近似值。
约翰普

Answers:


12

我认为没有人会在没有参考的情况下进行绘画,可能是自出生以来就已在视觉上蒙蔽的人。我们,其余的人一直都有视觉参考。一些熟练的技术人员学习如何从记忆或直觉中获取丰富的视觉参考。

第一章,材料性能研究

这是一个复杂的问题。例如,在3D渲染中,这是要解决的最复杂的算法之一。直到几年前,使某些物体具有折射性还很复杂,并导致伪造图像。

首先,您不仅拥有“阴影和高光”。您有几种类型的浅色和深色部分相互作用。

让我们对明暗进行渐进式分析。我很懒,让我们从3D渲染软件中获得一些帮助。

请记住,绘画是一种艺术诠释。稍后我会介绍。

光影

最简单的理解是一种多义的材料。光线和阴影非常清楚地指示了光线来自(A)的位置,以及缺少光线的位置(B)的位置

1)光面反射

但是,当我们添加一些光泽剂(反射面)作为光源高光(C)的清晰亮点时,事情开始变得复杂起来,但是其他方面尚不清楚。有些可以“由于” (D)而变暗,而某些(E)则变暗。但是事实证明,它不再与光源的关系有关,而与背后的材料有关(F)或没有任何要反映的物质(D)

在此处输入图片说明

塑料与金属反射

金属反射与简单的塑料或有光泽的反射之间的主要区别是,在塑料上,反射保持与金属的反射光具有相同的颜色(白色),反射受颜色本身的影响,因此最大反射不再是白色。这可能在不同程度上发生。

在此处输入图片说明

2)透明度

现在让我们添加第二个组件,透明度。

这可以是非常平坦的颜色,也可以是某些渐变,以表示我们的基础颜色(G)

如果逐渐添加Glossynes,我们会再次发现反射光的明显(C)高光(H),并且在内部相对面(I)上找到另一个高光

如果现在我们增加这个反射分量,那么在物理学中某种叫做能量守恒定律的能量守恒定律就是说,我在一个物体中反射的光不能比从光源发出的原始光还要多。

随着更多的光被反射,内部的“透明”红色分量(G)变暗,高光变亮(J)

您可以在这里停止艺术解释。您不需要物理上准确的图形。

事情会变得更加复杂,在您的瓶子上打个洞,现在要在里面放另一种颜色的液体。

在此处输入图片说明

3)折射

我们的透明材料只是让光线穿过而不会扭曲。但是现在事情开始变得怪异了。材料的折射率增加了光弯曲(K)

呈几何形状时,如果内部图像变小,则壁的反应就像内部正在收缩(L)一样

您可以使用它来帮您,因为您可以添加折射来表示形状或边缘(M)

(这使渲染变得更加复杂并增加了一些失真,但是您仍然有基本的想法)

在此处输入图片说明

这是使用更简单的渲染引擎的其他一些渲染,这种效果更加明显。如果没有折射,则图像应位于绿色矩形处,红色表示位移。我只在一个轴上用彩色标记,但这在所有轴上都发生。

在此处输入图片说明

4)焦散

这是穿过玻璃并投射到另一个表面的光。为了能够看到它,您需要表面不完全是白色的,因此您可以看到它更加明亮,并将其添加为另一个亮点。

以下是一些不同的通道,一个通道又一个通道添加在另一个通道之上,以使图像更加生动。

在此处输入图片说明

5)塑造宝宝

现在的挑战是使用这些元素来暗示形状。它是由平坦的面孔制成的吗?或弯曲的。

看一下本节的黑色部分。该曲线表示3D对象的整体形状。

在此处输入图片说明

第二章,照明设置

在摄影中,有很多技巧可以使物件变亮或变暗,同时拍摄珠宝,酒瓶和香水。

基本思想是设置一系列白色的反光纸板和黑色的反光纸板,以在曲面或平面上进行有趣的反射。

这本身就是一门艺术,请看一些youtube教程,例如:https : //www.youtube.com/watch?v=JP3ykBzk_RU,然后看,所生成的图像实际上是周围区域的组成。

现在,返回并分析一些参考图像:https : //www.google.com/search? q = fragrance+photography

包括在摄影中的百万种方法可以将光线放在单个玻璃上,使其看起来既不同又富有吸引力。

第三章

自由,你是一个艺术家!

关键不是反射-折射精度,而是一种艺术性的解释,可以使人们对最终产品有一个大致的了解。

做出一些决定,快乐的面孔会是什么样?

并在此基础上构建。这会更暗,我需要在这里进行对比,我需要模拟暗折射,我想在这里有一个漂亮的“高光”或那里有一个渐变。

第四章

忘了我所有的帖子,去画吧!


我将在这里针对“金材料”更深入地探讨同一主题:

插画家:如何创建逼真的反光金表面?


很好的答案@Rafael。我要悬而未决的问题,尽管要等到悬赏金快要到期时再作更多贡献。我认为(1)Gloss-e&f积分非常有帮助。我认为这也适用于金属吗?(2)透明度缺点。能量也有助于了解。例如,在空心香水瓶中,内部高光是否仍会沿此定律或变化,因为仍然可以从玻璃的一面观看?感谢您的帮助:)
johnp'9

同样出于兴趣,您使用什么3d软件渲染这些原型?
约翰普

2
立方体是用带有循环渲染引擎的搅拌器制成的。第二个,螺旋,是用kerkythea渲染的。-当然,让问题悬而未决,这是一个非常有趣的问题。-我需要进一步扩展为菲涅耳效果。我还将扩大金属反射与非金属反射之间的区别。
拉斐尔

-.-我最终会给你更多的答复,不是我。拉斐尔(Rafael),赏金猎人大声笑
莱恩(Ryan)

大声笑。瑞安我想了一下。但是,重点是您要引起注意有趣的问题。真的是n_n。我不是一个煽情者,可能是一个沮丧的人,所以这个主题吸引了我很多注意力。
拉斐尔

5

与许多此类问题一样,有三个要求:练习,练习和更多练习。也就是说,我可以从我的经验中分享一些技巧,并且在说明产品设计(如您所展示的产品)时会遇到困难。我的方法一直都是通过数字插图(Illustrator或Photoshop)进行的,但手绘图也是如此。

首先,您需要一个延长方案来从现有来源重现玻璃的外观。这可以基于照片或其他人的插图。跟踪,复制和复制尽可能多的相关玻璃物体,直到确定适合您的方法。一遍又一遍地做同样的事情,以提高和提高技能的价值,不要小看。

其次,玻璃(通常是透明物体)可以分为四个部分,并通过四个独立的层或阶段为我提供了很多帮助:

  1. 对象的形状。这是显而易见的起点。根据您的样式,这可能是轮廓,一些高光和阴影,对象在表面上投射的阴影以及可能代表材料颜色的细微(或不太细微)的色调。
  2. 透过玻璃可以看到的东西。这是最复杂的部分。该对象后面的所有内容都需要显示,但是您需要考虑是否要使该对象变形以模拟折射。这并非总是必要的,但会大大增加额外的真实感。通常,您将能够看到对象本身的背面和内部。它们应以与对象相同的样式和颜色进行绘制,但通常会以较少的不透明性显示它们是次要特征。
  3. 容器内可能有液体或产品。您需要考虑内容物的颜色和整体外观将如何受到容器的影响。内容物本身可以是透明的,在这种情况下,必须考虑内容物的不透明性,因为它可能比容器遮盖住容器后面的物体。如果内容物仅部分填充了容器,则可能需要一个可见的表面作为其自身形状的一部分。
  4. 最后(通常我会最后这样做),玻璃表面上有些东西被反射了。您将始终要添加一些高光-在平坦的表面上柔和微妙,在拐角处使用更硬,更亮的捕获灯;也许还有一些较暗的区域暗示着环境的整体反射。如果场景中有多个对象,则在表面上显示附近物体的微妙反射可以增加真实感,并真正将场景编织在一起。

其中一些可能是显而易见的,但是如果按照我的方法进行分解,则应该能够为每个组件找到自己的解决方案,然后将其构建为自己的插图风格。

就个人而言,我经常为此类项目使用3D建模和渲染软件,但这只是个人喜好。有时我会生成3D渲染,然后在photoshop的顶部进行处理以添加自己的样式。

希望能有所帮助。


克里斯,谢谢您的帮助。特别是在产品开发阶段,3D渲染的呈现是否已变得比图形插图更具行业标准?
约翰普

1
具体取决于公司,客户和设计师。根据经验,我会说大多数主流公司和客户以及技术熟练的设计师大多会进行数字插图和3D渲染。出于时间和成本原因,这比什么都重要。在高端领域,为客户的极致工作的最负盛名的公司中最好的设计师将有时间,预算和技能,来像您在问题中所引用的那样来构思想法。我见过可以在会议期间在会议议程背面进行涂鸦的人。让我大吃一惊!
2016年
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.