When we take screen recordings of websites and web apps, there are a few things to keep in mind which this article covers.


Content Size and Alignment

Browser window is resized so that site logo is aligned with the content area, and so there is a decent amount of space on the sides (i.e. the content isn't right at the edge of the screen), but there's not a TON of space.

Correct:

Untitled

Incorrect

Untitled


Using OBS Studio

Best and fastest method for taking screen recordings is to use OBS Studio.

This allows you to drag the contents of the window and resize them. Combined with resizing the UI in the browser, you can position content for a recording in a way that requires no further size adjustments in Premiere.

Untitled


Examples

The video below is timestamped to show proper screen-recorded footage for a Skillshare ad:

https://youtu.be/vxOffM_tVHI?t=757