MAKING TEACHING VIDEOS—USING CAMTASIA STUDIO

John Chamberlain, CORD Senior AssociateNCPN 2011, Orlando, FLchamber@cord.org

2

Six steps to make your video

Draft a plan (it will change!)Script, Storyboard

Don’t limit yourself chronologically

Remember: this is video, not a slide show

Collect existing mediaImage/video/audio/text files

Plan and make your recordingsCamera, computer-screen action, narration

Import all the assets into editor and polish

“Publish” the video, review, and revise

Share the finished work with the world!

3

Plan: What/how to teach?

Something helped by animation, motion, narration, or multimedia enhancement.

What is the scope of your project? (how long? how will it be delivered/viewed? who is your audience?)

Where will you get the raw content? Does it already exist? (YouTube videos? already recorded clips? applets?)

If not, how will you create it? (Yourself? Use animations from elsewhere? PowerPoint?)

4

Plan: What media* will you use?

Images, including animated GIFs

Video camera: webcam, cell phone, point-n-shoot camera, iPad

Microphone plugged into soundcard

Existing video/audio files

Captured action from computer screen

*video, audio, animations, images, formatted text, etc.

5

Plan: How will you get the media?

Download existing files (email, web)

On your own hard drive, if using your computer to record it!

Wired connection (e.g., camera)

USB

Firewire

WirelessBluetooth

Wi-Fi

6

Record: Video from camera

Resolution? Web or HD quality?Start with hi-res imagery. Don’t enlarge.

Recording video from cameraDimensions (4:3 or 16:9)

Plan the environment (sound and lighting)

Size of subject (fill the screen, avoid zooming)

Use tripod

Shoot more than you need

Avoid special effects added by camera

Keep in mind: you can/will edit later

7

Record: Video from computer

What sort of things can you capture?

Programs: show “how to” do this or that

Applets: much better than a lecture

Videos: real world

Navigating a web site

PowerPoint slides: easy, cool animations

How to capture?

We’ll use Camtasia Studio’s Recorder.

8

Edit: Assembling your media

Editing video is fun, your chance to fix many little things, and be creative!

But it’s also very time-consuming!

Many editing programs Windows Moviemaker

iMovie

Adobe Premier

Camtasia Studio

And many more!

9

Example: Using Camtasia Studio

Import clips into library

Drag clips from library onto timeline

Adjust clips on timeline: sequence, crop (trim away beginning or end), split, delete

See Preview window

Add transitions between clips, adjust durations

Add other effects (using “key frames”)Zoom and pan

Cursor effects

Callouts

Picture-in-picture

10

Publish: Create the video result

File formats and sizesWMV

MP4

SWF

And more

Remember: More pixels means better image, but BIGGER files

Can customize many parameters and publish options

Save produced files in a sub-folder

11

Share: Available for all to see!

Upload sites YouTube, Facebook, Revver, Blip.tv, Yahoo!, My Space, Bolt, Drop Shots, Cast Post, Clip Shack, Daily Motion, Meta Cafe, Our Media, Phanfare, Podesk, Selfcast TV, sevenload, Shozu, Stickam, Ustream, Vimeo, Movie Locker, TinyPic, Sevenload, MetaCafe, SmugMug, Shutterfly

Or your own web server

Linking and EmbeddingLink to upload site or your own web pages

Social network pages (YouTube, facebook, etc.)

Email attachments (if not too big)

12

Programs

Camtasia Studiohttp://www.techsmith.com/camtasia/Free for 30 days, or $179 for schools

Debut http://www.nchsoftware.com/capture/ Free for private use, or $29 purchase

and VideoPad Video Editorhttp://www.nchsoftware.com/videopad/Free for 14 days then limited file types, or $35 purchase.

13

Camtasia Studio and Recorder

Let’s record today’s Google icon.

Start Camtasia Studio.(Click past the starting screens.)

Click Record the Screen.

Adjust record window to grab the desired part of the screen.

Click Webcam on (if not On already).

Click rec and note key press used to STOP.

Record screen action and webcam, then STOP.

See preview, then click Save and Edit.

14

Preview your raw recording

Recorder automatically saves your recordings and adds them to the Timeline.

Click the Clip Bin tab, and see the saved camrec file.

Click “Play” button in the Preview window.

Rather than work on this clip, let’s work with an existing “camrec” of mine.

