Un buen diseño de PCB (placa de circuito impreso) es la base de todo dispositivo electrónico. Las empresas especializadas en el diseño de placas de circuito impreso deben utilizar las últimas tecnologías y procesos para ofrecer los mejores resultados. Al usar un configurador de PCB, los fabricantes pueden visualizar rápidamente los cambios de material y el impacto del diseño en el lanzamiento de cualquier producto nuevo. Los equipos de marketing también se benefician al contar con un elemento incrustado en la web que muestre el nuevo diseño.
El objetivo de este configurador de PCB es mostrar diferentes posibilidades centradas en el uso de materiales emisivos, donde puedes elegir entre un material emisivo animado, uno constante o uno no emisivo. Las interacciones se realizan a través de los iconos adicionales de Floating UI.
La UI flotante debe:
El objetivo era visualizar el flujo de datos desde la unidad del chipset hacia los demás componentes de la PCB. Se eligieron materiales oscuros para mejorar la visibilidad del material emisivo animado. Se aplicó el efecto bloom para destacarlo aún más.
El modelo se preparó en 3ds Max. Se desplegaron las texturas y se prepararon en Substance Painter. Era importante mostrar las pequeñas conexiones entre todos los componentes de la placa para mejorar el realismo.
Se seleccionó una paleta de colores oscuros para las distintas partes de la unidad de PCB. Al trabajar con materiales oscuros en un entorno oscuro, es fundamental experimentar con distintos tipos. Existe una gran variedad de contrastes entre los materiales metálicos y plásticos. Otro parámetro importante es la rugosidad, que influye en cómo se difunde la luz sobre la superficie. Puedes mejorar el aspecto visual con un par de texturas, principalmente en los canales de rugosidad o metálicos, como el ruido.
Para el componente del cuerpo principal de la PCB, un material con thin film es una de las mejores opciones. Thin film se encuentra en los ajustes de Advanced Materials. Te sugerimos explorar cómo los diferentes degradados de color pueden afectar al aspecto final del material.
El material animado se creó en Adobe After Effects y se importó como archivo Lottie. Utiliza una proyección plana para adaptarse a todos los componentes.
No se hizo mucho horneado en este proyecto, ya que todo era bastante oscuro y las sombras eran suficientes.
Para proyectos realistas y detallados a pequeña escala, una parte importante del diseño son los adhesivos, como la información de las unidades de batería o de chipset, que aportan complejidad.
A se utilizó el HDRI por defecto, configurado con una intensidad del 30% y parámetros modificados. En total, hay cuatro luces:
El objetivo principal era conseguir buenos reflejos desde todos los ángulos para que la superficie oscura contrastara bien con el fondo negro.
Hay dos grupos de interacciones:
Para los materiales emisivos de los pines, hay una interacción al cargar que activa una textura animada para que se reproduzca en bucle. Con la UI flotante, puedes seleccionar un material emisivo constante o desactivarlo cambiando a un material oscuro. Las interacciones utilizan el cambio de material al hacer clic y la visibilidad con acciones de mostrar/ocultar.
Consejo: Al hacer clic en el icono con la muestra de degradado de color, se activa un cambio de material, pero también se oculta el icono de la muestra de degradado y se muestra la muestra de color negro. Al hacer clic en la muestra de color negro, esta se oculta y se muestra la muestra de degradado de color. De esta forma, puedes crear un bucle sencillo en el que siempre puedas elegir la siguiente opción disponible. El mismo principio se aplica a los materiales emisivos; solo tienes que ocultar y mostrar más iconos.
