The Hello Bar is a simple web toolbar that engages users and communicates a call to action.

How to Record Video and Manage Media Collections for Your Screencast

So far, we’ve covered planning your screencast and scripting & recording audio for your screencast. In this part of the series, we will cover how to create the visual portion of your screencast and get it ready for editing. Our goal here is to create pro-quality screencast videos that are head and shoulders above what most other content marketers are creating.

Out of Many, One

Just as you may be piecing your narrative audio soundtrack from several takes, the visual portion of your screencast can be made more professional by the same methods. Instead of one big “single shot” (as it were) video, you can record several videos and then edit them into your timeline to go along with the narration.

This way, you’ll have plenty of material to choose from and you’ll be able to arrange it more easily in the order you want.

Creating a screencast isn’t necessarily like having a person watch over your shoulder as you show them how to do something in a piece of software. Nor should it be. That doesn’t mean you never should do it that way, however…

Out of One, Many?

You can record a single long sequence of actions and then afterward, cut and rearrange to create your visuals. It may at first feel more natural to do it this way because it’s the most like how we would show a person in real life how to do something when we say, “Here… watch me.”

The downside to this is that it takes much, much longer to cut this long “scene” into the chunks you need. Your experience may very well vary from mine, but to me it’s always been faster to record short bits that correlate to the steps of the screencast in a modular fashion.

You might think that if you didn’t record your audio separately, this would be the way to go. After all, now you’re killing two birds with one stone, right? Aside from the fact that is a horrible metaphor (I mean, really… what kind of sicko wants to go around killing birds with rocks more efficiently?), you will run into a huge problem.

The problem is this: inevitably, you will want to cut out a visual part but you will not be able to do it the way you want to because it will screw up the audio portion so badly the whole thing will be unwatchable. You’d have to go through so much effort and pain to get away with it you may as well have done it the “hard” way in the first place.

I’m not going to say “never” or “always” for these situations. Find what works for you. And by “works for you” what I mean is “creates the best product” not “seems the easiest.”

Recording Video Settings

Screencasting programs such as Camtasia and Screenflow will have presets you can choose from when you’re going to record what’s happening on your desktop, but how do you know which one to pick?

The short answer: pick the largest widescreen resolution at which you can record that looks decent at both a smaller and larger display size.

You see, because the user controls the video player, and she may watch your screencast at the embedded size or she may go full screen, you’ll want to try and create something that will work well in either situation. Part of this is addressed in the editing but first we have to do what we can about it here, before we record a single frame of video.

I record at 1280 x 720 unless I need to record my entire desktop. My desktop is 1856 x 1042 (if that seems odd to some of you… it is. It’s because of an annoying conflict between my monitor and video drivers which causes clipping, which I then have to correct). At 1280 x 720, the result is video that looks okay at two common YouTube embed sizes (480 pixels wide and 640 pixels wide). On Remarkablogger, I like to embed videos at the 640 pixels wide format.

But if someone were to want to watch the video in full screen, I would never want to penalize him for that. I myself almost always choose to watch videos in full screen and I hate it when they’re not high enough resolution to do so. Now, some of that also has to do with production settings, and right now we’re only talking about recording settings.

Other Settings

Two other settings you may or may not need to worry about are your screen capture frame rate and what video compressor is selected for your screencasting software to use.

Video is recorded and played back as a rapid sequence of still images called frames, and the speed at which these frames are captured or played back is called the frame rate. Traditionally, film (as in actual good ol’ fashioned optical film which, when you look at it closely, has actual frames on it) has a frame rate of 24 fps (frames per second).

For recording video digitally, you generally want 30. If huge file sizes were an issue and you weren’t doing something that needed a lot of detail, dropping this value would create a smaller file size for your finished video but with lower quality. I don’t know if Screenflow goes any higher than 30, but Camtasia only goes to 30.

For video settings you may want to use a different compressor than the default. Camtasia’s TechSmith compressor that comes with Camtasia created recording problems and I switched it out for DivX 6.9.2 Codec which supports 4 logical CPUs (in other words, I have a quad-core computer chip).

You can research on the user forums of the screen capture software you’re using to learn more about this stuff.

How to Actually Record Video

Once I’ve got the screen recorder running and its window is matched up with the window I’m recording in, you’d think I’d just hit Record and go, yes?

