Menu Search
Jump to the content X X
SmashingConf London Avatar

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf London, dedicated to all things web performance.

Screencasting: How To Start, Tools and Guidelines

Some companies have made a living creating a sort of “virtual classroom,” allowing members to learn at their own pace when they have the time using video tutorials. The advantages of the classroom setting stem from a one on one experience and the ability of the instructor to show the ideas and theories rather than simply explain them. [Content Care Nov/14/2016]

lynda.com

Screencasting, or sharing your virtual desktop via video presentation, has exploded in popularity with the advent of podcasting, and gives you the ability to bring the classroom feel to a media presentation that can be delivered over the Internet. The medium of screencasting is readily available to everyone and with a few tools of the trade you can be ready to produce your own.

You may also want to take a look at the following related posts:

Screencasts For Web Developers

You can learn a lot from an article or a detailed tutorial, but if you really want to understand a certain technology or tool, it’s great to sit next to someone who has a wide understanding and is able to answer all of your questions. Even better: you can sneak a peek behind their workflows, too!

3Screencasts For Web Developers

Well, perhaps you shouldn’t be annoying to your colleague all of the time, so why not get a cup of coffee, biscuits and check a video screencast instead? Chris Coyier’s screencasts4 often feature interesting workflows and tools, e.g. Build Podcast5 is all about tools, libraries and techniques. Breakpoint Show6 is dedicated to developer tools and time-saving techniques.

Why Should You Screencast? Link

There are several advantages to screencasting both from the user’s side as well as from the creator’s. From the point of view of the audience, the screencast allows them to learn by example, seeing every step in great detail. Learning by watching the host move through the steps enables them to take note of where everything is in the application or presentation. In most cases the ability to pause or rewind also gives the viewer the power to move at their own pace… something a classroom cannot always offer.

For the creator, screencasting offers the capability to explain in detail what may be more confusing when delivered in audio or the written word. Video allows the screencast producer to complete the flow of thoughts or processes without being forced to chop steps into static images, as in a book or slide show. With the combination of video and audio, the creator can mimic the one on one experience of the classroom and deliver clear, complete instruction.

pause the screencast to move at your own pace

Althought the advantages may seem plentiful, screencasts do have their downside as well. Watching a video requires a commitment of time, and some potential audience members may not have the time to give. While iPods and other portable media players have made video content more portable, a large portion of the population may still rely on books and the printed word for training on-the-go. Screencasting, although not a new technology is still relatively obscure. Individuals that a screencaster is trying to reach may simply not know that the information is available to them.

The technical difficulties of screen capture and exporting can be numerous, and a poorly constructed offering will almost absolutely result in a reduction in audience and exposure. While video and audio quality may not be as important as content, it can make or break the success of a screencast.

Who Can Make a Screencast? Link

Anyone with something to teach or present can produce a screencast. Required are a good idea, some screen recording software, a microphone, a site for distribution, and a willingness to share your ideas with the world. In seven easy steps you can begin to produce a screencast and deliver it to the world.

Seven Steps to Screencasting Link

  1. Content is king.
    If you don’t have something to present, you don’t have a screencast! In most cases, a screencast is produced to teach a process or technique, or get a set of ideas across to an audience. If you cannot keep the attention of the audience, the screencast may be rendered useless. When choosing a topic, start with areas that are within your knowledge base, and can be covered in the time allotted to complete the series.
  2. Planning.
    A script may or may not be utilized in preparation, but it is good practice to complete a dry run of the presentation before actually hitting the record button. Practice makes perfect, and the more familiar you are with your content, the more polished the final recording will be.
  3. Push the red button.
    It’s time to shine, and if your preparation went well, this step should be relatively easy. Remember to move at a pace that is comfortable for your audience and speak clearly so as to avoid any confusion. Audio can be added in post production instead of being recorded during the presentation, but this will require an extra editing step and can break the flow of the delivery if not done correctly.
  4. Review the video.
    Be sure that no steps were left out and that the flow of the presentation makes sense and will be easy to follow for your intended audience. If imperfections are found, you may choose to edit or re-record the video altogether.
  5. Editing.
    If necessary, edit the video according to your standards. Include any transitions, intros, outros, or other post production items.
  6. Produce.
    Export your video with the settings that best fit your intended output, whether that will be streaming from a webpage, downloadable media or delivery on a disc.
  7. Distribute the videos.
    There are several options from hosting your own weblog site and leveraging an RSS feed, to using a service such as YouTube.

