Create sportscaster-style speech critique videos with Camtasia [Tutorial]

Sportscasters sometimes make sports interesting to watch with their instant replays, on-screen pen drawings and playback narratives. After watching some recent political speeches and reading articles like this one on FoundRead about politicians’ body language, I wondered - what if speech instructors could use the same sportscaster-style tools to critique speeches? Invite some students to play the part of the “sportscasters” and you have an assignment students not only enjoy doing, but contribute to the content of the course. Have different students participate each week over the course of the class, and you have a video podcast the class can publish. Here’s a quick example of what your class could create using Camtasia.

Get the Flash Player to see this player.

The magic sauce for creating this type of video is the ScreenDraw tool. To make this tool easily available, click on View > Annotation Toolbar in the Camtasia Recorder window:

camtasia1

camtasia2After you begin recording the screen, enable the annotation tools by clicking on the ScreenDraw icon on the Annotation toolbar. This gives you access to several screen-drawing tools, including a free-form drawing pen, several shape tools, a highlight tool and an arrow tool, all with configurable widths and colors. You can access the different tools and options by right-clicking inside the area you are recording:

camtasia3

For more information on how to use the annotation tools, see Techsmith’s online documentation.

Do you have creative uses for Camtasia in the classroom? I’d love to hear them - share them in the comments below!

Thank you for visiting NoShrinkwrap. If you enjoyed this article, check out the related posts below and subscribe to our feed.

Demonstration - combining live video and screencasting

I put together a quick video demonstrating why someone would want to combine live video and screencasting. Filming live classes makes the video more engaging, since you benefit from the unscripted student/teacher interaction; however, if the instructor makes use of Powerpoint or whiteboards, filming the instructors’ visual aids is difficult at best and a complete disaster at worst. Combining the live recording with screencasts displays visuals in a clear format without suffering from a less interesting simple voice-over.

I cut this video quickly, in preparation for a workshop, so it’s pretty rough. One interesting thing - I really dig Adobe Premiere CS3. I haven’t installed the latest version of Final Cut yet, but I’m hoping it shares some of the more innovative features, like selecting which property to modify directly on the clip (opacity, motion, etc). I don’t, however, miss video editing on the PC - as a recent Mac convert, and briefly returning to the PC and suffering two video-related crashes, there is a definite benefit to video editing on the Mac - it just works.

Anyway, enjoy the film. This would also be a demonstration on why I didn’t go into math.

Get the Flash Player to see this player.

4 Tips - Make your PowerPoint slides visually appealing

If you watched the video I put together, you’ll know I’m a little inherently cynical when it comes to PowerPoint presentations. Too often, I find myself subjected to a “I used PowerPoint because I had to” presentation - regurgitated themes, bullet-point summaries and outlines, and forcing too much information onto each slide. Sound familiar?

I recognize, however, there are times when PowerPoint presentations are useful, and there is such a thing as a “good” PowerPoint. I’m in the process of putting together a list of guidelines and suggestions for creating successful PowerPoint presentations for our faculty, which may find their way here as well. As a teaser, here’s 4 tips and examples on how to make your slides visually appealing without too much effort.

1. Mix it up with contrast.
Visual elements in PowerPoint presentations are useful, primarily by giving visual learners an anchor for your ideas. Sometimes, however, visual elements drag audience members’ focus away from ideas you intended to emphasize. Using short phrases and simple high-contrast layouts can help emphasize your idea without disrupting your audience’s focus. For example, the first slide here uses a short phrase for punch, but lacks visual impact. By using a simple high-contrast layout, you can keep the short phrase and short attention lapse as viewers look at the slide, while adding visual impact.

slide1oldarrowslide1new

2. Combine your image and text elements.
Used effectively, white space can be a powerful design element. The first slide below demonstrates a common misuse of white space frequently appearing in PowerPoint slides - placing a photo on a slide leaving large amounts of background border, then placing a text element outside the image. The second slide, without skewing the photograph much, combines the photograph and text elements to present a more pleasing, less jarring slide. The more “pleasing” your slide, the less inclined viewers are to focus on the slide instead of your content.

slide2oldarrowslide2new

3. Use a visually appealing layout.
Take a page from web site layout design. Studies like this one reveal a trend - people tend to read web site content in a F-shaped pattern. According to the study, accompanied by a heatmap illustration I modified:

In our new eyetracking study, we recorded how 232 users looked at thousands of Web pages. We found that users’ main reading behavior was fairly consistent across many different sites and tasks. This dominant reading pattern looks somewhat like an F and has the following three components:

  • Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F’s top bar.
  • Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F’s lower bar.
  • Finally, users scan the content’s left side in a vertical movement… This last element forms the F’s stem.

F-Shaped Pattern For Reading Web Content, http://www.useit.com/alertbox/reading_pattern.html

Although this study dealt specifically with how viewers read web pages, at least these two broader principles apply to almost any text-based digital medium:

a. Viewers don’t tend to read your page or slide in entirety.
Make your text elements as concise as possible for maximum punch and impact.

b. Viewers tend to scan digital text in a particular pattern.
By placing your text elements somewhere on the F-shaped path, readers may subconsciously find your slides to be more readable, and thus be less inclined to split their focus between reading your slides and listening to your lecture.

As an example, the first slide below uses short points, but follows a common PowerPoint readability mistake: placing an image on the left and text elements on the right. The second slide allows readers to scan text left-to-right uninterrupted by other elements, and places the text elements on the top-bar and bottom-bar primary paths of the F-shape scan pattern.

slide3oldarrowslide3new

