I want to screen record my Webflow websites and somehow crop them so they show the website only and then add a nice background and drop shadow to the video (like the attached) with the aim of creating nice-looking Instagram content of my work.
Is there software that is relatively easy to use to do this? Or am I going to have to learn how to use After Effects? I have tried VEED but it’s not got what I need.
Hey Reece! I like to use useloom.com for my screen recording and screely.com for my screenshots. (Check out Screely’s Chrome extension - it’s fantastic.)
If you use Loom, then just select “Record Current Tab” instead of “Record Full Screen” and it will crop to just the viewport. (Note that there’s an issue [maybe it’s a feature?] when you do this where when you click a dropdown, the dropdown items do not show in the recording. That’s the only issue I’ve found in this mode versus full screen!)
Honestly, I’m not well-versed in that part, but I think @vincent might be of some assistance! I think he’s got experience in post-production software like Premiere/After Effects, if I’m not mistaken. Wish I could be of more help!
Automatic shadow for capture is handled by numerous screen capture tools but for images only, not video. Cloudapp, Monosnap… they kind of do that. You can try looking for more of those tools to see if one have such a feature for videos. There are tons of tools. There aren’t a lot of chances one does it by default. As Matt said it’s a post production job so you’re looking at Premiere Pro, After Effects, Photoshop (not the best at video but it’s capable), Final Cut & co.
You can also try to see what the marketing specialists tools can do, they have tons of the exact templates you’re refferring to, they’re the tools used to craft social media videos.
It’s easier to work with than Premiere or Photoshop for simple screen capture needs because it’s not intended to be a full video editing/photo editing tool.
What you’re trying to do is the exact process I used to create this. The background is just a static image and the animation is a separate video file. The cropping, shadow, and rounded corners were all done in Screenflow.