Capturing Your Screen Link

As is often the case with software, the options are plentiful for capturing video of your computer screen. The feature sets of these software packages for the most part are comparable, but advanced tools and pricing set a few of them apart from the pack. Below are five screen capture software applications that can be used to create a screencast.

Snapz Pro X (Mac) Link

Snapz Pro X7

Snapz Pro X8 is a robust offering of settings and compressions for screen captures of all sizes. It is fairly easy to use and captures great quality of video and sound. Video from this application is exported in Quicktime (.mov) format only and Snapz Pro X does not allow for video editing. This is a feature-rich application for a reasonable price of about $70.

iShowU (Mac – Tiger or Leopard) Link

iShowU9

iShowU10 offers polished recording quality and plenty of settings and export presets for anything from YouTube formatting to 1080p. Like Snapz Pro X, iShowU lacks ability to encode video to different formats. Videos are saved in Quicktime (.mov) format only and editing is not a feature supported by this application. This is a productive little application and priced for the novice at about $20.

Screenflow (Mac) Link

Screenflow11

Compared to other applications, Screenflow12 has advanced algorithms that only encode areas of change on your screen. It can simultaneously record from iSight or DV camera at the same time as your screen (and your microphone and computer’s audio). You can also capture games and DVD-videos. With ScreenFlow editor you can add zoom and pan effects, trim clips, add drop shadow and reflection, adjust audio levels etc. You can also combine existing media into your screencast. Powerful and very user-friendly, price: $99.99.

Camtasia Studio 5 (Windows) Link

Camtasia Studio 513

If you are looking for an all-in-one screen capture and video editing software package, and you’re using Windows, this is the one for you! Camtasia Studio 514 lets you record the screen, format and compress for multiple outputs, edit and enhance the audio and video, and save in several different formats. A host of other features including themes, transitions, and captions make this product stand out among the pack, but at a price of about $299.

CamStudio (Windows) Link

CamStudio15

CamStudio16 is a quick and lightweight screen capture application that allows for recording of video and sound to either an .avi or Flash based swf file. It features the ability to place banners/text boxes with supporting text. This application records only and does not allow for editing, but is a very functional screen capture option and is free for anyone to use, provided you are using the Windows operating system.

Adobe Captivate 3 (Win) Link

Adobe Captivate 3

Adobe Captivate builds and edits interactive software demonstrations, simulations, podcasts, screencasts, games, program demos and lessons. For software demos, it can either record in real time or use a smart event-based screen capture that snaps a sequence of still images and then builds mouse movement simulations to create the appearance of a running program.

You can edit Captivate presentations to add captions, clickable hotspots, text entry boxes, rollovers, videos, etc. It is also possible to edit the content (including mouse pointer path, position, image) and change the timing for each item to appear and disappear. The hotspots can branch to other slides in the presentation, or to outside webpages.

Captivate supports the import of still images, PowerPoint, video, .FLV, and audio tracks onto any Captivate slide. Price: $699.

Tricks of the trade Link

Screencasting, like many other forms of media can be customized as the producer sees fit. Trial and error may be your best ally in figuring out what formula works best. Here are some tips from current screencast producers that may fit into your template of success.

  1. Expensive equipment is not always the best equipment. While some studio grade microphones will give you excellent audio quality, a decent headset will give you adequate sound and the freedom to work on the computer as you normally would while performing the presentation.
  2. Taking the time to find the suitable settings for your output can be the key to returning your audience. Poor video or audio quality can have a negative effect on the screencast viewing experience.
  3. Editing may be an option, but sometimes its better to simply start over and have a nice flow to the production rather than piecing together snippets of good video.
  4. Think long-term. Are you still going to have content to share via screencast two months from now? How about two years from now? Once you build an audience, their thirst for your content may not fade.
  5. Consider leaving the mistakes in the presentation. Problems may occur in the viewers’ workflow, and watching you solve a similar problem may help in their learning process.

