How can I make a skewed video to fit into a prespective mac container image?

6 months ago from

I bought some graphics from https://www.ls.graphics/

I have a 20 second animated clip of a webapp that I want to embed into a static iMac image on a website, this one: https://imgur.com/a/aIAidIW

I have adobe AE but that's about it, never used it. How can I skew a video to fit that iMac frame?

I know in sketchapp it uses magic mirror to fit a custom image onto a screen but it won't work with video.



  • Adam Fisher-CoxAdam Fisher-Cox, 6 months ago

    You could use CSS 3D transforms to do this as well if you don't want to "bake-in" the iMac into the video file.

    1 point
  • iterati designiterati design, 6 months ago

    You can do it pretty easily in AE and there's a ton of tutorials on YouTube.

    Import iMac, then video as a new composition and place that comp on top of iMac, use Corner Pin filter in AE to skew/transform the video by dragging video corners to match iMac screen corners.

    0 points