Well, not exactly. Some tips:

  • Don’t include anything in the recording area that isn’t directly related to the learning objective of your video. For example, nobody needs to see your browser tabs, address bar or bookmark bar unless it’s part of what’s being taught.
  • Likewise, consider whether any scrollbars or toolbars need to show, because probably they don’t. Most of the world uses Windows on a PC and they don’t need to see your Mac windowframes. It’s already bad enough that the majority of your viewers will not identify comfortably with your Mac mouse pointers. If you know the majority of your viewers will be Mac users (like, because you’re demonstrating Mac software) then no worries, of course.
  • Before you record, go into your mouse settings and slow that little thing down! Many computer-savvy folks have increased the speed of their mouse pointers for their own efficiency, but you want to make your video as easy and smooth to watch as possible, so slow that zippy thing down a bit.
  • Make sure your recording area is sufficiently far away from anything you might mouse over that would cause tool tips or other interface cruft to appear partly inside your recording area. If you can’t help this because of the size of your monitor, then just try to be as careful as you can.
  • Do not move the mouse unnecessarily. Try to avoid “gesturing” with the mouse as if it were your hands. This will allow for smoother edits later where your mouse is not magically teleporting to different parts of the screen.
  • Record in discrete chunks of action. This way you can assemble them in the order you want later. In other words, do not record one long “shot” of all your steps. Record each step separately as its own file. Later, when you edit your video, you’ll be able to collect everything together and order it the way you want.

Fighting Against Your Computer’s File System

I can’t speak for Macs, but since most people use Windows, this will be relevant to the majority of you. The way your computer wants to organize files on your system is crap.

Windows wants to put video in one library, audio in another, and everything else in Documents. Forget that shit.

You will find it far more efficient and sanity-preserving to collect all your files by project, not media. Inside your project folders it may make sense to create subfolders by media, but only at that point.

Why is this?

Because you will be doing a lot of opening and saving of various files, and having to pick a new file path in order reach where files of a certain media reside every… single… time… is a huge time waster.

Grouping your files by project also makes it easier to transfer files or back them up (you’d better be backing them up!) and restore them.

Intros and Outros

You may want some kind of intro/title to play at the beginning of your video, and/or an outro at the end.

How to deal with these depends on two things:

  • Whether or not you’re making one video or many
  • The capabilities of your screencasting or editing program

If you’re making many videos, you want these title clips to be very short or they will quickly get annoying to your viewers.

Honestly, Camtasia makes the crappiest titles imaginable. At most, you can have an image for the background and choose your font. There are no animations or any effects except for transitions between segments. It’s pretty damn awful, in my opinion (one of my only complaints).

If you have something that works better, great.

Luckily, I already have something that works better.

I have this program which can make awesome titles called Adobe After Effects which is huge, expensive and complex. I never use it. I have something else I use instead that’s much cheaper and works great.

It’s called PowerPoint.

Yes, I’m serious.

Here’s what to do:

  • Create a single slide in PowerPoint
  • Set the page layout to widescreen
  • Set a nice background and font that matches my brand
  • Type in my video title and site URL (or whatever you feel you need, but keep it to two lines on the screen maximum)
  • Create an entrance animation (usually fade) and an exit animation (also fade, usually)
  • Turn off the mic input of the screen recorder
  • Set the slide show to display in window mode so you can match it up with your 1280 x 720 screen recording area
  • Activate the screen recorder and run your very short little slide show
  • Add this file to the clip bin (or equivalent) in your editing program so you can drag it to your timeline

If you’re creating an intro clip that’s meant to be used for many videos, be sure to add it to whatever “library” function your screencast editing program has.

The Next Step

Once you’ve recorded all your “chunks” of video and audio and brought them into your editing environment, it’s time to start assembling the final video. We’ll cover that in the next part of this series.

Did you enjoy this article?

Don't miss the next one! Get on the list. You'll also get my free report on the 10 Tragic Blogging Mistakes you may be making.

