Creating Screencasts (Mac) – 2017 Update #edtech #flipclass

So, it’s been a few years since I’ve detailed how I make my screencasts, and my workflow and equipment have evolved as I’ve added a few bells and whistles in an attempt to make the screencasts look a touch more professional (and more fun).  Some things have stayed the same, and others, well, not so much.  Here’s the basic workflow.

The Computer

27" iMac
27″ iMac

I’m still working on a Mac platform, doing most of my work on a 27-inch 2013-vintage iMac.  I try to keep up to date with the latest version of the operating system, which is currently OS X Sierra.  The iMac includes the higher-end graphics card (NVIDIA GeForce GTX 780M 4096 MB), has an i7 processor, and I’ve installed 32 GB of RAM.  Typically when I purchase a computer I shoot for a five to six year productive life span, at which point I’ll upgrade to a newer model.  This has worked pretty well for me with respect to my Mac laptops (a MacBook Pro), as the last one was in service for about six years, but I’m anticipating this iMac may continue well past that mark.  It still looks beautiful, runs quickly, and with the amount of RAM and the built-in Fusion Drive, its performance doesn’t appear to be in any danger of slowing down in the near future.

Pen Displays

Wacom Cintiq 22HD
Wacom Cintiq 22HD

Attached to the iMac I have a Wacom Cintiq 22HD pen display unit, which is basically an external monitor that I can “write on” with a special pen, allowing me to annotate the screen as I talk through the video.  I’ve previously used a Wacom DTU-1631, and am looking forward to trying out the newly-released Wacom Cintiq Pro 16 with a USB-C enabled MacBook Pro.  Though the Wacom pen displays are a very significant investment, I’ve been very impressed with their quality and longevity.  The DTU-1631 has lasted five years in the classroom with heavy daily use, and the Cintiq 22HD is just shy of five years of service (though a much lighter workload) and could easily pass for brand new.  These monitors also hold their value extremely well over time.

Audio & Video

Blue Yeti Microphone
Blue Yeti Microphone

I’ve gotten a ton of mileage out of my Blue Yeti USB microphone… I’ve tried a number of other mics, including lapel mics, and microphones that cost more than three or four Blue Yeti’s, but I haven’t found anything that compares to the quality of the Blue Yeti, especially at its very reasonable price point.  If you want to upgrade your audio from the built-in microphones, this is a very solid choice, and another piece of electronics that has held up well for more than five years of service.

Canon Vixia HF G20
Canon Vixia HF G20

I’ve put together a small office in my basement to allow for a fairly quick and seamless transition to video creation mode, which includes a foam green screen (and stand).  Especially if you’re just getting started, something as simple as a green flannel blanket can work, though I have to admit, the foam green screen has held up extremely well these past few years (even with the dog sleeping on the portion that sits on the floor at least daily).  They sell rather expensive lighting clips to hold the green screen to the stand, but I found quality clips at a much more reasonable price at the local hardware store.

Genaray SpectroLED
Genaray SpectroLED

For illumination, I use a couple of super-cheap reflector work lights coupled with a Utilitech Pro floor LED and a Genaray SpectroLED SP-E-240D mounted on the ceiling.  With a little bit of playing, I can obtain pretty reasonable uniform green screen illumination.  I also use a couple of desktop clip-on lamps to illuminate the foreground (i.e. — my face) in the videos.

To record my face in the videos, I’m using a Canon Vixia HF G20, saving the digital video file onto an SD card.  Most any digital camcorder or webcam can do the job, however.  While the Canon is recording my face, I’m separately using the iMac and Telestream’s Screenflow 6 (Telestream JUST released Screenflow 7, but I haven’t tried it out yet) to record the Wacom Cintiq screen, as well as recording the input from the Blue Yeti microphone.

Recording

Prior to any recording, however, I create my “slides” for the screencasts using Apple’s Keynote software, and export those slides as a PDF.  I then open the PDF using Zengobi’s Curio software, which is the software actively running on the Wacom screen that I use to annotate the slides.  If you haven’t tried it out, Curio is a pretty amazing piece of software that allows you to do so much more than just write on PDF slides…  if you have a Mac, it’s worth checking out for a variety of purposes!

