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.

No related posts.

Podcasting Howto: Using Audacity to duck music behind voice tracks

I’ve been listening to a lot of podcasts on a wide variety of topics lately, getting ideas for how faculty can integrate podcast creation into their own classes. One thing I’ve noticed is how polished and professional some podcasts sound - since I want our faculty to be able to produce professional-sounding media, I’ve been trying to identify specifically what separates the professional from the amateur. While many things seem to play a part in that professional sound, one consistent feature I can easily teach and replicate is the use of music. Some podcasts use only intro and outro music, others use music to indicate section breaks, and still others play constant, faint background music. However, all professional-sounding podcasts using music share one thing in common - ducking or fading music behind the voice track(s).

We’re promoting Audacity for basic audio recording and editing, so I looked into how to achieve ducking in Audacity. While there are several ways to duck or fade music, the most professional-sounding method involves the use of the envelope tool, which fades the volume of a track to a constant low level, then fades back to the original loud level. It’s pretty easy to use once you’ve gone through the steps; since video is much easier to follow than text-based documentation, I whipped up a screencast demonstrating the envelope tool, which I’ve embedded below. Tell me what you think.

As an aside, I also used this opportunity to play around with some alternative video upload services. Out of all the ones I tried, I liked Revver’s embedded video object the best. It’s interesting to see how some video services use more compression than others when transcoding the .avi I uploaded into .flv. Here’s the services I tried:

Do you have a favorite video upload service I didn’t try? Tell me about it - I’d love to test it out.

No related posts.

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.

No related posts.

Build and organize a podsafe music library

Recently, I’ve been assisting instructors interested in offering podcasts to their students. Since many others write articles on podcasting basics, I won’t belabor those topics here (unless, of course, I get requests for it). Instead, I intend to share some tips on topics that I don’t see others covering, starting with building a music and sound effects catalog.

When used effectively, music and sound effects give podcasts a professional quality - introductory and “outtro” music, background music, pieces of music separating show segments, and sound effects all contribute to a podcast’s polish. In some cases, like the podcasts (or “netcasts”, as Leo likes to promote) offered by the TWiT network, music choice sets the mood for the show and helps establish a brand. However, it already takes so long to record and edit podcasts without adding additional audio that often people find they don’t have time to add that extra polish. With the right tools and resources, I’ve found I can collect and maintain an easily-searched database of podsafe audio, ready to drop in podcast episodes in minutes. Generally, the steps I’ve taken to build my podsafe catalog include:

  1. Collect the music using Firefox and DownThemAll
  2. Import music into MusikCube
  3. Rate and tag songs as I listen to them
  4. Prepare frequently-used songs with desired volume, fade and trim edits

After the jump, I’ll cover each step in depth.

Continue reading ‘Build and organize a podsafe music library’ »

No related posts.

Wordpress Howto - Add unique author comment styles to any theme

I love using Wordpress. One of my favorite time-wasters has become flipping through newly-submitted Wordpress themes at places like Weblog Tools Collection (here’s a sample theme post) looking for that perfect theme for my blog. Unfortunately, when I made a list of style elements I liked, not one theme has all the elements I want. So, I started going through my list and decided to add my favorite style elements to any theme. First up - styled author comments.

Styling author comments with a unique look is a great way to allow readers to immediately tell the difference between readers’ comments and an author’s responses. Some popular blogs that style authors’ comments include:

TechCrunch: see the article on Mig33 for a recent example.
techcrunch

ReadWriteWeb: see their ’social graph’ article for a recent example.
readwriteweb

Alex King’s blog: see his article on Google’s sharing service for a recent example.
alexking

I like the extra panache Alex King’s comments have with the gradient, so that’s what I’ll use.

First, while I’ll be showing how to edit your theme’s files to add custom author comment styles, you could do the same with a plugin like Jan Olsen’s Comment Highlighter plugin (which appears to have moved to Google Code). I personally have struggled with plugin compatibility problems (most of which, it seems, unfortunately stem from Google Sitemaps, one of my favorite plugins). To reduce the chance of conflicting plugins taking down the entire site, I started paring them down to just the necessities - in particular, I stopped using any plugin I could easily re-create with some code in the theme files. In my opinion, the five minutes it takes to copy my code between themes when changing is worth saving potentially hours’ worth of troubleshooting time. If you’d rather use a plugin, or don’t have access to edit your theme files, I’m sure Olsen’s plugin is a good one. Otherwise, make time for five minutes’ worth of easy editing and read on.

To begin, we’ll be editing two theme files: style.css and comments.php, which you’ll find in your /wp-content/themes/[theme name]/ directory. First, in comments.php, find the lines that read:

<?php foreach ($comments as $comment) : ?>
<li class=”<?php echo $oddcomment; ?>” id=”comment-<?php comment_ID() ?>”>

Modify the second line to add a unique style if both the comment author name and email address match a particular blog author’s information (make sure it matches what is listed in the user’s profile):

<li class=”<?php if ($comment->comment_author == ‘AUTHOR NAME GOES HERE‘ && $comment->comment_author_email == ‘AUTHOR EMAIL ADDRESS GOES HERE‘) echo ‘authcommenthighlight’; elseif ($comment->comment_author == ‘ANOTHER AUTHOR NAME GOES HERE‘ && $comment->comment_author_email == ‘ANOTHER AUTHOR EMAIL ADDRESS GOES HERE‘) echo ‘authcommenthighlight2′; else echo $oddcomment; ?>” id=”comment-<?php comment_ID() ?>”>