Speak to the World Link

Once your screencast is ready for an audience, a suitable distribution system is needed to get the content to the people. Using a weblog software such as WordPress allows you to quickly add posts, or customized web pages, and attach your screencast.

Taking things one step further, the weblog automatically produces an RSS feed, which users can subscribe to in a news reader or aggregator such as iTunes, and receive the screencasts each time you add a new one to the weblog.

Alternatively, you may choose to use a service such as YouTube. These websites both allow you to set up a free account, post your video content to their free-of-charge servers and share it with other users who visit the website. These services can be a cost-effective solution as you are not charged for the storage or transfer of your screencasts, and at times have an opportunity to even make money with your videos.

revver.com

Making Sense Of It All Link

Screencasting is a media experience that is available to just about anyone, whether there is an interest in viewing them or hosting and producing them. It is an effective way to educate and inform using some simple tools to share what is happening on your computer screen.

It holds many advantages over the traditional methods of teaching and learning, and in many cases is offered free of charge. See the list below for some high quality screencasts that may teach you a thing or two about design and design applications.

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2010/12/most-common-mistakes-in-screencasting/
  2. 2 https://www.smashingmagazine.com/2011/01/creating-and-distributing-presentations-on-the-web/
  3. 3 https://www.smashingmagazine.com/2014/01/here-is-to-another-hundred-issues/#
  4. 4 http://css-tricks.com/video-screencasts/
  5. 5 http://build-podcast.com/
  6. 6 https://www.youtube.com/watch?v=ktwJ-EDiZoU
  7. 7 http://www.ambrosiasw.com/utilities/snapzprox/
  8. 8 http://www.ambrosiasw.com/utilities/snapzprox/
  9. 9 http://www.shinywhitebox.com/home/home.html
  10. 10 http://www.shinywhitebox.com/home/home.html
  11. 11 http://www.varasoftware.com/products/screenflow/
  12. 12 http://www.varasoftware.com/products/screenflow/
  13. 13 http://www.techsmith.com/camtasia.asp?CMP=KgoogleCStmhome
  14. 14 http://www.techsmith.com/camtasia.asp?CMP=KgoogleCStmhome
  15. 15 http://camstudio.org/
  16. 16 http://camstudio.org/
  17. 17 http://www.css-tricks.com/videos/
  18. 18 http://digitalmedia.oreilly.com/dekepod/
  19. 19 http://www.theindesigner.com/blog/
  20. 20 http://www.oneminutetip.com/
  21. 21 http://www.photoshopusertv.com/
  22. 22 http://www.screencastsonline.com/

