Ken Burns effect

[Andre7]

Is there any way I can add a Ken Burns effect to an image in xara? Thank you in advance for any tips.

[handrawn]

you may, or may not, find this helpful/amusing

https://www.talkgraphics.com/showthr...-effect-called

[Acorn]

Andre, how to do this is not simple.

it requires knowledge of CSS and Xara handling of Placeholders and Image Filenaming.

Here is a basic toolkit: CSS - Ken Burns.xar

I am not going to explain further as there are too many variations.
You'll need to research it all yourself.

Acorn

[gwpriester]

Here's a link a web search to Ken Burns Effect slideshow software. Several entries might work. https://duckduckgo.com/?t=ffab&q=ken...=v357-1&ia=web

[Initiostar]

I used the WOW slider with some CCS additions to allow text over the slider > https://initiostar.co.uk/demo/wow-animation/. Full Width with Scale-to-fit-Width.

[Acorn]

Here's a link a web search to Ken Burns Effect slideshow software. Several entries might work. https://duckduckgo.com/?t=ffab&q=ken...=v357-1&ia=web

Thank you Gary. The OP ask was for a KB effect on an image, not for a slideshow. Very few of yours, as listed, would come over into a Xara design.

The main effort is around ensuring the effect occurs within the bounds of the chosen image, otherwise you have an image rolling around the page or it shrinking top/bottom/left/right as it runs out of picture.

For a slideshow, you would apply the KB effect to all the images at once and then contrive a Fade Out or other transition.
The cheap solution is to embed a separate Presentation design with an image per slide page and use the Presentation page effects to move to the next page.

Acorn

[Acorn]

I used the WOW slider with some CCS additions to allow text over the slider > https://initiostar.co.uk/demo/wow-animation/. Full Width with Scale-to-fit-Width.

Gary, I'm not sure if WOW Slider is free or not. This did look promising: https://wowslider.com/jquery-slider-...mo.html?tw=wd8, but is heavily reliant on jQuery.

I found your

Footnote: the most processing efficient way to achieve the Ken Burns effect is to record a video of it and replace the WOW slider with the video; sourced direct from a serve.

Using CSS has next to no overhead and I would avoid a video as a substitute.
anime.js is extremely powerful for complex animation effects and I might play with that sometime.

Acorn

[Initiostar]

Thank you Gary. The OP ask was for a KB effect on an image, not for a slideshow. Very few of yours, as listed, would come over into a Xara design.

The main effort is around ensuring the effect occurs within the bounds of the chosen image, otherwise you have an image rolling around the page or it shrinking top/bottom/left/right as it runs out of picture.

For a slideshow, you would apply the KB effect to all the images at once and then contrive a Fade Out or other transition.
The cheap solution is to embed a separate Presentation design with an image per slide page and use the Presentation page effects to move to the next page.

Acorn

Interesting Acorn, I would not of thought to apply it to just one image; hopefully the OP can share the output. Your separate presentation design is my go-to for all the sliders I do.

Thanks,

[Egg Bramhill]

Interesting thread. Removed some cobwebs. I attach the original xar file I used on the compass one.
Here's me messing about with the effect a little bit further:
LINK

[gwpriester]

I've been using Ice Cream Slideshow Maker https://icecreamapps.com/Slideshow-Maker/ for our You Tube animated stereograms. The new version (Free and paid, paid version is around $35US) includes a variety of fades plus motion so you can use this to easily create a Ken Burns type video and export to MP4, AVI, MOV, and MP4. It's easy enough that I can use it. You can create your slide show from 640 x 480 pixels to 3,840 x 2,160 pixels. And you can add audio.

Very low rez demo http://gwpriester.xara.hosting/Ice-C...demaker%20Demo