優れたPCB(プリント基板)設計は、あらゆる電子機器の基盤となります。プリント基板設計を専門とする企業は、最高の成果を提供するために最新のテクノロジーとプロセスを導入すべきです。PCBコンフィギュレーターを使用することで、メーカーは新しい製品をリリースする際、マテリアルの変更やデザインの影響を迅速に可視化できます。また、Webサイトに新しいデザインを表示する埋め込みを掲載することで、マーケティングチームもそのメリットを活用できます。
このPCBコンフィギュレーターの目的は、エミッシブ(自発光)マテリアルの活用に焦点を当て、さまざまな可能性を示すことです。ユーザーは、アニメーションするエミッシブマテリアル、常時発光するエミッシブマテリアル、または非発光マテリアルから選択できます。インタラクションは、追加されたFloating UIアイコンから実行できます。
フローティングUIに必要な機能:
チップセットユニットからPCBの他のコンポーネントへのデータフローを可視化することを目指しました。アニメーションするエミッシブマテリアルの視認性を高めるために、ダーク系のマテリアルを選定しています。さらに、その効果を際立たせるためにブルーム効果(Bloom Effect)を適用しました。



モデルは3ds Maxで作成し、テクスチャのUV展開と準備はSubstance Painterで行いました。リアルさを追求するため、基板上のすべてのコンポーネント間の細かな配線を見せることが重要なポイントでした。
PCBユニットのあらゆるパーツに、ダーク系のカラーパレットを採用しました。暗い環境でダーク系のマテリアルを扱う際は、さまざまな種類を試すことが不可欠です。金属とプラスチックのマテリアルの間には、非常に多様なコントラストが生まれます。もう1つの重要なパラメータは、表面の光の拡散に影響する『ラフネス(粗さ)』です。主にラフネスやメタリックのチャンネルにノイズなどのテクスチャをいくつか加えることで、見た目の質感(ルック&フィール)をさらに高めることができます。
PCBのメインボディコンポーネントには、薄膜(Thin Film)マテリアルを使用するのが最適な選択肢の1つです。薄膜設定は、 「Advanced Materials(高度なマテリアル)」設定内にあります。異なるグラデーションカラーがマテリアルの最終的な見た目にどのように影響するか、色々と試してみることをお勧めします。
アニメーションマテリアルはAdobe After Effectsで作成し、 Lottieファイルとしてインポートしました。すべてのコンポーネントに適合させるために、平面投影(Plane Projection)を使用しています。
このプロジェクトでは、全体がすでに十分に暗く、影も十分に表現されていたため、ベイク処理はほとんど行っていません。
スモールスケールで細部までリアルなプロジェクトでは、バッテリーやチップセットユニットのラベル情報などのステッカーが、デザインにディテール(複雑さ)を加える重要な要素となります。
A デフォルトのHDRIを使用し、パラメータを変更して強度を30%に設定しました。ライトは全部で4つあります:
主な目標は、あらゆる角度から美しい反射を得ることで、黒い背景に対してダークな表面をくっきりと際立たせることでした。
インタラクションには2つのグループがあります:
ピンのエミッシブ(自発光)マテリアルについては、 ロード時にアニメーションテクスチャをトリガーするオンロード(on-load)インタラクションが設定されており、 繰り返し再生されます。Floating UIを使用すれば、常時発光するエミッシブマテリアルを選択したり、ダークマテリアルに切り替えてオフにしたりできます。インタラクションは、クリックによるマテリアル変更や、表示/非表示(show/hide)アクションを伴う表示制御を使用します。
ヒント:グラデーションカラーのスウォッチアイコンをクリックすると、マテリアルが変更されると同時に、そのグラデーションアイコンが非表示になり、ブラックのスウォッチアイコンが表示されます。ブラックのスウォッチアイコンをクリックすると、それ自身が非表示になり、グラデーションカラーのスウォッチアイコンが表示されます。このようにして、常に次のオプションを選択できるシンプルなループを作成できます。エミッシブマテリアルについても同様の仕組みが適用され、表示・非表示にするアイコンを増やすだけで対応できます。