Now we need to add the styles “authcommenthighlight” and “authcommenthighlight2″ (or whatever you name them) to our theme. Since I’m currently the only author on this blog, I’ll just be adding “authcommenthighlight.” First, create your gradient image. I had the best luck making mine 12×48 pixels, and selected two colors from my theme. I used Photoshop to make the gradient, but you can use just about any photo editing software - for that matter, even Microsoft Word can create gradients. If you’re not sure how to create a gradient, here’s some sample tutorials: Photoshop, Paint Shop Pro, Paint.net and GIMP. Here’s what I ended up with, using the top header (#237AB2) and sidebar (#EEEEEE) colors:

Gradient example

Now, add the “authcommenthighlight” style to your style.css, setting the gradient image to repeat along the top of the comment and the background to match the bottom color of the gradient:

.authcommenthighlight {
background:#EEEEEE url(/images/grad.jpg) repeat-x;
}

To kick it up a notch, try modifying padding, margin, borders, font colors and other style elements. Get an overview of additional CSS elements you can modify at DevGuru and W3Schools.

Now you and your authors will each have your own unique comment style that separates your comments from visitors’ comments. Of course, there’s a downside to styling comments by matching author names and email addresses - if someone knows your username and email address, they can leave a comment that receives the unique style. I haven’t dug into the Wordpress hooks enough to know whether there’s a way to code around this problem - anyone know?

Anyone have different methods of adding unique styles to author comments? I’d love to hear them in the comments below.

No related posts.

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.

No related posts.

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.

No related posts.

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.

No related posts.

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’ »

No related posts.

Deal or No Deal - is “Big Money” in the Web 2.0 briefcase?

Today is a busy day in the Web 2.0 space with lots of money flowing and rumors substantiated-

  • Everyone is reporting the CBS purchase of Last.fm for $280 million (which follows the recent purchase of Wallstrip for $5 million). As an aside, this could be an interesting purchase, particularly with the recent spat between Viacom (also owned by CBS parent National Amusements) and Google’s YouTube - is that a precursor to where CBS intends to leverage Last.fm? Could we soon see a property emerge that streams CBS and Viacom shows, makes recommendations based on your profile and makes the shows available for purchase?
  • TechCrunch and GigaOM both claim eBay will confirm the rumored Stumbleupon purchase later today. Despite the blogosphere’s confusion on how Stumbleupon fits eBay’s business, I think it’s a smart move and complements eBay perfectly. Here’s a snippet of what I said last time the rumor broke:

    StumbleUpon’s new feature StumbleThru could very well be the feature that pushes eBay to new community-centered heights. Improved searches, randomly discovering auctions based on user preferences, a comment and product rating system, tagging - eBay appears to be purchasing in one fell swoop an entire community of people already enjoying and familiar with the process of rating and commenting on sites who would likely gladly do the same for eBay auctions… eBay could even further expose auctions by offering a “stumble this on eBay” option in browsers and an official eBay widget or “blog this” feature. Amazon has shown us that adding community features is a great way to increase visibility and user-retention; with StumbleUpon, eBay could leapfrog into the community game and improve its existing technology at the same time. It’s a win-win.

    Read the original entry for more.
  • TechCrunch is also reporting the Fox Interactive purchase of both Photobucket and Flektor. I have to admit - this one stumps me a bit. Perhaps the next American Idol will be American Director, featuring a slew of user-contributed video submitted through MySpace. Or perhaps MySpace will move into the video and advertising markets, as it started in the indy music space. They must have some interesting plans up their sleeves.

With all these reports of money flowing through Web 2.0, I barely noticed an article that talks about where the real money is: domaining.

Meet Kevin Ham. Ham owns a portfolio of over 300,000 domain names that, together with other assets, purportedly generates over $70 million a year in revenue. His domains generate money by serving targeted ads to visitors using a practice called “direct navigation” or “direct search” - those of us who, instead of searching Google for wedding shoes, type “weddingshoes” into the browser address bar. The browser automatically attaches .com by default, landing you at weddingshoes.com - which, of course, Ham owns. Ham serves advertisements that look like real links, people click on the ads, and Ham makes money. Multiply that by 300,000 and you’ve got an impressive business model.

With that in mind, I read an interesting article at The Alarm Clock this morning about NameMedia, a company that both maintains a portfolio of domains (which are available for purchase through an in-house marketplace) and provides targeted advertising for domainers. The New York Times reports that

Youssef Squali, an analyst with the investment firm Jefferies & Company, said NameMedia faces stiff competition, “but I see these guys as the front-runner.” Among other things, Mr. Squali said the profit margin at NameMedia was 40 percent — a number that other industry executives said fairly represents the category over all.

“They’re paying nothing to acquire a customer,” he said. “I think the next wave of I.P.O.’s will be around this area.”

The direct navigation market attracted more than $800 million in ads last year, which publishers largely shared with Google and Yahoo. That figure could reach $1.1 billion in 2007, said Jordan Rohan, an analyst with RBC Capital Markets.

40% of $1.1 billion in profit - that’s a lot of money. And Frank Schilling (a big-time domainer himself) says that’s a conservative number - NameMedia could be making as much as 70-80% profit. And it stands to get even better - by leveraging RSS feed aggregation, vidcast content and other consumable information, domainers could turn their cesspools of advertising into information portals, bringing repeat traffic. Repeat traffic! Can you imagine someone choosing to visit an advertising site?

With information becoming more consumable through automatic feeds, advertising being served through more interesting channels, and an impressive profit margin, it’s no wonder NameMedia is being identified as the next big IPO. Throw in some relevant and authoritative-sounding articles served through RSS, scraped user reviews and ratings and a bunch of ads, and you’ve got a money-generating portal people benefit from visiting - Billboards 2.0.

No related posts.