Skip to main content

Material and color

Loading...

Introduction to colors and materials​

In this video, I explain how to set and apply colors and materials in a 3D configurator. I start by creating a configuration step for the design of a bike and then add features for color selection and materials.

Adding color options​

First, I create a color type feature that allows you to select different colors for the bike frame. I explain how to add and customize colors such as red, blue, green and black. These colors are then represented as selection tiles that allow the user to easily change the color of the frame.

Implementation of the color change​

I will show how to set up a color change action so that the selected color is applied to the frame of the bike. This involves selecting the correct material in the 3D model to be colored, which in this case is called "Body".

Introduction of material options​

I then introduce a new feature to choose between different finishes such as matte, glossy and wood. I explain how to create and assign materials for these surfaces to achieve different effects such as matte or gloss.

Detailed material creation​

I go deeper into material creation by showing how to adjust the roughness and metallic appearance of a material. This is used to create realistic effects for different surfaces, from matte to glossy to wood-like textures.

Application and customization of textures​

An important part of the video is the application and customization of textures, especially when it comes to wood-like materials. I upload a wood texture and adjust it so that it displays correctly on the 3D model. I also explain how to adjust the texture repeat to ensure that the texture is scaled correctly across the surface of the model.

Prioritizing materials over colors​

Finally, I discuss how to ensure that materials are correctly prioritized over colors by adjusting rules that define when colors should be applied and when materials take precedence. This is especially important to ensure that wood textures are displayed correctly without being overridden by a parent color.