Une bonne conception de PCB (circuit imprimé) est la base de tout appareil électronique. Les entreprises spécialisées dans la conception de circuits imprimés doivent utiliser les technologies et processus les plus récents pour offrir les meilleurs résultats. En utilisant un configurateur de PCB, les fabricants visualisent rapidement les changements de matériaux et l'impact du design pour chaque nouveau produit. Les équipes marketing profitent également d'une intégration sur le site pour présenter le nouveau design.
L'objectif de ce configurateur de PCB est de présenter différentes possibilités en mettant l'accent sur l'utilisation de matériaux émissifs, où l'on peut choisir entre un matériau émissif animé, un matériau émissif constant ou un matériau non émissif. Les interactions s'effectuent via les icônes Floating UI supplémentaires.
L'interface flottante doit :
L'objectif était de visualiser le flux de données depuis l'unité de chipset vers les autres composants du PCB. Les matériaux sombres ont été choisis pour améliorer la visibilité du matériau émissif animé. L'effet bloom a été appliqué pour le mettre davantage en valeur.
Le modèle a été préparé dans 3ds Max. Les textures ont été dépliées et préparées dans Substance Painter. Il était important de montrer les petites connexions entre tous les composants de la carte pour renforcer le réalisme.
Une palette de couleurs sombres a été choisie pour les différentes parties de l'unité PCB. Lorsque vous travaillez avec des matériaux sombres dans un environnement sombre, il est crucial d'expérimenter différents types. Il existe une grande variété de contrastes entre les matériaux métalliques et plastiques. Un autre paramètre important est la rugosité (roughness), qui influe sur la diffusion de la lumière à la surface. Améliorez le rendu visuel avec quelques textures, principalement dans les canaux de rugosité (roughness) ou métalliques (metallic), comme le bruit (noise).
Pour le corps principal du PCB, un matériau avec pellicule mince (thin film) est l'une des meilleures options. L'option Thin film se trouve dans les paramètres de matériaux avancés. Explorez comment différents dégradés de couleurs peuvent modifier l'aspect final du matériau.
Le matériau animé a été créé dans Adobe After Effects et importé sous forme de fichier Lottie. Il utilise une projection plane pour s'adapter à l'ensemble des composants.
Peu de baking a été effectué dans ce projet, car tout était déjà assez sombre et les ombres suffisaient.
Pour les projets réalistes et détaillés à petite échelle, les stickers constituent une partie importante du design, comme les informations sur la batterie ou le chipset, qui ajoutent de la complexité.
A l'HDRI par défaut a été utilisé, configuré avec une intensité de 30 % et des paramètres modifiés. Au total, il y a quatre sources de lumière :
L'objectif principal était d'obtenir de beaux reflets sous tous les angles pour que la surface sombre contraste bien avec l'arrière-plan noir.
Il existe deux groupes d'interactions :
Pour les matériaux émissifs des broches, il existe une interaction au chargement (on-load) qui déclenche une texture animée pour tourner en boucle. Grâce au Floating UI, vous pouvez ensuite sélectionner un matériau émissif constant ou le désactiver en passant à un matériau sombre. Les interactions reposent sur le changement de matériau au clic (on-click) et la visibilité avec des actions d'affichage et de masquage.
Astuce : un clic sur l'icône avec l'échantillon de dégradé de couleurs déclenche un changement de matériau, mais masque également l'échantillon de dégradé et affiche l'échantillon noir. Un clic sur l'échantillon noir le masque et affiche l'échantillon de dégradé. De cette façon, vous créez une boucle simple qui permet de toujours choisir l'option suivante disponible. Le même principe s'applique aux matériaux émissifs ; il vous suffit de masquer et d'afficher plus d'icônes.