↑ Back to top Tweet itShare on Facebook

  1. 1

    I have always found Camtasia Studio to work well, nice write up.

    1
  2. 2

    Great post! I had just been wondering what a good screencast program would be.

    1
  3. 3

    Andrea Pelizzardi

    August 19, 2008 3:10 pm

    There another cool and NEW application: Silverback by Clearleft LTD.+
    You must try it ;)

    0
  4. 4

    Ahmed Abu-Nadar

    August 19, 2008 3:17 pm

    I like Camtasia Studio, I guess they are the best in the market. Great post! ;)

    0
  5. 5

    Was working with both CamStudio and Camtasia Studio. We tried to record webinars and tried CamStudio first. But went to Camtasia Studio b/c it has better features and is more flexible. Yes, you will have to pay, but it will be worth it. Otherwise in some cases you’ll need to have a hassle to find special converters for special files.

    0
  6. 6

    Adobe’s Captivate has some nice features that are missing in Camtasia. For example, it stops recording when there is no action on the screen. This makes the editing process much simpler.

    0
  7. 7

    Leroy Campbell

    August 19, 2008 3:44 pm

    ScreenFlow is the screencasting tool for Mac OS X Leopard. I find it hard to believe it isn’t listed in the article. I consider it a streamlined version of Camtasia for Mac (it captures, edits, and encodes).

    0
  8. 8

    I agree with Leroy for the Mac program (at least until Camtasia for Mac comes out). ScreenFlow IS the screencasting tool of choice for Mac, however, I will say that it’s Leopard only, so I can see why you didn’t add it on the list. I would however, have not put Snapz Pro X as the start of the article.

    On the Windows side of things, Camtasia Studio (all versions) is perfect for the job. CS5.1 is definitely something worth playing with. I am really looking forward to what comes with CS6.0. Those people at TechSmith really know what it takes to Screencast.

    0
  9. 9

    Andrew Dotson

    August 19, 2008 4:42 pm

    Where is SCREENFLOW? It is by far the best screen recording application for the mac!

    0
  10. 10

    Grant Friedman

    August 19, 2008 4:52 pm

    Great post guys! I tried Camtasia Studio and love it!

    0
  11. 11

    Same here for Screenflow :) big shout out for this too.
    Thanks for the link on Silverback @Andrea
    thanks
    Kb

    0
  12. 12

    Agreed. Screenflow absolutely should have been mentioned in this article. It is the best screencasting tool for the mac.

    Another quick tip that I didn’t see mentioned…

    On the mac it is very easy to create an extra user. I’ve created a user just for screencasting. It gives you a nice clean user to start with; clean desktop, etc. It also forces you to not skip over any defaults settings you may have changed.

    0
  13. 13

    Screenflick for the Mac! It’s not as robust as Screenflow, but it’s realy good and … low priced ($29) … so very cheap here in Europe … :)

    0
  14. 14

    Never used any screencasting programme, but I’ve got a thing for Silverback ever since the cool-as-focaccia paralax layers they had on the holding page.

    0
  15. 15

    I would add vimeo.com for uploading as you can upload HD-Videos, too.

    Nice summary!

    0
  16. 16

    Sorry… did not see others already mentioned Screenflow. Take it as agreeing to the others ;)

    0
  17. 17

    not having Captivate on your list makes it a really poor one. talk about CamStudio or Wink and not about Captivate? gotta be kidding, man!

    0
  18. 18

    Vitaly Friedman & Sven Lennartz

    August 20, 2008 2:30 am

    @all: the article was updated, thank you.

    0
  19. 19

    Another tip – keep it really short. Better to have a big number of tiny Learning Objects than a small number of big ones. That way users can dip in and out.

    0
  20. 20

    You forgot to include Linux screencasting tools.

    0
  21. 21

    A good introduction, but I’d like to hear more about what people do to translate their screencasts into other languages.

    0
  22. 22

    Looks like my earlier, epic comment got eaten — please check and free it? Thanks graciously. :)

    0
  23. 23

    I agree with Buttah: Screenflick is really interesting as it can record the keyboard shortcuts you are using. I don’t know if it’s the best one but it’s a nice, efficient, very stable and cheap application.

    0
  24. 24

    Another tool (ot tols) for consdier are ViewletBuilder and ViewletCam from Qarbon (www.quarbon.com) for Windows and Mac (ViewletBuilder only). ViewletCam is similar in features to Captivate, i.e. FMV with captioning. ViewletBuilder takes a stop-motion approach, you grab screens but cursor movement is captured. This makes rich captioning and post-editing easier without having to talk real fast or put in padding frames. ViewletBuilder also allows simple questions/tests and branching paths. both Qarbon product output to Flash and are Java app. The Mac version lags the Windows version but the company do plan a v6 on Mac – I believe.

    0
  25. 25

    There is another windows screen recorder called DemoCreator. It is an amazing screencasting tool to make software tutorial. Maybe it is not that famous,but it is really helpful and easy to use.

    0
  26. 26

    Anyone Heard of Making Money Online?
    makewealthonline.net
    Please someone review this site before i can sign up with them. Thanks

    0
  27. 27

    I started with Camtasia, but honestly CamStudio did exactly the same thing for free. For screen capturing, thats great, but if I want interactivity, hands down, Adobe Captivate blows the field away.

    0
  28. 28

    Hi, this is a best way to teach something to somebody. That’s why i have started to share videos which explain Blogger hacks. I’m using BB Flashback 2 (30 days full trial version). It’s a good choice for beginning.

    Thanks for such a nice and handy post.

    0
  29. 29

    I use screenflick and try and do things in one take. Editing not only takes time, but can def mess with the flow.

    Tips: Take your time, speak clearly and as if you are speaking to a friend.


    0
  30. 30

    I recently picked up Screenflow on Mac, and for the price it is definitely the top of the pile. However, as far as I know, it doesn’t seem to use any amazing algorithms to record only moving parts of the screen. I haven’t found much difference in the file sizes between Screenflow and other apps and at the end of the day the export options are exactly the same as Quicktime Pro.

    This is where I think the Techsmith codecs have the advantage and it seems like a Mac version is coming out later this year.

    0
  31. 31

    This is so great! I have been searching for a good screencast program. Thanks for all the tips and advice.

    0
  32. 32

    Awesome, timely post! Wasn’t it just yesterday that I asked about this on Twitter?

    Seshu
    Twitter: @SeshuThePhotog

    0
  33. 33

    Are there any free good video editing software out there to create sponsor intros or any good tutorials on how to do this?

    0
  34. 34

    I use SnapsXPro and Quicktime Pro because the company I developed screencasts for demanded it and paid for them and even trained me. BUT they used a converter to make the .mov files flash files.

    Now that I am working for myself again most of my clients were happy with .mov files but many are now asking for flash files.

    Would it be better to invest in a good quality file converter or to buy Camtasia when it comes out for Macs? I’m kind of torn. I have Snapz X Pro and Quicktime Pro, I know how to use them, and I didn’t have to pay for them, but it seems Camtasia is much more robust.

    Looking for the best combination of features and reasonable price.

    Maybe Screenflow and a good file converter to export flash files would be just as good as Camtasia and probably cheaper.

    Why didn’t Screenflow build in flash exports?

    My clients are telling me their less experienced users are sometimes puzzled when the get asked to install a Quciktime plug in in their browser so they’d rather have flash files as it is seen as more of the standard.

    What do you think?

    0
  35. 35

    I think screentoaster should be on this list. It’s free, online, and compatible with all OSs. The only thing wrong with it is that it isn’t compatible with Safari (as far as I can tell).

    0
  36. 36

    Christopher Robinson

    January 20, 2010 7:05 am

    Great article, I have been trying out screenflow for mac over the past few days and I like it a lot. Very intuitive and easy to use, but it does seem to bog down my old Dual 2gig G5 quite a bit! I’ll have to work on that.

    Thanks!

    0
  37. 37

    Great article and posts!
    Beginner 1 month with Camtasia Studio 6.
    Recording a day trading course I’ve just finished writing.
    Anyone know the best method of selling tutorial screencasts?
    In the process of building a web site.
    Thanks
    Anya

    0
  38. 38

    Christiane Rosenberger

    April 8, 2010 3:36 pm

    Fixed! Thank you, Megan :-)

    0
  39. 39

    amazing your tips

    how can I donate money to you?

    0
  40. 40

    Tinisha Kaminaka

    June 13, 2011 2:17 am

    Via my investigation, shopping for gadgets online may be easily expensive, yet there are some tips that you can use to acquire the best products. There are constantly ways to obtain discount deals that could help make one to possess the best gadgets products at the smallest prices. Interesting blog post.

    0
  41. 41

    How about Jing Pro ($15) vs. QuickTime X (pre-installed with Lion) for screen casting with a Mac? Does one have more options than the other?

    Thanks

    Kathy

    0
  42. 42

    Deependra Singh

    May 5, 2013 3:56 pm

    After capturing my desktop screen using CamStudio, I found that video is of larger size compared to its duration.For example,duration =30 minute,size=600MB.After compressing it using Windows Movie Maker,its size gets reduced but quality gets deteriorated.So please provide a tutorial for the same.

    0

↑ Back to top