4. Make creative use of your backgrounds.
Backgrounds and image elements should enhance a slide. Often, however, presenters select generic themes with generic backgrounds and insert clipart or images that, while perhaps related to the slide content, don’t complement the slide content. As an example, the slides below use a photograph of a classroom to promote professional development and customized seminars related to classroom instruction. The first slide follows a common layout placing the photograph on top of bullet-point text elements, creating a generic, non-memorable slide. By moving one of the bullet points to appear as written on the white board in the photograph, the second slide combines the text and photo elements in a creative way, presenting a unique, more memorable slide.

slide4oldarrowslide4new

Have any tips for creating memorable, visually appealing slides? Share them in the comments below.

Create custom backgrounds for brochures and presentations

Recently I designed a custom brochure for a construction company. The client wanted mostly images with very little text and a professional layout. Clearly, a template-based tri-fold brochure cranked out in Microsoft Publisher was not going to get the job done.

As a side note: I plan on using this and similar techniques to create custom PowerPoint slide backgrounds and theme elements. A PowerPoint presentation’s design should use little text and combine with lecture material to provide visual cues that help students remember key points. The overall look of a PowerPoint presentation can affect a lecture’s success - the more professional and targeted a presentation’s theme and graphical elements are, the more likely students will be engaged and pay attention to the visual cues.

For the client’s brochure, I decided to start with a custom, watermarked background - by choosing the right construction-looking picture and creating a background from it, I could bring the images on each page together for a cohesive presentation. Once I designed a custom background for the images, the rest of the brochure practically created itself.

Before I begin: while I used Photoshop to create these brochure pages, I’m sure other programs like Gimp can be used to reach the same results. Since I work with faculty and students, I’m always on the lookout for open-source (or at least freeware) that can replicate what I do in pay programs; if I find a way to replicate these results in Gimp, I’ll write an addendum.

First, here are the images I used to create one of the brochure pages:

waterford entrance 2waterford entrance 1watermark

And the final result:

residential 3 copy

Since the client is a construction company specializing in building natural rock walls, I wanted a background that depicted boulders but lacked a lot of detail - too much detail would draw focus away from the project photos. I liked the look of the pile of boulders above - it’s very rough and chaotic and has a lot of character and edges, but I couldn’t use the photo itself. I started by cropping the image down to just the pile of boulders and copied the result into a new image in its own layer.

For the watermark, I envisioned somehow dropping the detail in the photo, making it black-and-white, then finding a suitable background color. I found the Graphic Pen filter accomplished much of what I wanted - I made sure my active foreground color was black, then applied the filter with the following result (before and after comparison):

step1

Next, I used the eyedropper tool to select a neutral rock color from the original boulder photo - in this case, I selected #d0b08a. I used the Paint Bucket tool to fill the background with the selected color, then used the Layers palette to drop the opacity of the watermark layer to 30% so the background color shows through (you can also modify layer transparency by using the menus - Layer > Layer Style > Blending Options):

step2

The resulting watermark is a great backdrop to the client’s construction photos - relevant to the brochure material and stark enough to show necessary detail while soft enough to not draw too much attention:

final

Have any favorite watermark and PowerPoint tips? I’d love to hear them - leave me a comment below.

Embedded Flash Video Test

This is a video I put together for a faculty update meeting to get people excited about using technology in classes, like podcasting. With some help from Todd Washburn of Weedkiller fame, I filmed 30 minutes of footage in front of chroma green fabric, added audio and video effects and cut it down to almost 2 minutes. Using a Max Headroom-esque video style made things easier - no need to worry about jumpcuts.

By the way, as a test, I’m hosting this video from my server using FlowPlayer. Our institution uses a hosted version of Blackboard which charges for disk space and bandwidth, so I am exploring ways of embedding hosted video, audio and PowerPoint resources into courses without using our host’s space and bandwidth. So far, I’m pleased with FlowPlayer, and am investigating other alternatives.

Installing Audacity and LAME in one step

A friend recently had an interesting problem - he wants to promote the use of podcasts to instructors as a component of courses taught online, and identified the excellent, open-source Audacity as their Windows tool of choice. However, as he began writing documentation for installing and using Audacity, he realized many instructors would be immediately turned off by the complicated installation process required to set Audacity up for exporting projects as mp3 files - many instructors who could otherwise be taught how to record and save projects would not understand how to unzip LAME, copy the DLL file into Audacity’s folder, then point Audacity to the lame encoder. Instead of writing thorough documentation that would likely daunt non-savvy instructors, I suggested an alternative - creating our own installer. It worked so well, I thought others might benefit from the idea.

First, a word about licensing.
I originally wanted to provide the one-step Audacity/LAME installer as a downloadable file, but started reconsidering after looking into license issues. Audacity and LAME are themselves covered by GPL/LGPL and therefore are re-distributable; however, I can’t tell what the SetupStream license terms are, and the patent mess covering the mp3 format may prevent distributing a package that installs Audacity with built-in mp3 output. Since I can’t really tell, I listed the steps required to make your own installer, and you can choose how you use or distribute it.

Step 1
First, I downloaded the tools I’d need. Since I was creating a custom installer, I needed the zipped version of Audacity, not their installer. Additionally, I needed LAME and an installation creator with the ability to insert registry keys. After trying a couple install creators, I chose SetupStream - it’s easy to use, freeware and offers a wide array of features, including all those I need.

Step 2
Next, some preliminary steps: unzip Audacity into its own folder, then unzip the file lame_enc.dll from the LAME zip file into the the same folder that contains Audacity.exe. Install and start SetupStream, select Create New Setup and click Next.

setupstream step2

Continue reading ‘Installing Audacity and LAME in one step’ »