Instructional video: How to walk an audience through a company’s computer software

[Joseph W. bourke]

My guess is that it’s a combination of screen capture (probably Camtasia) combined with Photoshop grabs of still portions of the interface where they need them. For example, close to the beginning, the various communications elements are typing on, and they then appear one by one, dissolving in – an interface wouldn’t work that way. Bear in mind though, that Camtasia can be set up so that all of the zoom ins and outs that you see can be automated to follow the mouse’s movement. And it gives you the ability to edit all of these after your capture session is finished. It’s very powerful software. Here’s a look at some of the capabilities:

https://www.techsmith.com/camtasia-features.html

Joe Bourke
Owner/Creative Director
Bourke Media
http://www.bourkemedia.com

[Mark Suszko]

A bit of compositing and fx work is going on, but it’s not calling attention to itself. The depth of field blurring going on is being done in post, I’m fairly certain, as a way to help draw the eye where they want it to go on each screen.. You can do a lot of camera and screen position gymnastics, when you’ve captured the original at high enough resolution.

There is a chance that all the screens you see are mocked-up in photoshop or AE first, but I only say that because the type and layout looks so clean compared to what I see everyday in real-world screen interfaces.

[Jeff Breuer]

I agree, take a good look at all of the effects going on. There’s a bit there. If you need to do something really cheap, the newer versions of Quicktime have screen capturing capability, but it doesn’t have the great features (even zoom) that Joe talks about in Camtasia. Like Mark said too, I wouldn’t be surprised if these were or had least had some complete mock ups in them.

[Joseph W. bourke]

I agree with both you and Mark. There’s a certain cleanness that it’s hard to put a finger on, which you don’t get with the raster capture of Camtasia or other screen capture footage. That said, I’ve done promos in the past, in which I captured a still of a web site at the highest rez my graphics card could muster, then cut it apart in Photoshop, and animated it in After Effects, just to give it a bit more excitement. There are lots of possible answers to the puzzle, and none of them are wrong…

Joe Bourke
Owner/Creative Director
Bourke Media
http://www.bourkemedia.com

[Santanu Bhattacharjee]

I have done many iPhone and Tab demos using two techniques

The flash way – Made every screen manually in flash and animated it.

https://www.santanu.biz/demo/demo.php?query=iphone&count=1#footer

When client gave me too many of such demos (Android, Windows…) it became difficult to do them manually –

I used photoshop and used the screen in AE/ Premiere. To capture the actions I used Snagit.Default screen cams were too clumsy. You need to capture the actions using the less lossy codec. I used Snagit. After the footage is captures, all that zoom, tilt pan were done in After effects. AE does a good job of smoothing the pixels when you zoom deep.

https://www.santanu.biz/demo/demo.php?query=android&count=1#footer

Santanu B
The Swiss Army Knife for All Your Creative Needs