Skip to content

MacBook Recording with ScreenFlow

MacBookThe Perils of 16:10

If you record with ScreenFlow on a MacBook, chances are you will be recording in 16:10 resolution.  I get to use a late 2013, 15 inch retina display MacBook Pro when I make videos with ScreenFlow.  If you haven’t used this machine in particular, it is tons of fun. It is powerful, beautiful and its high pixels per inch make the retina display shine!  The only issue I run into is the native 16:10 resolution.

When creating an HD video, then uploading it to YouTube, you will want it to be 1920:1080, standard HD, which works out to an aspect ratio of 16:9.  While you can change your canvas size in ScreenFlow to be 1920:1080, the recording from your MacBook screen will actually be a bit taller than your canvas.  This unfortunate incompatibility, 16:10 vs. 16:9, means you either have to stretch your recording to fit, or crop off either the top or bottom.  So frustrating!

MacBook

Solutions

I have tried a few things to remedy this.

  • An external, 16:9 monitor.  While I no longer have any sizing issues when recording this way, I lose the amazing quality provided by the retina display.  Losing quality at the expense of a cropped screen doesn’t really do it for me.
  • Never going full screen.  One way to get around this is to always be a bit zoomed in.  If I never show the full screen, I never have to worry about odd sizing issues.  Unfortunately, I have yet to run into a situation where a full screen shot isn’t required at least one time in my videos.
  • Letterboxing.  When uploading to YouTube (or Vimeo, Wistia…anywhere really) there is the option to letterbox your videos.  In order to compensate for the slightly different aspect ratio of your recording size, you can insert black boxes on either side, or the top and bottom of your videos, to allow for playback within the frame of a 16:9 video player.  This works nicely, but unless you are on board with the letterboxing aesthetic, this isn’t a feasible option.
MacBook
Letterboxing

 

After quite a few frustrating attempts at finding a solution, I have finally settled on something that seems to work quite well for me.  My awesome new desktop background:

MacBook
The Solution

Despite its boring and simple look, this is the best solution so far.  What is this exactly? It is a 16:10 image for your desktop that uses the black border at the bottom to represent the area of your screen that will not be shown in a 1920:1080 ScreenFlow document.  For example, after setting this image as my desktop background, if I am recording a Wirecast tutorial video, I can resize the bottom of the Wirecast window to line up with the black border.  When I am finished recording with ScreenFlow, I can adjust the canvas size to 1920:1080, crop out the black bar at the bottom, and have a crisp, clear, un-stretched and nicely 16:9 video to work with.

MacBook

Feel free to copy the image above and test it out for yourself!  I would love to hear if it works for you, and other ways you have found to deal with your 16:10 resolution.  Happy ScreenFlowing!

Interested in becoming a Telestream Affiliate Partner? Learn more here!

Leave a Comment