通过使用 PCB 配置器,制造商可以在发布新产品时快速直观地查看材质变化和设计效果。营销团队也可以在网站上嵌入新设计展示,从而大获裨益。
该 PCB 配置器的目标是展示不同的可能性,重点是使用自发光材质——你可以在动态自发光材质、常亮自发光材质或非自发光材质之间进行选择。可以通过额外的 Floating UI 图标进行交互。
悬浮 UI 需要:
目标是直观展示从芯片组单元到 PCB 其他组件的数据流。选择深色材质是为了增强动态自发光材质的可见性。应用了辉光效果以进一步突出这一效果。



模型是在 3ds Max 中制作的。纹理在 Substance Painter 中进行了展开和准备。展示电路板上所有组件之间的微小连接对于增强真实感至关重要。
PCB 单元的所有不同部分都选择了深色色板。在深色环境中使用深色材质时,尝试不同类型的材质至关重要。金属和塑料材质之间有着丰富的对比。另一个重要的参数是粗糙度,它会影响光线在表面的漫反射方式。你可以通过添加一些纹理(主要是粗糙度或金属度通道中的纹理,例如噪波)来增强质感。
对于 PCB 的主体组件,薄膜材质是最佳选择之一。薄膜选项位于 高级材质设置中。我们建议探索不同的渐变颜色如何影响材质的最终效果。
动态材质是在 Adobe After Effects 中创建并 作为 Lottie 文件导入的。它使用平面投影来适配所有组件。
由于整体色调偏暗且阴影充足,此项目并未进行太多烘焙。
对于精细的小比例写实项目,设计的一个重要部分是贴纸,例如电池或芯片组单元上的信息,这会增加细节复杂度。
A 使用了默认的 HDRI,强度设为 30% 且修改了参数。总共有 4 盏光源:
主要目标是从每个角度都获得漂亮的反射,使深色表面与黑色背景形成良好的对比。
共有 2 组交互:
对于引脚的自发光材质,有一个 加载时交互,可触发动态纹理 循环播放。接着,通过 Floating UI,你可以选择常亮自发光材质,或通过切换到深色材质来将其关闭。交互使用了“点击时改变材质”以及带有“显示/隐藏”动作的可见性功能。
提示:点击带有渐变色板的图标会触发材质更改,但也会隐藏渐变图标色板并显示黑色色板。点击黑色色板会隐藏其自身并显示渐变色板。通过这种方式,你可以创建一个简单的循环,从而始终可以选择下一个可用选项。同样的原理也适用于自发光材质;你只需隐藏和显示更多图标即可。