So, the workflow.  With everything set up, I have Screenflow 6 start recording the Wacom screen while recording the Blue Yeti mic, and simultaneously I start up the Canon video camera.  Once I’ve gone through the lesson, I stop Screenflow from recording and stop the Canon video camera.  I should now have an SD card that contains the digital video file of my face (with sound recorded from the Canon’s rather poor microphone), and a Screenflow 6 file that has video from the Wacom screen coupled with the Blue Yeti-recorded sound.

Now it’s time to put the video all together.  First I export the digital video file from Screenflow 6, taking care to export at 29.97 fps and not 30 fps so that it will match up to the Canon digital video file.  Then, using Final Cut Pro on the Mac (coupled with the Motion and Compressor add-ons), I create a project and import both the recorded screen video file and the video camera file.  Using Final Cut, I create a combined clip from these two files and have Final Cut Pro sync them up based on the audio (although the sound from the Canon camera is poor, it’s good enough to sync the clips together).  Next, I mute the sound from the Canon camera, so that I now have my recorded screen video below my “live action” video, but using only the sound from the recorded video screen, which was recorded with the Blue Yeti mic.

Editing

Chroma Key Effect
Chroma Key Effect

Next it’s time to edit.  First step is to take care of the green screen effect (formally known as chroma key), which Final Cut Pro does quite easily.  I remove the green color from the “live action” file using the “Keyer” effect, and tweak it as needed to get the desired result.  I then shrink the clip down and position it where I want, so that I have the live video taking up just a small portion of the screen, the background green from the video shows as transparent, and what shows through from underneath is the recorded video from the Wacom screen.

The hard part’s done.  Final steps now involve fixing any audio issues, clip editing if necessary, adding any titles, and appending on the opening and closing video sequences, which were created using Adobe Premiere Pro, After Effects, and Audition from Adobe Creative Cloud.  Once I have the video looking the way I want in Final Cut Pro, I use Compressor to export it in multiple formats — high definition video for YouTube, and an APlusPhysics-specific size and quality for viewing directly from the APlusPhysics site.

Next Steps

Moving forward, I would really like to spend some time working with my old iPad to see if I can re-purpose it for use as a teleprompter.  I tend to spend a lot of time up front planning my videos, but still have yet to come up with a slick, efficient way of presenting notes to myself while I’m making a video.  I have to believe there’s a reasonable way to have my notes show up on my iPad and use some sort of remote (perhaps my phone?) to scroll through PDF notes on my iPad as necessary.  Currently I tend to tape my paper notes to the bottom of the camera, which is chock-full of problems, messiness, and opportunity for improvement.

Back to Reality

If it sounds like there’s quite a bit of work involved, you’re not wrong, but don’t think you have to go to anywhere near this level of complexity or expense to make quality screencasts.  My workflow has evolved over the years as I’ve tinkered and gone through a length set of try/fail sequences to learn what works for me and provides the level of quality I’m after.  Much of what I do can be accomplished in a similar manner using fairly basic tools — Techsmith’s Camtasia software coupled with a Webcam, a USB lapel mic, and most any digitizing tablet will get you pretty solid results without a huge investment.

Even though this article is a technical how-to / what do I use, I’d still like to end with two bits of advice I’ve learned from doing things the hard way more times than I can count.

  • First, and foremost, a flipped classroom is NOT about the videos, it is about building more in-class time for active learning strategies such as hands-on activities, group problem solving, deep-dives into a topic, discussions, etc.  The videos themselves are such a tiny part of the whole equation, and are primarily a means to create more available class time.
  • Second, though it can be fun to doctor-up your videos and add all sorts of bells and whistles, realize that these embellishments and investments of time and resources have extremely minimal payback in the form of student learning and performance.  If you’re interested in doing these things, make sure you’re doing them because you want to and think it’s going to be fun, but don’t expect to see any sort of substantial learning improvement with higher quality videos (which brings me back to item one… it’s not about the videos!)

Useful References

Tablet PCs in the Classroom

Over the past few months I’ve answered a number of questions from various sources (most commonly, the AP Physics Listserver) surrounding the use of tablet PCs in the classroom. Given their burgeoning popularity, this series of posts is an attempt to document best known methods for utilizing these tools effectively, with a specific focus on physics education.

