I have a lot of monitor images for an e-commerce website - all the images have a path already created with the selection of the screen. now my issue is that each monitor has different views and they are different sizes as well.

is there a way to have a preselected image fit into these screens paths and also adjust the perspective to fit the path?

Thank you, i really do not want to spend so much time and energy into changing all these screens - let me know if any more info is needed to solve this.

  • or just help with this part would be really helpful - is there a way to match the image perspective to the one from the path? Jun 11, 2015 at 21:26
  • could you please provide a sample for more clarity ....
    – bbh
    Jun 12, 2015 at 6:00

1 Answer 1


Unless all of the monitors have the same aspect ratio, then this won't work.

You could run a couple of scripts to extract the positions of each path's nodes and then use that information to transform an image and composite it on top of the monitor. But if you can't tell the script what the image should look like if the screen were 'flat', then it will look distorted.

If all of the monitors are of roughly the same ratio, then modifying this script can give you the coordinates of each node of a path in each file. If the coordinates are all in the same order (starting topLeft and going clockwise, for example), those coordinates can then be used in Imagemagick to distort the image you want to be shown in the monitor. Maybe you could also use a Photoshop script to transform them, i'm not sure.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.