{"id":23808,"date":"2021-06-18T08:13:23","date_gmt":"2021-06-18T15:13:23","guid":{"rendered":"https:\/\/www.podfeet.com\/blog\/?p=23808"},"modified":"2021-07-09T17:51:38","modified_gmt":"2021-07-10T00:51:38","slug":"screencasting-tips-part-one","status":"publish","type":"post","link":"https:\/\/www.podfeet.com\/blog\/2021\/06\/screencasting-tips-part-one\/","title":{"rendered":"Screencasting Tips \u2013 Part One: The Setup"},"content":{"rendered":"
\"Example
Example ScreenFlow File<\/figcaption><\/figure>\n

Back when I was working, I used to make video tutorials for distribution inside my company. At the time, I was forced to use Windows Vista on an HP laptop and the only screencasting game in town was Camtasia Studio. Now I\u2019m sure that in the last decade that software has improved dramatically, but at that time, Camtasia on Windows Vista was the worst software I\u2019ve ever used in my lifetime.<\/p>\n

And yet, I still managed to produce video tutorials that taught thousands of people in my company to use one of our important software tools. I still meet people who know me because of those tutorials.<\/p>\n

When I was first making them, I remember a guy saying to me, \u201cCreating video tutorials is easy!\u201d In one sense he was completely right. You get some software, you press the record button, do stuff on the computer while talking into a microphone, and then press stop. When you\u2019re done, you do technically have a video tutorial and it was easy.<\/p>\n

The point he missed entirely is that making good<\/em> video tutorials is very, very hard.<\/p>\n

I\u2019ve made over 75 video tutorials for ScreenCastsOnline, and over the years I\u2019ve learned a lot of little tricks that have made each video better than the last. I thought maybe if I told you about them, maybe your journey towards making great video tutorials would be shorter than mine.<\/p>\n

Even if you have no intention of ever making a screencasting tutorial, I think you\u2019ll enjoy understanding the work that goes into making a good tutorial. Maybe it will make you hate poorly-created tutorials more, but I can live with that!<\/p>\n

I\u2019m going to break this up into two parts. The first part will be all about preparing to make a recording. The goal is to teach you how to set things up so that you are as efficient and productive as you can be, while creating a video tutorial that people want to watch. The initial setup will save you time in the long run while increasing the quality of your end product.<\/p>\n

The second part will be tailored to how to actually record and edit efficiently. I think I can provide some tips and tricks that will make you faster at editing and create better edits that don\u2019t distract your viewers. I use ScreenFlow from Telestream on the Mac<\/a>, and while some of it will be specific to that tool, I\u2019ll try to keep it as generic as I can and describe the technique before the specific implementation.<\/p>\n

Organize a Story<\/h2>\n

I think one of the reasons my video tutorials work is because I organize a story before I start to record. If I\u2019m teaching how to use Copy \u2018Em, my clipboard manager<\/a>, I don\u2019t show what it does. I don\u2019t start in Preference and toggle on and off each setting. I start by telling the audience why they would even want a tool like this in the first place. I don\u2019t always say it this way, but I\u2019m telling them the problem to be solved. I give examples of how I use the tool and how and why it helps me.<\/p>\n

Before I start recording, I spend about a week on and off playing with the tool I\u2019m going to demonstrate, poking every single button and testing every single feature. If there\u2019s a manual, I\u2019ve been known to read it cover-to-cover. If I can\u2019t figure out how an option works, I contact the vendor and give them a chance to explain it more clearly to me, before I try to explain it to the audience.<\/p>\n

As I learn about the tool, I start splatting topics on a mind map, using my favorite mind mapping tool, iThoughts from Toketaware<\/a>. I use a mind map for this job because it allows me to ignore organization while I\u2019m learning. In an outline or another kind of text editor, I feel compelled to write in an organized way. With a mind map, I can put ideas down and then rearrange them later as the story forms in my head.<\/p>\n

A good example of the story-telling part is deciding when to explain the settings\/preferences for an app. Sometimes the settings are pivotal to understanding how the app works. A perfect example of this is Bartender 4. Without looking at its settings, you can\u2019t modify your menu bar, which is the whole point of the app. But other times the settings are just window-dressing, letting you change from light to dark mode, or changing the number of downloads the app allows, so I explain the settings much later in the story.<\/p>\n

\"iThoughts
IThoughts Showing Notes Field attached to Problems to be Solved Topic<\/figcaption><\/figure>\n

When I\u2019m making the mind map, sometimes a section requires an explanation, and I\u2019ll use the mind map to document exactly what I want to say. iThoughts has a Notes section that can be added to any topic bubble, which can be handy for writing out those long segments so you get it just right. It\u2019s easier to write out what you want to say and read it once for the recording than it is to try to do it off the cuff and have to keep re-recording and editing audio.<\/p>\n

While I\u2019m poking every button and changing every setting in the app I’m going to teach, I\u2019m practicing what I\u2019m going to do in the video. If I figure out a sequence of steps that might be hard to remember when it’s time to record, I\u2019ll document that in my mind map. Why have to figure it out later if you\u2019ve already figured it out once? I\u2019ll tell myself to have a certain type of file ready, like an audio example for an audio editing app, or an image for a photography app. I\u2019ll put down the step-by-step path that tells that story. I certainly don\u2019t document every bit of the tutorial ahead of time, but if I figure something out during my week or so of learning, I\u2019m not going to waste time figuring it out again later.<\/p>\n

The gentleman that just turned on the recorder and started to demonstrate a tool never told a story, he just pushed buttons and talked.<\/p>\n

\u201cThe Most Important Thing about Good Video is Good Audio\u201d<\/h2>\n

I once went to a talk by Alex Lindsay, the well-known computer graphics and video production specialist and founder of the Pixel Corps, and he said, \u201cThe most important thing about good video is good audio.\u201d<\/p>\n

I know that\u2019s counterintuitive, but it\u2019s true. We\u2019ll watch videos where the quality isn\u2019t that great but the audio is good, but we won\u2019t watch good-looking video with bad audio. I\u2019m not talking about investing in a $400 mic. I\u2019m talking about removing noise before you record. It\u2019s very<\/em> difficult to remove noises after you record, so these tips will help you make sure they\u2019re not recorded in the first place.<\/p>\n

Turn off your heating and air conditioning. I don\u2019t care how hot or cold you get, your recording will be dreadful if you don\u2019t turn them off. Get yourself a fan and turn it on in-between recordings but turn it off while recording. Wear a blanket over your lap if you have to. Do you have a refrigerator running in the next room on a shared wall? Unplug it. Seriously. Maybe put it on a smart outlet switch so you can turn it off and on remotely, and even set up a schedule so you don’t forget to turn it back on.<\/p>\n

The best way to find these sound sources is to make a recording while you’re saying nothing and then listen back to it with good headphones. If you’ve got any hearing loss, ask someone else to do the soundcheck for you.<\/p>\n

\"Sound
Sound (Moving) Blanket<\/figcaption><\/figure>\n

If you\u2019re in a room with nice, big, sound-reflecting windows and beautiful hardwood floors, it would be a good idea to do some adjustments. Put rugs down, add pillows, do whatever you can to deaden the sound. When I moved from recording in our bedroom to my own den, I moved to the front of the house so the window faced a rather busy street. I could hear the cars and planes go by (never understanding why planes weren\u2019t audible at the back of the house) and spent way too much time doing voiceovers on segments to remove the sounds.<\/p>\n

Steve had grommets put in a moving blanket and put hooks on the walls on either side of the window to hang it. Now when I\u2019m recording for ScreenCastsOnline, I always block out the sound with my blanket. It\u2019s dark and makes the room feel oppressive, but it actually speeds me up because I don\u2019t have to rerecord because the trash truck drove by.<\/p>\n

Does your dog have a collar you can remove with tags on it that jingle? Do you have birds you can cover to make them think it\u2019s nighttime? Do you have a landline phone you could unplug? Have you put your phone, your watch and your computer in do not disturb so they won\u2019t ding and beep and boop while you\u2019re recording?<\/p>\n

I’ve created automations with my home assistant and macros on my computer to disable the things I can, and I have written checklists for things like the dog collar and the sound blanket.<\/p>\n

Trust me, your videos will be better and you’ll waste less time rerecording if you stop every noise possible before you start to record.<\/p>\n

Computer Setup<\/h2>\n

Separate User Account<\/h3>\n

I have environmentally-induced attention deficit disorder. In my real life away from my computer, I can focus on one thing for a long time. I don\u2019t pick my phone up to look at it when people are around (unless it\u2019s to solve an argument or do some fact-checking of course). But when I sit down at my computer to record a video, I\u2019ll start reading Twitter, editing photos, arguing with @STim in Slack, or even worse, watching TikTok and laughing my silly brains out.<\/p>\n

My solution is that I have a separate user account I log into when I\u2019m recording, and I don\u2019t launch any of my play applications. I don\u2019t log into my personal iCloud account, instead, I have a demo account. This means I can be sure I won\u2019t accidentally show private photos or people\u2019s personal contact information.<\/p>\n

Remove Visual Distractions<\/h3>\n
\"Menu
Grey Background, Minimal Menu Bar, Nothing on the Desktop<\/figcaption><\/figure>\n

On top of removing distractions, having a separate user account allows me to set it up to be as bland as possible. Under the tutelage of Don McAllister in the old days and ScreenCastsOnline editor J.F. Brissette nowadays, I have learned some best practices on computer setup.<\/p>\n

First of all, I know you think that picture of your pet turtle wearing a flower lei is adorable, but it doesn\u2019t make a good background for a video tutorial. A solid bland background is best. We use a dark grey for ScreenCastsOnline and while it bores me to tears, that\u2019s its job. It needs to blend into the background so your viewer can focus on the subject at hand.<\/p>\n

Viewers can be easily distracted by things like the system tray on Windows or the menu bar on the Mac. I use the app Bartender from MacBartender.com<\/a> to hide every possible menu bar icon. This makes it harder to use the Mac for sure, but it\u2019s all about the viewer, right?<\/p>\n

As you\u2019re recording your video screencast, you\u2019re bound to make mistakes, and if the time is constantly changing in the menu bar at your edit points, the viewers’ eyes will be drawn to it. Remember the T-Rex in Jurassic Park who would notice things if they moved? Our lizard brains are still functioning exactly like that.<\/p>\n

\"Analog
Analog Clock in System Preferences<\/figcaption><\/figure>\n

Another distraction is a changing clock. Ideally, we\u2019d remove the clock from the menu bar entirely, but as of macOS Big Sur, you can\u2019t. But you can obfuscate the time by changing it from digital to analog. It will still change, but the analog clock will be wee tiny so they\u2019d really have to be looking at it to notice. The control for this is pretty buried on the Mac. It\u2019s in System Preferences \/ Dock and Menu Bar \/ Clock (Menu Bar) and then you can flip it from digital to analog.<\/p>\n

If you can, remove any desktop icons. If you\u2019ve taken my advice and are using a separate user account, you won\u2019t have all those files sprinkled all over your desktop that you swear you\u2019re going to clean up one of these days. I use an app called Parallels Toolbox<\/a> that includes a tool to put my Mac into Presentation Mode. This not only removes any files from the desktop, it hides any connected drives and puts the Mac into do not disturb mode, and even stops dock icons from bouncing.<\/p>\n

I know this sounds like a lot of work, but most of it is set it and forget it if you use a second login for screencasting.<\/p>\n

Screen Resolution<\/h3>\n

One thing that isn\u2019t set it and forget is screen resolution. I know you\u2019ve got that giant, beautiful display that you love, or even a nice retina display on a laptop, but if you make your screencast at those resolutions, no one will like you. They will be straining to read menus and preferences and they\u2019ll never see your mouse cursor when you click. If you insist on recording in a high resolution, but don\u2019t hate your viewers, you\u2019re going to spend a lot of time and energy putting in animations to zoom in and out.<\/p>\n

If you have too many zoom and pans, your audience will get urpy, and again, no one will like you. Plus, this is a lot of work for you and our goal is to make the setup help you be as productive as possible.<\/p>\n

Unless the app you\u2019re demonstrating absolutely demands a lot of screen real estate, it will be a great gift to your viewers to lower the resolution of your screen way down. But how far down is way down?<\/p>\n

We produce the ScreenCastsOnline video tutorials at 1920×1080 resolution, which is an aspect ratio of 16×9. We could go to a higher resolution than 1080p, but for tutorials of computer software, that would be extra bits that add little to no value. When we record the tutorials, we set our screen resolution to a 16×9 aspect ratio, but I can\u2019t give you a hard and fast rule on the actual pixel resolution you should use. It will be constrained by your display resolution and the tools you have to control that display.<\/p>\n

I use the Parallels Toolbox screen resolution tool to change my 16\u201d MacBook Pro to 1280×720 (retina) when the demonstrated application will allow me to go that low. It\u2019s hard to work in a resolution that low, so I keep my attached external display at a higher resolution so I can do the editing and view my mind map and other notes in all that expansive space. Be sure (on a Mac) to choose a retina resolution as it uses pixel doubling, or it will look really bad when produced at 1080p.<\/p>\n

And Now for the Hardest Part<\/h2>\n

The hardest part of making tutorials is starting. In mechanical engineering, we talk about the concept of static vs. dynamic friction. Picture a very heavy rock you have to push along a gravel road. Getting it started moving is much harder than keeping it moving. Starting to push is when you feel static friction. I find enormous<\/em> static friction in starting to record a tutorial. I can find every single reason in the book not to start.<\/p>\n

Wait, I need to look up that section in the preferences for that app to be sure I understand it. Wait, let me check my email one more time to see if the developer got back to me. Wait, there\u2019s that hilarious TikTok guy who explains how absurd the English language is by pretending he\u2019s inventing it in the first place.<\/p>\n

The only way I\u2019ve overcome it is to promise myself all I have to do is record my introduction. I don\u2019t have to do anything else.<\/p>\n

I switch user accounts to my screencasting account, I check that I\u2019ve removed all my distractions, I put that blanket up on the window, and I launch iThoughts. I create a new ScreenFlow document at 1920×1080 and I save it with a name. Then I record just the audio introduction where I say, \u201cHi this is Allison Sheridan and welcome to another edition of ScreenCastsOnline.\u201d<\/p>\n

I\u2019m allowed to stop right there and come back another time. I usually don\u2019t stop, but I\u2019m allowed to with no guilt. When I\u2019m mentally ready to kick in and really get going, I don\u2019t feel like there\u2019s nearly as much static friction because hey, I\u2019ve already started!<\/p>\n

In part two, I’ll give you my top tips on how to record more easily, how to edit to make better cuts, how to deal with fumbling your voiceovers, and most importantly how to make a video that keeps the focus on what you’re trying to teach because you’ve eliminated distracting errors. It’s all about speeding you up while increasing the quality of the end product.<\/p>\n

Jump right to Part Two by clicking here<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Example ScreenFlow File Back when I was working, I used to make video tutorials for distribution inside my company. At the time, I was forced to use Windows Vista on an HP laptop and the only screencasting game in town was Camtasia Studio. Now I\u2019m sure that in the last decade that software has improved […]<\/p>\n","protected":false},"author":1,"featured_media":23811,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[147],"tags":[4627,280,37,2861,4400,2534],"class_list":["post-23808","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-posts","tag-advice","tag-screencasting","tag-tips","tag-tricks","tag-video-screencasting","tag-video-screencasts"],"jetpack_featured_media_url":"https:\/\/www.podfeet.com\/blog\/wp-content\/uploads\/2021\/06\/Example-ScreenFlow-File.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/23808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/comments?post=23808"}],"version-history":[{"count":8,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/23808\/revisions"}],"predecessor-version":[{"id":23962,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/23808\/revisions\/23962"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/media\/23811"}],"wp:attachment":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/media?parent=23808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/categories?post=23808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/tags?post=23808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}