Tablet PCs mean many things to many people.  For the purposes of this discussion, we’ll consider a Tablet PC to be a laptop computer which includes a stylus you can use to write directly on the screen, or a laptop or desktop computer which includes an electronic tablet and stylus (such as the Wacom Bamboo Tablet).

Fujitsu-LifeBook-P1610-Tablet-PC I’ve used tablet PCs in my teaching for roughly five years now, and though by no means an expert, I have had the opportunity to find plenty of things that do and don’t work. This series of articles is an attempt to share what I’ve learned and answer many of the questions that keep recurring on the listserver.  Much of what I’ve learned has been through the support and advice of the online community, and likewise, I’m hoping that others with experience and expertise in this arena will share their thoughts and best known methods. Tablet users, I welcome your feedback, comments, additions, and modifications.

For our first article, I thought it might be worth taking a few minutes to showcase some of the ways a Tablet PC can be used in the classroom.  This showcase is by no means exhaustive and will hopefully remain a living, growing exhibition.

Presentations & Notes

The Tablet PC can be used in place of a Smartboard when combined with a digital projector, and is, in many ways, superior to a Smartboard. For starters, it is typically easier to write neatly on a tablet PC compared to a Smartboard, whiteboard, or chalkboard. And with the right software, you also pick up a wider array of communication tools, ranging from pen types, sizes, and colors to geometric objects, tables, pictures, and even hyperlinks.

zzzWorkPower I use Bluebeam PDF Revu to document my presentations to the class by projecting a “clone” of my tablet screen for the class to see. Not only can I write neatly for my students, but I can also have my course outline right beside me as I lecture, assisting in maintaining organization and insuring I hit all the key points for each topic.  If my presentation includes a web resource such as a PHET simulation, I can link to it directly from my notes screen, avoiding awkward fumbling and keying in of website URL’s in the middle of a lecture.

Most importantly, when the presentation is complete, I can easily copy and paste my notes directly into blogging software and publish it to the web. Thirty seconds after the end of class, students have access to the entire day’s notes on our course website… an invaluable aid for students who aren’t able to attend class, as well as for students with special needs who require a copy of course notes.

Check out more details in the articles “Presenting and Blogging with a Tablet PC” and “Presenting with a Tablet PC: The iPad

Problem Solving

Often times I find it useful to solve problems with my students in a step-by-step fashion. This is useful as part of a lecture presentation, for homework review, and for review of formal assessments to assist students in working through a logical problem solving methodology. Using a Tablet PC in combination with PDF software such as Bluebeam PDF Revu, I can scan the homework or assessment sheet into a PDF file, project it, and mark it up in real time as we solve problems together.

It’s also quite easy to set up problems in advance, copy and paste a picture or two from the web to spice up the problem, and have students work in groups (typically with whiteboards) to solve the problem.  As I wander around the room examining student work, I can hand the Tablet PC to students who have developed unique or model solutions. They share their solutions using the Tablet PC as they talk through their thinking, and the “coolness” factor serves as a reward for both the presenters as well as the class, leading to the educational nirvana of students teaching students. Interesting problems can again be cut and pasted into blogging software for sharing with all students with just a few seconds of extra effort.

Video Guides

Of course, online notes don’t take the place of a live instructor modeling problem-solving in real time. For cases where this just isn’t practical for all students all the time, you can capture audio and video of the instructor solving the problem. Screen capture software is readily available for Tablet PCs, ranging in cost from free to several hundred dollars, depending on the required functionality. Throw in a low-cost microphone, built-in on many systems, and you have everything you need to create your video. You can even pull your example from a video elsewhere on the web and combine it with your scientific analysis to create an informative and entertaining mini-video that will get your students talking about where they see physics each and every day outside the classroom! Sharing with your students is just as easy – post on YouTube or TeacherTube, embed the file in your blog along with your class notes, and you’re well on your way to creating an amazing online resource for your students!

Over the next several articles in this series we’ll delve into each of these applications in more detail, sharing best known methods and techniques for utilizing Tablet PCs in education, ranging from software and hardware reviews and recommendations to how-to guides for specific applications. So pull up a chair, make yourself at home, and share your tips, tricks, and expertise with our growing community!