FORUMS: list search recent posts

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

COW Forums : Corporate Video

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
Alex JonesInstructional video: How to walk an audience through a company's computer software
by on Feb 8, 2014 at 10:06:21 pm

Reference video: https://asana.com/guide/explore/videos/get-started

Hey all, this should be pretty basic but I need to create a video much like the one I supplied above and I'm wondering if for the parts they show the product at work (the computer software) is created just by using a screen capture software or they did some kind of compositing. I'm wondering because they are pushing/zooming in on certain areas of the program and then pulling back out but the quality across the board looks untouched.

Any suggestions or theories welcome! Thanks.


Return to posts index

Joseph W. BourkeRe: Instructional video: How to walk an audience through a company's computer software
by on Feb 9, 2014 at 2:06:37 pm

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:

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

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


Return to posts index

Mark SuszkoRe: Instructional video: How to walk an audience through a company's computer software
by on Feb 10, 2014 at 8:49:02 pm

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.


Return to posts index


Jeff BreuerRe: Instructional video: How to walk an audience through a company's computer software
by on Feb 12, 2014 at 3:40:39 pm

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.


Return to posts index

Joseph W. BourkeRe: Instructional video: How to walk an audience through a company's computer software
by on Feb 14, 2014 at 12:15:26 am

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


Return to posts index

Santanu BhattacharjeeRe: Instructional video: How to walk an audience through a company's computer software
by on Mar 31, 2014 at 4:40:57 pm

I have done many iPhone and Tab demos using two techniques

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

http://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.

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

Santanu B
The Swiss Army Knife for All Your Creative Needs


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]