I would like to create a mockups of custom flags "on-the-fly" on a website I'm working on. I thought one reasonable way to do that would be to take an image of a flag such as below, preserve/cut only the shadows and highlights, and then add that to a semi-transparent layer above the image I want to appear on the flag thus giving it a little faux depth.
However, every attempt I've made, mostly with the "Color Range/Shadows" selection too have not been sufficient. Is there a better way?
(not looking for PS plugins, mapping, etc. as again the mockup layering will be done on the fly in a web browser)