Once again a single component will be used. Select the image like you previously did, convert it into a component, and create the states like in example one. This time however, rather than editing the image of each state in Photoshop, this design will use colored squares placed on top of the image. These squares will move position between states to emulate a slide over effect when dragged.
With the main component selected, in the default state, draw a rectangle covering the image entirely. Then select a desired fill color and blend mode pairing to create the desired look (some examples have been provided and can be placed in the component instead of drawing). Once styled as desired, ensure you name the rectangle layer to match the filter name so it can be identified easily later on, then repeat the process creating a rectangle for each of the styled filters (don’t worry about the normal mode, as it will simply be the original photo itself).