Start a new project: File, New project, No (don’t save).

15

Time for you to make your first video!

Goal: replicate my short video clip about radians.We’ll use my “camrec.”

In the new project, import my capture-1.camrec.

Drag it to the timeline and accept 640x480 size.

Watch first minute or so of RAW footage.

Zoom timeline a little. Move play head to ~2:13, and “select” everything before 2:13. Delete this part of the clip and PIP.

16

Trim away excess material

Play the first few seconds.Position the play head at the start ofthe Radians and Degrees slide .

Highlight and delete everything before this.

Let’s quickly trim away the end. Move the play head to the end of the Radians and Degrees slide (~1:12).

Split the tracks there.

Delete the split clips after the Radians and Degrees slide: capture and PIP.

Watch the first and last ~10 seconds.

17

Adjust the PIP

Trim silence at start of PIP,and move it to start of project.

Adjust the PIP image:In Preview window, select (click) the PIP.

Move it to the lower left corner, and enlarge it.

Check “Fade…”, Drop-shadow, Bottom-right.

Use play head to “select” all after about 0:10 (after “…360 degrees in a circle”).

Click Hide PIP in the dialog window.

Notice the way the PIP is colored in the timeline, indicating the “hidden” PIP.

Play the few seconds around ~10 sec.

18

Clean up audio

Click Audio tab.

Check “Enable noise removal.”Better: click Advanced.

Select the quiet seconds after ~0:10.

Click “Use manual noise selection.”

Select and Delete “dead air time”1. Around 0:10-0:11

2. Around 0:58-1:02 (before the closing, “Just remember this…”

3. At end of project.

Are you getting better at “seeing” the audio?

Resulting project should be ~1:05 total.

19

Add callout: Sketch-motion

Position the play head about 0:25, where formula C=2pr appears.

Click “Callouts” on the ribbon. View the choices, select Sketch Motion Rectangle.

Adjust its orientation, size, position, and color.

Notice the callout in the Timeline.Adjust it’s “position” and duration as needed to match dialog.

Adjust “Draw time” and fade out settings to your liking.

20

Add Zoom-n-pan

Starting ~0:35, let’s help student see link between degree and radian circles.

First, let’s “zoom in” and direct attention to the lower-right portion of the screen.

Position the play head where audio starts.

Click Zoom-n-Pan on the ribbon, and click Add keyframe.

In the dialog window, adjust the zoom window size and position to embrace the lower right of screen.

Adjust Duration (zoom in, zoom out times) to ~2 sec.

21

Add callouts to zoomed window

Let’s “connect” the degree and radian circle graphics with an arrow.

Position the play head at beginning of 45-degree discussion, after the zoom key frame.

In the Callouts drop-down, select the Swoosh Arrow.

With call out selected in Preview,adjust it’s size, location, orientation (Hint: “Flip vertical”), colors, outline, transparency, etc. to connect the

45º and p4 circles.

Get it just right, then use it as a pattern!

22

Copy/Paste a callout

Replicate this for the other three angles mentioned in the audio:

Right-click arrow callout in timeline and Copy.

Position play head, right-click it and Paste.

Click the new callout in the Preview and move it to connect the next pair of angle-circles.

Hint: You only need do the Copy once. It stays in the Clipboard.

Hint: Pasted objects stack “on top” of previous.

Adjust the arrow callouts on the timeline to match the audio: position and duration.

23

“Unzoom” back to full size

Now, let’s zoom back out.

Position the play head near the end of the clip.

Click Zoom-n-Pan on the ribbon.

Move the slider to Zoom-out, and adjust duration.

Notice: Changing the zoom properties adds a new key frame.

24

Add a title clip and a transition

Wrap up with a simple title clip.Position the play head at the end of your video.

Click the Title clips tab, and Add Title Clip.

Enter and format some text in the dialog window.

Adjust the duration to about 2 sec.

Add a transition into the title clip.Click Transitions, and see Storyboard view.

Drag your Transition choice before the title clip.

View timeline. (Hint: Click Callouts tab.)

Adjust the Transition duration to about 2 sec.

25

Finally! Produce your first video

Save your project (the recipe).

Click Produce and share.

For now, use “Web” production settings, so click Next.

Specify video name and folder location.Hint: Choose your Desktop for now.

Be sure all checkboxes are checked.

Click Finish and wait patiently!

Click the Play button to see how you did!