从 3D 建模到网页嵌入

学习如何通过几个简单步骤设置布尔运算并创建完整的产品。最后，我们将进行场景优化，以便在网页上分享并在 AR 中展示。

1. 准备场景

首先从水壶的基本形状开始。这将作为一个参考对象。 

环境设置

确保网格已开启，以便更好地在整体空间中定位。在场景空白处右键单击，并从菜单中选择：Show grid。 

为了能够看到阴影，添加一个地面。对于灯光，我们不使用默认环境，而是选择名为 Skate park 的预设。这个环境非常棒，光照效果极其自然，既没有过曝或欠曝，还能产生漂亮的反射。Vectary 的环境预设非常实用，能节省大量时间。

要更改环境，按下键盘上的 ESC 键以取消选择场景中的所有内容。点击右侧面板中的 Environment。从下拉菜单中选择 Outdoor 选项，并滚动到 Skate park。进入设置并尝试不同的参数，以获得最合适的效果。对于本场景，我们选择：intensity 设为 70，rotation 设为 200，saturation 设为 -100，shadows 设为 75。 

优化灯光

为了设置灯光，我们将使用方向光，因为它有一些独特的优势。只需一盏灯，我们就可以覆盖整个场景。我们可以控制光照强度，以及增加或降低阴影的锐度。为了营造真实感并提升场景的视觉效果，请务必记得开启阴影。 

由于目标是将最终项目嵌入到网页上，请尽量注意不要过度使用阴影，因为它们可能会影响性能。实际上，这也是我们在该场景中使用方向光的原因。它对性能更友好，因为只朝一个方向投射阴影。 

调整光源的角度和颜色同样可行且效果显著。我们将目标点设置为大约 45 度，并用线性渐变来代替默认的白色以丰富视觉效果。将其设置为从左上到右下。 

添加效果

让我们更深入一步，使用其他效果，例如 Ambient occlusion、soft shadows 和 Adjustments。 

借助 AO，我们可以在两个物体彼此接近的区域添加阴影。将数值设为 10% 并将其半径调整为 10。为了让阴影看起来更自然，Soft shadows 效果非常棒。将其与环境阴影结合使用也能获得不错的效果。

色彩配置确实能给场景带来巨大的改变。这些参数的调整会显著影响场景的整体视觉和氛围。为此，请将色彩配置从 None 更改为 ACES。我们将保持对比度和饱和度不变，仅将曝光度提高到 85%。 

现在一切准备就绪，我们可以完全专注于建模过程，特别是布尔运算。 

2. 3D 建模

水壶壶身部分仅由 3 个形状组成：带有锯齿图案的外管、内管以及用于内部的圆柱体。 

带有 3D 图案的水壶壶身

首先，从工具栏菜单中获取管状（tube）对象。调整其内半径，高度设为 155。使用面板右上角的 xyz 坐标和数值作为参考。 

对圆柱体也进行相同的操作。调整其半径以适应管子的内半径。选中两者，应用 Taper 修改器并保留默认值。

水壶壶身的最后一个组件是通过布尔相减创建的锯齿图案。为了制作它，我们需要第二个管子。同样地，先调整高度和半径，接着添加 Taper 修改器。引入一个圆柱体并调整其半径，稍微旋转一下以获得相似的角度。将小圆柱体放入 array 修改器下，并将数量设为 24。如果你想保持布尔线平行，也可以在小圆柱体上添加并调整 taper 修改器。我们将强度调整为 55%。

主要形状已经完成。是时候设置材质了。选择中间的圆柱体并输入 Hex 值。将粗糙度设为 60%，金属度设为 100%。对于水壶的外部零件，输入 Hex 值，并将粗糙度设为 60%，金属度设为 70%。

塑料开关

首先，添加两个立方体，调整它们的大小，并使用布尔并集修改器。这会将两者合并为一体。为了开一个孔，复制该形状并将其移动到水壶壶身的布尔组中。它会自动从壶身中减去该形状。再次复制开关，因为我们将为其使用两种不同的材质。调整开关的位置并稍微改变其大小以契合孔洞。现在，将材质合并为一个并调整折射与厚度。选择开关的内部。要调整材质，先选择一种颜色，然后将 emission 设为 100。这会让它发光。调整其位置和缩放以使其嵌套在另一个形状内部。这样看起来就像它的外层包裹着透明塑料一样。

水壶盖

它的原理与壶身制作类似。首先用一个小圆柱体作为底座。接下来，复制它并调整大小。引入一个圆柱体，在布尔相减和 radial grid 修改器的辅助下从中减去形状。

手柄

首先从工具栏添加一个立方体。目标是让它足够长，以便我们制作出漂亮的圆角。再引入一个立方体，它需要与第一个形状相交。对位置和效果感到满意后，复制它并在 Z 轴上缩放，然后添加 bevel 修改器。这样我们就能得到手柄的顶部和底部，从而在视觉上更具吸引力。合并材质，使用吸管工具吸取水壶壶身的材质。要对边缘进行塑形并赋予其圆润的外观，可以使用与制作壶盖相同的技术。添加一个圆柱体并调整其缩放和位置，使用 Skew 修改器进一步修改形状。 

马上就要完成了。在场景中添加另一个圆柱体，并调整其缩放和位置。现在，添加布尔相减，然后添加 radial array grid 修改器以获得最终形状。复制壶身的材质属性并调整其位置。现在它看起来确实有模有样了。

不过，在添加任何细节之前，我们需要进入项目菜单，给所有对象命名。如果以后想要进行任何修改，这会让操作变得简单得多。虽然只是简单一步，但长远来看却大有帮助。

品牌细节

此类产品通常都有 Logo，所以我们也在这里添加一个。从菜单中选择 “3D Text”。我们使用的是名为 Open Sans 的默认字体。厚度值为 700，字符间距为 0.3。等比例缩小并旋转它，然后使用布尔差集修改器，将其从手柄顶部减去。更新后的布尔修改器自带“按材质分离”功能，这意味着你可以保留布尔分组中使用的每种材质。3D 文本就是一个很好的例子。 对其应用倒角修改器。保持较低的倒角分段数。顺便提一下：建议在移动 3D 文本时关闭倒角。 

水壶嘴

最后一部分是水壶嘴。它是由 3 个立方体通过 2 种不同的布尔运算创建的。主体形状是通过相交 (intersect) 运算创建的。孔洞则是使用布尔差集 (boolean subtract) 创建的。作为对形状的最后一项修改，我们添加了锥切 (taper) 和倒角 (bevel) 修改器。 

3. 在 3D 和 AR 中展示设计

添加用于转盘和视角限制的摄像机

现在我们可以炫一下了。不过，在此之前，让我们向场景中添加一个摄像机。它能控制视角，在网页上展示时非常实用。为此，请将摄像机的轴心目标 (pivot target) 居中对齐到水壶上。 

当设计被嵌入后，转盘会自动旋转场景。设置时长和缓动 (easing)。设置摄像机旋转时的视角限制。这意味着，摄像机角度对观看者是受限的，并且当达到特定角度时，转盘摄像机的运动会自动改变方向。

添加增强现实 (AR)

要将此场景嵌入到网站中并启用增强现实 (AR) 查看器，我们首先需要从 “Advanced” (高级) 菜单将其添加到场景中。请等待所有模型生成完毕。 

嵌入透明背景的 3D

将背景更改为透明。点击工具栏中的分享按钮。启用 “Share to the web” (分享到网页)，并复制嵌入代码。在你想嵌入的网站上使用复制的代码。要在增强现实中查看模型，点击右上角的 AR 按钮。用手机扫描二维码，然后指向你想要展示的位置。大功告成。要来杯茶吗？