Photoshop/Website feature question

4 years ago from , Design Lead at Soteria

Hi! I am creating a website for a client and they want a feature that I'm not sure how to do. They create 3D printed prosthetics. I have a photo of a blank one and they want customers to be able to click on a swatch and see what it looks like on the product. Does anyone know a way to do this?


  • Tyson KingsburyTyson Kingsbury, 4 years ago

    easiest way I can think of would be to create several images. Use the blank one as the model and duplicate it multiple times. For each new version, use the eye-dropper in photoshop to identify the colour of the swatch. then trace the prosthetic, or make a mask of some kind, and colour it in with the swatch colour.

    once you have all the coloured versions you need, you could perhaps use a simple 'rollover' to swap between the different colours. rollover the colour swatch, and it triggers the next colour version of the prosthetic to appear....

    something like that?

    2 points
    • Tim Resudek, almost 4 years ago

      This + set up your mask as a smart object (likely a few smart objects) so you can create new versions easily without repeating all of the hard work. The initial setup will take longer but it should pay off.

      0 points