21 Responses to How to Record Video and Manage Media Collections for Your Screencast
  1. Scot Herrick
    February 9, 2012 | 11:22 pm

    Screenflow allows up to 60(!) frames per second for the video.

    Great series, Michael, thanks for doing these.
    Scot Herrick recently posted..How to update your resume for 2012My Profile

  2. Girlie Blogger
    February 10, 2012 | 12:53 pm

    Good advice, except I look super scary in videos :O( Will keep these in mind when I finally summon up enough courage to do a makeup how to vlog.

    Thanks for another informative read!
    Girlie Blogger recently posted..Eyeshadow Color for Dark Brown Eyes? Try Olive.My Profile

  3. Janice
    February 13, 2012 | 9:38 am

    I kinda tried it after seeing this post. But when adding 3D animation, it seems not so smooth in playing after the recording. Any helps will be appreciated. Thanks for the tips again.
    Janice recently posted..Tattooed EyebrowsMy Profile

  4. Kristy M.
    February 15, 2012 | 9:00 am

    I didn’t know that it helps to slow the mouse down when try to edit your video. I guess you’re right. How long have you been doing video editing?

    Thanks for the video making/editing tips!

    -Kristy
    Kristy M. recently posted..how to pick up girlsMy Profile

    • Michael Martine
      February 19, 2012 | 1:46 pm

      Oh, for at least a couple years now. Thanks for your comment!

  5. Isabelle Fredborg
    February 15, 2012 | 10:31 am

    “Don’t include anything in the recording area that isn’t directly related to the learning objective of your video.”

    You’re making an important point here, Michael. I like to just create a new desktop folder and put everything non-relevant in it so the desktop is clean.

    One thing I’d like to add: if you’re making screencasts, then please consider what kind of personal information you’re okay with other people seeing. It may seem harmless but do you want people to know your username for logging in to a particular service? I’ve also seen a lot of bloggers showing something using Google apps and letting everyone see their email address – maybe not a big deal but only share what you’re comfortable with.
    Isabelle Fredborg recently posted..Solopreneur Strategy Session ContestMy Profile

    • Michael Martine
      February 19, 2012 | 1:47 pm

      Very true and there have been worse mistakes. I once saw a screenshot where the presenter had left a button on his taskbar for a porn site with the title clearly visible in the screenshot.

  6. Amanda
    February 17, 2012 | 5:43 pm

    Never thought of collect all my files by project title, instead of media.

    Any way to avoid opening loads of files always welcome so thanks for the tips.
    Amanda recently posted..Football Academy FAQMy Profile

    • Michael Martine
      February 19, 2012 | 1:48 pm

      It saves you gobs of time when opening and saving files because you don’t have to keep navigating file paths.

  7. Organique
    February 24, 2012 | 7:45 am

    Oh, yes, I was into killing birds with one stone myself, and record audio and video at the same time. After wasting a whole day with editing and re-editing and re-recording, I’ve decided it’s time to kill birds separately :) )

  8. FoxyReign
    February 25, 2012 | 8:58 pm

    I was actually looking for some plugin that can host videos on my self-hosted wordpress site.
    FoxyReign recently posted..Marco Dapper: Bionic Abs and Legs in ShirtlessMy Profile

    • Michael Martine
      February 26, 2012 | 2:22 pm

      It’s possible to do that, but third party hosting services like Amazon’s S3 are better. The .js media player has worked well for me for when I needed privately hosted videos (such in a for-pay membership training site). The technical headache is also much bigger. :)

  9. Vickie
    February 26, 2012 | 10:40 am

    Another thing to consider in the realm of “Don’t include anything in the recording area that isn’t directly related to the learning objective of your video” is video layer of the presenter themselves. I’m watching a screencast to see how to do something, I don’t need to see you.

    Why do they think it’s important to keep that little thumbnail of themselves, which is blocking the screen and distracting to begin with? It’s fine to maybe open with a shot of yourself, but when they switch to the computer view, I wish they’d take it away.

    Just a thought.

    Vickie

    • Michael Martine
      February 26, 2012 | 2:23 pm

      Good point, I never saw much of a reason for that, myself.

  10. Katy Kelly
    February 29, 2012 | 3:00 pm

    Thank you so much for this article. It was very insightful and I believe will be very helpful for some videos I need to produce in the near future!

  11. Dee Reat
    March 7, 2012 | 8:21 am

    I agree with Vickie very much! Especially because I don’t hear very well and showing stuff instead of presenting yourself would be of far more use to me than watching your face.
    Dee Reat recently posted..Interview with Bobbex CEO, Greg EcsedyMy Profile

  12. John
    March 16, 2012 | 7:47 pm

    ScreenFlow only captures full screen. I hide the desktop icons on Mac, and enable hideon the dock. That said, if I open a browser, or in fact any app with a lot of tool bars, then I either spend time trying to hide as much of Thomas I can, or leave them there and crop the canvas afterwards. Problem the is I end up with video that has a unique ratio from the get go.

Leave a Reply

Wanting to leave an <em>phasis on your comment?

CommentLuv badge

Trackback URL http://remarkablogger.com/2012/02/09/record-video-screencast/trackback/

Remarkablogger is powered by Headway

Get Headway Themes

The Headway WordPress theme framework gives you total control over the appearance of your WordPress site without writing any code.

  • Create a color scheme "automatically" based on your header image colors with Headway's Quick Start Wizard
  • Headway's Visual Editor lets you build your site live and watch it happen
  • Everything managed easily via drag & drop
  • Use, create & save your own style sets and templates to easily change the look of your site without code
  • Social media integration and search engine optimization built-in
  • Friendly Headway user community with active forums and outstanding support
  • "Plain English" documentation (including lots of screenshots and videos)
  • Automatic updates
  • 100% GPL-compliant

Headway lets you design your site your way. It's about control, not code.

Check out Headway now to see the full list of features and showcase gallery.