Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

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. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

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.

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.

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 screencast.com1, YouTube2 or revver.com3.

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 X4

Snapz Pro X5 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


iShowU7 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


Compared to other applications, Screenflow9 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 510

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 511 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


CamStudio13 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.

Wink (Windows) Link


Wink15 works a bit differently than the other applications being showcased in this article. Instead of recording a single video file of the motions you perform on the screen, it takes a series of screen image captures and strings them together into a Flash movie file (.swf) upon exporting. This application allows for editing of the screen captures and the audio, whether it is recorded with the presentation, recorded in the editing phase, or imported from an external audio file.

The recording and output settings for audio and video are limited and the quality of audio recorded in Wink is subpar when compared to the other applications reviewed in this article. The final output, however, was suprisingly good given the method for constructing the video from static screen captures, and the price is right (free) for those wanting to try their hand at screencasting! (Jing) (Mac, Windows) Link


Screencast.com17 offers a great way to record screencasts and host them all in one package. They offer a free screen capture application called the Jing project18. Jing is easy to use and gives you high quality screen captures that can be saved in the Flash (swf) format.

Downloading Jing requires a sign up with who also offers hosting plans from about $7 to $25 per month depending on the amount of space you need, with a free trial account to test the features of the service. All movies exported from Jing can be uploaded to either your account, an ftp which you set up, or can be saved to your computer’s hard drive. This application does not allow for editing video.

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 WordPress19 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 iTunes20, and receive the screencasts each time you add a new one to the weblog. WordPress works in conjunction with a plugin called podPress21, which makes it simple to attach your screencast movie to a weblog post.

WordPress blogging22

Alternatively, you may choose to use a service such as YouTube23 or 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.


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
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook


  1. 1

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

  2. 2

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

  3. 3

    Andrea Pelizzardi

    August 19, 2008 3:10 pm

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

  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! ;)

  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.

  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.

  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).

  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.

  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!

  10. 10

    Grant Friedman

    August 19, 2008 4:52 pm

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

  11. 11

    Damien Wilson

    August 19, 2008 5:06 pm

    Another vote here for ScreenFlow. Excellant software, and you can use it free so long as you don’t mind a little watermark on the corner of your videos.

  12. 12

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

  13. 13

    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.

  14. 14

    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 … :)

  15. 15

    Thanks for the great article!

    Another high quality screencast is done by Ryan Bates at Railscast which tought me a lot already.

  16. 16

    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.

  17. 17

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

    Nice summary!

  18. 18

    Oliver Chesler

    August 19, 2008 11:45 pm

    Yep add Screenflow. Here’s some examples of videos I created with Screenflow. It’s a joy to use:

  19. 19


    nice article. You missed out SCREENFLOW ( for the Mac. In my eyes it is the best application on Mac right now. Very comfortable to use and really cool editing functions.


  20. 20

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


↑ Back to top