I am new to Photoshop, please go easy if my question is unclear. I am trying to prepare an icon in Photoshop and I happened to see this. So I want a similar graphic but I want the each color area to be sightly smaller than the previous one (i.e., the outer line should be the circle as a whole but the inner side these should be slightly small from the previous one). I want to make the colors look more shiny (gradient) and icon itself look somewhat elevated (not like flat).
So far I did it spending one day like below. But it was not at all fruitful. Though I could reach somewhat what I wanted, the overall shape is not good. When I integrated in the mobile app, it looks very ugly with poor clarity. :(
To try creating this, I have drawn a circle with blue color, and later on copied the layer and decreased the new layer's circle a bit with Ctrl + T and filled it with green color and so on, later deleting the unwanted areas with pen tool. As you can see, the circles I have drawn are bent and blurry.