Rich Media question

30 Oct 2007 - 2:39pm
6 years ago
4 replies
149 reads
Ari
2006

it looks like it is. camtasia, captivate and snap x all make videos of your
screen and provide various means of adding annotations. this looks like a
professionally made video using elements of a real or even simulated
desktop.

On 10/30/07, Mike Scarpiello <mscarpiello at gmail.com> wrote:
>
> Can anyone explain how the video on this page was done? I use Camtasia
> and
> Abobe Captivate now to make web demos and training materials, but this one
> kinda looks like a video of a video.
>
> Thanks.
>
> http://www.restaurant.com/
> ________________________________________________________________
> *Come to IxDA Interaction08 | Savannah*
> February 8-10, 2008 in Savannah, GA, USA
> Register today: http://interaction08.ixda.org/
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://gamma.ixda.org/unsubscribe
> List Guidelines ............ http://gamma.ixda.org/guidelines
> List Help .................. http://gamma.ixda.org/help
>

--
--------------------------------------------------
www.flyingyogi.com
--------------------------------------------------

Comments

30 Oct 2007 - 2:45pm
Matt Nish-Lapidus
2007

I'm not sure I understand what you mean by "how the video on this page
was done" ....

I'm sure you already know it's Flash video.

As for the content of the video itself, it looks like they just had an
animator do some simple 3D stuff with screenshots, mouse pointers, and
screen capture vids. Pretty simple, could all be done in Flash.

On 10/30/07, Mike Scarpiello <mscarpiello at gmail.com> wrote:
> Can anyone explain how the video on this page was done? I use Camtasia and
> Abobe Captivate now to make web demos and training materials, but this one
> kinda looks like a video of a video.
>
> Thanks.
>
> http://www.restaurant.com/

--
Matt Nish-Lapidus
email/gtalk: mattnl at gmail.com
++
LinkedIn: http://www.linkedin.com/in/mattnl
Home: http://www.nishlapidus.com

30 Oct 2007 - 3:41pm
Mike Hickman
2007

Mike,

The video is pushed through Flash, which has been pointed at before. But
with the more complex camera movement; the change of aspect combined with a
pan; I would guess they took static screenshots and animated them in After
Effects or another compositing package. A good AE guy could've run through
that fairly quickly I'd guess.

You could so it in Flash, but it'd be a pain.

Mike

On 10/30/07, Matthew Nish-Lapidus <mattnl at gmail.com> wrote:
>
> I'm not sure I understand what you mean by "how the video on this page
> was done" ....
>
> I'm sure you already know it's Flash video.
>
> As for the content of the video itself, it looks like they just had an
> animator do some simple 3D stuff with screenshots, mouse pointers, and
> screen capture vids. Pretty simple, could all be done in Flash.
>
> On 10/30/07, Mike Scarpiello <mscarpiello at gmail.com> wrote:
> > Can anyone explain how the video on this page was done? I use Camtasia
> and
> > Abobe Captivate now to make web demos and training materials, but this
> one
> > kinda looks like a video of a video.
> >
> > Thanks.
> >
> > http://www.restaurant.com/
>
> --
> Matt Nish-Lapidus
> email/gtalk: mattnl at gmail.com
> ++
> LinkedIn: http://www.linkedin.com/in/mattnl
> Home: http://www.nishlapidus.com
> ________________________________________________________________
> *Come to IxDA Interaction08 | Savannah*
> February 8-10, 2008 in Savannah, GA, USA
> Register today: http://interaction08.ixda.org/
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://gamma.ixda.org/unsubscribe
> List Guidelines ............ http://gamma.ixda.org/guidelines
> List Help .................. http://gamma.ixda.org/help
>

30 Oct 2007 - 3:30pm
Michael Lisboa
2007

The hard way:

1) take fully designed photoshop files and rotate and perspective
transform the image(s) or toss them into a 3D modeling app.
2) import into a video editing app-- or flash -- and do your zooms,
pans and scans using the timeline and export to flash video.

The *really* easy way (like my dog could probably figure it out... but
then again he's a pretty smart pup):

Use Apple's Motion or Adobe After Effects. Import your images, rotate
on a 3D axis and pan & scan in the timeline. Export to FLV.

(the mouse cursor is a separate file. this wasn't captured using
camtasia or the like.)

Michael Lisboa

On Oct 30, 2007, at 8:50 AM, Mike Scarpiello wrote:

> Can anyone explain how the video on this page was done? I use
> Camtasia and
> Abobe Captivate now to make web demos and training materials, but
> this one
> kinda looks like a video of a video.
>
> Thanks.
>
> http://www.restaurant.com/
> ________________________________________________________________
> *Come to IxDA Interaction08 | Savannah*
> February 8-10, 2008 in Savannah, GA, USA
> Register today: http://interaction08.ixda.org/
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://gamma.ixda.org/unsubscribe
> List Guidelines ............ http://gamma.ixda.org/guidelines
> List Help .................. http://gamma.ixda.org/help

30 Oct 2007 - 4:48pm
Breinier
2007

I second that After Effects is used. From what i've experienced using
the program the effects used are all available in AE, but i'm not
sure how they did the writing in the form at the beginning though...
but it doesn't look like a movie, just a screenshot that is
animated.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://gamma.ixda.org/discuss?post=21945

Syndicate content Get the feed