Page 1 of 1

Awesome animation transition, how is it achieved?

Posted: 29 Apr 2011, 16:43
by heyffs
I greatly enjoy one of the fellow member's gallery that's featured here, so much that I'd like to know how it's achieved.

One of the thing that stood out to me is the transition animation that he uses on the start page. It involves a combination of zooming plus panning and fading in between photos. It adds much needed dynamic and cleverly showcases bigger photo in a smaller frame which makes a lot of sense being that many of our clients screens arent so big to start with (ie, typically a 15" laptop). And most importantly, it allows the photographer to showcase his hi-res work in all it's glory.

Check it out, watch the first few photos
http://www.isakovroman.com/#/content/start/

I would like to achieve this similar effect and while I have some solutions around it. I'd like to ping for ideas, especially if there's other feasible way of doing it. Here's my take:

1. Create the animation and render it as an swf, and load them into the gallery...but it's not exactly the most efficient way in term of managing and keeping it regularly updated

2. Same as first, but movie form. Huge file size!

Cheers!
Loc

Re: Awesome animation transition, how is it achieved?

Posted: 29 Apr 2011, 19:02
by grimurnet
heyffs wrote:I greatly enjoy one of the fellow member's gallery that's featured here, so much that I'd like to know how it's achieved.

One of the thing that stood out to me is the transition animation that he uses on the start page. It involves a combination of zooming plus panning and fading in between photos. It adds much needed dynamic and cleverly showcases bigger photo in a smaller frame which makes a lot of sense being that many of our clients screens arent so big to start with (ie, typically a 15" laptop). And most importantly, it allows the photographer to showcase his hi-res work in all it's glory.

Check it out, watch the first few photos
http://www.isakovroman.com/#/content/start/

I would like to achieve this similar effect and while I have some solutions around it. I'd like to ping for ideas, especially if there's other feasible way of doing it. Here's my take:

1. Create the animation and render it as an swf, and load them into the gallery...but it's not exactly the most efficient way in term of managing and keeping it regularly updated

2. Same as first, but movie form. Huge file size!

Cheers!
Loc
I guess it is http://slideshowpro.net/ embeded into imagevue, otherwise it would be great to have this effect available in imagevue

Re: Awesome animation transition, how is it achieved?

Posted: 30 Apr 2011, 06:32
by norad
it's called Ken Burns effect. But the transitions are not that awesome :)

Try this one:
http://goo.gl/9FHju

Re: Awesome animation transition, how is it achieved?

Posted: 05 May 2011, 19:00
by Leszek
norad wrote:it's called Ken Burns effect. But the transitions are not that awesome :)

Try this one:
http://goo.gl/9FHju
i've tried Ken Burns effect and unfortunately it didn't work with Imagevuex. :roll:

any other idea ?

Re: Awesome animation transition, how is it achieved?

Posted: 06 May 2011, 03:51
by mjau-mjau
We have planned to integrate a "Ken Burns Slideshow" filemod in a forthcoming version of Imagevue. Stay tuned!

Re: Awesome animation transition, how is it achieved?

Posted: 10 May 2011, 12:37
by heyffs
mjau-mjau wrote:We have planned to integrate a "Ken Burns Slideshow" filemod in a forthcoming version of Imagevue. Stay tuned!
Sweet! You have my upvote for this transition and a pack of beer! Please, pleaaaase make it available with the next release of Imagevue... I'm looking forward to an integrated solution with IV.