Welcome to TalkGraphics.com
Page 2 of 2 FirstFirst 12
Results 11 to 20 of 20
  1. #11
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    994

    Default Re: Importing Lottie files

    All round, it might be easier to produce a small animation in Xara rather than mess with these files, although I do see them a lot in websites.
    Thanks all
    -Bill
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  2. #12
    Join Date
    Feb 2007
    Location
    UK
    Posts
    21,283

    Default Re: Importing Lottie files

    in what format ?

    for motion graphics [the sort of animated shapes that you see on websites and presentations] these files beat anything xara can do in terms of scalability and file size

    only down side I can see is the cloud hosting
    -------------------------------
    Nothing lasts forever...

  3. #13
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

    Default Re: Importing Lottie files

    You can generate with After Effects or on-line, lodging in the Cloud, but you can deploy your JSON LottieFile from your own server thereafter: https://css-tricks.com/animating-with-lottie/ & https://airbnb.io/lottie/#/web .

    Getting the js right is the main grief.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  4. #14
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Importing Lottie files

    Cheers for the links Acorn.

    I was merely trying to answer Bob's op re whether it could be included in a Xara website and indeed it can.

    However there are two questions that jump to mind.

    It appears to be very Adobe After Effect centric. At £20/month that may well beyond many members price range. I've only looked very briefly but I can't find a cheaper json creator tool, nor animation tool.

    Secondly I've not been able to find a way to compare Lottie file sizes against an svg file size, nor had problems with my created animated svg's displaying on various platforms.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  5. #15
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

    Lightbulb Re: Importing Lottie files

    Egg, here's an approach:
    • Log into your free LottieFiles account.
    • Export an SVG design from Xara.
    • Add to https://lottiefiles.com/svg-to-lottie/convert.
    • Tweak your animation.
    • Download the LottieFile (*.json) to your local filestore.
    • Go back to LottieFiles > My Private Animations > Click and get its Asset Link.
    • Open https://lottiefiles.com/web-player.
    • Paste in the Asset Link.
    • Change the Width and Height values to 100%.
    • Make your other adjustments.
    • Copy the Generated Code to a Xara Placeholder Body (code).
    • To replace the Cloud animation with your local one, select the Placeholder and press Shift+Ctrl+Alt+A and attach the local JSON file.
    • Change the Placeholder code from <lottie-player src="https://assets1.lottiefiles.com/packages/*.json ... to <lottie-player src="index_htm_files/packages/*.json...
    • Move <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> to Website > HTML Code (head).
    • The hard bit would be to use the https://lottiefiles.com/tools/json-editor to tweak a design further.
    • You may be able to use https://inkscape.org/~mattia.basagli...e-importexport.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  6. #16
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Importing Lottie files

    That looks promising Acorn. Loading from the local server would be far better than loading from a site that may/may not dissappear.

    My main concern is the very small lack of animation features and is it worthwhile regarding the file-size savings between animated svg's that I can create using svgator over lottie files.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  7. #17
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

    Default Re: Importing Lottie files

    Egg, the few animations are just what I've found. There are many thousands of built animations already created so there will be a product along sometime that will do it for you.
    You can probably stack Players. Inkscape might be a winner.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  8. #18
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

    Default Re: Importing Lottie files

    After a lot of searching, the one to watch out for is Haiku: Lottie Without After Effects. Animating UI with Haiku | by Taylor Poe | Haiku Blog | Medium.
    There will be a free Windows package in due course...

    https://medium.com/haiku-blog/lottie...s-9c5a8e74c239

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  9. #19
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Importing Lottie files

    Yes, came across this earlier Acorn but it's a work in progress as you state so not a great help at the moment.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  10. #20
    Join Date
    Mar 2009
    Posts
    4,501

    Default Re: Importing Lottie files

    Quote Originally Posted by Acorn View Post
    After a lot of searching, the one to watch out for is Haiku: Lottie Without After Effects. Animating UI with Haiku | by Taylor Poe | Haiku Blog | Medium.
    There will be a free Windows package in due course...

    https://medium.com/haiku-blog/lottie...s-9c5a8e74c239
    Nice article, Acorn. It seems that Xara missed out on another opportunity, this time by not further developing the animation design and export features of XDP. But who knows? Perhaps management is rediscovering what a treasure chest it actually has with this still (at least, partly) brilliant app and its visionary designers.

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •