隆重推出 Vectary Canvas,一个用于 AI 加速创意构思的新空间。 → Canvas

PCB 配置器

直观展示和解释复杂物体的最佳方式。

什么是 PCB 配置器?

通过使用 PCB 配置器,制造商可以在发布新产品时快速直观地查看材质变化和设计效果。营销团队也可以在网站上嵌入新设计展示,从而大获裨益。

概念开发

该 PCB 配置器的目标是展示不同的可能性,重点是使用自发光材质——你可以在动态自发光材质、常亮自发光材质或非自发光材质之间进行选择。可以通过额外的 Floating UI 图标进行交互。 


‍

悬浮 UI 需要:

  • 更改 PCB 部件的材质
  • 在引脚的 3 种不同材质之间切换(在开启或关闭时),并启动动画
  • 热点应显示带照片的注释

如何制作 PCB 配置器

目标是直观展示从芯片组单元到 PCB 其他组件的数据流。选择深色材质是为了增强动态自发光材质的可见性。应用了辉光效果以进一步突出这一效果。

设置

‍

模型是在 3ds Max 中制作的。纹理在 Substance Painter 中进行了展开和准备。展示电路板上所有组件之间的微小连接对于增强真实感至关重要。

‍

材质与烘焙

‍

PCB 单元的所有不同部分都选择了深色色板。在深色环境中使用深色材质时,尝试不同类型的材质至关重要。金属和塑料材质之间有着丰富的对比。另一个重要的参数是粗糙度,它会影响光线在表面的漫反射方式。你可以通过添加一些纹理(主要是粗糙度或金属度通道中的纹理,例如噪波)来增强质感。

‍

对于 PCB 的主体组件,薄膜材质是最佳选择之一。薄膜选项位于 高级材质设置中。我们建议探索不同的渐变颜色如何影响材质的最终效果。



‍

动态材质是在 Adobe After Effects 中创建并 作为 Lottie 文件导入的。它使用平面投影来适配所有组件。 



‍

由于整体色调偏暗且阴影充足,此项目并未进行太多烘焙。

‍

贴纸与贴花

‍

对于精细的小比例写实项目,设计的一个重要部分是贴纸,例如电池或芯片组单元上的信息,这会增加细节复杂度。

‍

灯光

‍

A 使用了默认的 HDRI,强度设为 30% 且修改了参数。总共有 4 盏光源:

  • 3 盏矩形光,其中 2 盏开启了阴影,
  • 以及 1 盏平行光

主要目标是从每个角度都获得漂亮的反射,使深色表面与黑色背景形成良好的对比。

‍

交互

‍

共有 2 组交互:

  • 第一组控制 Floating UI 的可见性(通过热点触发)。这是一个简单的点击热点切换可见性功能。
  • 第二组控制 PCB 的不同材质。该设计让你始终看到下一个可供选择的选项,而非当前选项。例如,当应用黑色材质时,FUI 将显示下一个带有渐变色板的选项,反之亦然。

‍

对于引脚的自发光材质,有一个 加载时交互,可触发动态纹理 循环播放。接着,通过 Floating UI,你可以选择常亮自发光材质,或通过切换到深色材质来将其关闭。交互使用了“点击时改变材质”以及带有“显示/隐藏”动作的可见性功能。



‍

提示:点击带有渐变色板的图标会触发材质更改,但也会隐藏渐变图标色板并显示黑色色板。点击黑色色板会隐藏其自身并显示渐变色板。通过这种方式,你可以创建一个简单的循环,从而始终可以选择下一个可用选项。同样的原理也适用于自发光材质;你只需隐藏和显示更多图标即可。

‍

‍

拥有 PCB 配置器的好处

自定义

协作

保障

Try Business Workspaces

  • Ideate together in Canvas
  • Create and review 3D as a team
  • Organize projects and control access
  • Publish 3D and AR across every channel
  • Scale with APIs, hosting, and expert support
Talk to our team
Vectary Workspaces with shared folders, team cursors, and a 3D material board