Is there any way I can add a Ken Burns effect to an image in xara? Thank you in advance for any tips.
Printable View
Is there any way I can add a Ken Burns effect to an image in xara? Thank you in advance for any tips.
you may, or may not, find this helpful/amusing ;)
https://www.talkgraphics.com/showthr...-effect-called
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: Attachment 134103
I am not going to explain further as there are too many variations.
You'll need to research it all yourself.
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
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.
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.Quote:
Originally Posted by gwpriester
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
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.Quote:
Originally Posted by Initiostar
I found yourUsing CSS has next to no overhead and I would avoid a video as a substitute.Quote:
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.
anime.js is extremely powerful for complex animation effects and I might play with that sometime.
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.Quote:
Originally Posted by Acorn
Thanks,
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
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
Thanks Gary. Looks good. I will try and see how it goes. Very kind of you to send the linkQuote:
Originally Posted by gwpriester
My pleasure.Quote:
Thanks Gary. Looks good. I will try and see how it goes. Very kind of you to send the link
I must be old school.
While GaryP's WEBM puts on a good display for a slideshow, I would be loath to build something like this for a client who at their last viewing decides the order is wrong or a transition timing is off.
I have amended my original design file to make it a little more accessible to changing timings and transitions: Attachment 134126.
If a slideshow was required, rather than just presenting a single image, I would still go with @Initiostar suggestion of using the Xara Presentation approach as then you can have any variety of page (slide) transitions this affords. In a slideshow, the CSS code would be placed in the Page code areas if different timings and transitions were being used for each slide.
Acorn
Is it possible to export a Presentation as a video?
It is no problem at all to change the order, timing, transition for the Ice Cream Slideshow. And no need to code or to modify the code. And as long as you do not require a hi rez version of the slideshow the software is free.Quote:
While GaryP's WEBM puts on a good display for a slideshow, I would be loath to build something like this for a client who at their last viewing decides the order is wrong or a transition timing is off.
Gary, a Xara app wouldn't create a video for you but there are screen capture products around.Quote:
Originally Posted by gwpriester
For me, it is the need to have to create a video and embed that. I hate trading down and losing quality.
I am happier knowing I can make pan and zoom work for a single image and that it is scalable.
Clearly, there's a case for each approach.
Acorn