Three.js: Object Light & Displacementmap

I'm trying to make a realistic silver ring like this: with different colors and size. This is my result at this moment: As you can see my ring is not smooth. I don't know if it's

Solution 1:

Answering your new question: you could use your png also as displacement map. Have a look at the official example: https://threejs.org/examples/webgl_materials_displacementmap.html But you probably need to heavily subdivide your "central part" for displacement.

Maybe in your case there will be your png as bump map sufficient enough, then you you might check out this example: https://threejs.org/examples/webgl_materials_bumpmap.html