Lottie updates

[kyleFirethought]

General Issue for the update of Symbols and Identity Icons with .json pieces.

Icons that have been meticulously animated over the years have been left to the side despite many appropriate applications being actively worked on.

For this reason, this library has been uploaded to an online repository with the relevant tools to support Developers and Front End Designers leverage the work that was undertaken to improve the UX of Decred's products.

Lottie Files has a File Editor that allows Artists and Developers to amend and change the .json without needing Adobe After Effects or needing to get stuck into the code. This should sufficiently lower the barrier of entry for those working on Decred applications for both Desktop and Mobile platforms.

Editor: Lottie Editor: https://www.youtube.com/watch?v=6KNUp6HTAhs Equally, these are all hosted on Lottie Files meaning that you now don't have to download all the .gifs in order to access the .json files in the original icon-set substantially lowering the barrier of entry. You can find all animations on the Decred Project account: https://lottiefiles.com/decred

After Effects Import: These animations can now be re-imported back into AE allowing for future contributors to tweak and build upon designs. when required. For this the Bodymovin.js Plug-In is required: https://aescripts.com/bodymovin/

Telegram Stickers: .TGS Telegram sticker files can easily be created in the Lottie Editor. Resize and re-time the animation to 512x512 and make sure that the animation is no longer than 3 seconds. Then all you need to do is press download .TGS located in next to download JSON for Lottie. You can create animated sticker packs through the Telegram Sticker Bot. GIF: GIFs of the animations can be downloaded from Lottie Files. Simply click on the file of interested and click on the three dots next to "JSON" where you should be given the option to download a GIF and resize to a suitable size.

Lottie files:

DCRDEX:

• primary

• open

• loop

Decred Logo:

https://lottiefiles.com/share/3soUmG - primary https://lottiefiles.com/share/8RXaT5 - vertical https://lottiefiles.com/share/nH0xu4 - vertical alt

https://lottiefiles.com/share/pTCQ7s - open https://lottiefiles.com/share/xSNuPc - loop

https://lottiefiles.com/share/FkfFw9 - spinner loop

Politeia Logo:

https://lottiefiles.com/share/UhX8Ml - vertical https://lottiefiles.com/share/MybLtP - horizontal

https://lottiefiles.com/share/YqVO3Z - open https://lottiefiles.com/share/OC2Iz6 - loop

https://lottiefiles.com/share/9tHHo4 - spinner loop

Symbols:

Website20

https://lottiefiles.com/share/rIBrHW - privacy https://lottiefiles.com/share/X1a13x - free speech consideration https://lottiefiles.com/share/r81jI1 - open source software https://lottiefiles.com/share/agg1dU - stakeholder inclusivity https://lottiefiles.com/share/hs099H - universal fungibility https://lottiefiles.com/share/0iuVGr - fixed finite supply

Roadmap18

https://lottiefiles.com/share/giIC5W - spv https://lottiefiles.com/share/JbiDg7 -security https://lottiefiles.com/share/uolwUM - scalability https://lottiefiles.com/share/CZ1Za7 - marketing growth https://lottiefiles.com/share/7fe5oU - dae https://lottiefiles.com/share/94KptK - decfunds https://lottiefiles.com/share/ZIP12e - airdrop https://lottiefiles.com/share/YcYQ1T - intergrations

Symbols18

https://lottiefiles.com/share/ptN80u - atomic swap https://lottiefiles.com/share/b47BNz - lightning

Iconset18 All current icons that support Lottie are available on the DCR Project profile:

Telegram https://t.me/addstickers/DCRDesign - Sticker Pack

If a requirement for further animations is needed - Hollar in the comment section below.

[ta-lind]

Solid stuff!

[kyleFirethought]

Primary Open Loop Telegram Sticker

@linnutee DCRDEX 1st Draft.

[ta-lind]

Looks great! These illustrate the metaphors quite well. Did you try without the semi-transparent bg layer also for the complete logo? I see it making sense in instances where it's looping, but wonder if its simpler & cleaner w/o when purely transitioning in.

[kyleFirethought]

Changes:

• Better matte for the strokes should provide seamless masking of the element in Lottie version for use in pattern form. This also benefits the GIF at higher resolutions.
• Other versions showing the animation of "successful, unsuccessful and cancelled" variations.
• Removal of the bg (this is preferred generally because it means GIFs with Alpha can be exported without issues).
• Some animation remapping on the Primary logo to make the final action a tad less ubrupt.

Open Loop Successful Unsuccessful Cancelled Primary

@linnutee Either works well, just depends on the context I guess, in line with the notes above it would help to have this without. This does help for the tx status variations and could help to export both as (from the offset) users may not immediately make the connection with the pattern, especially if it is used in the absence of the patten.

[kyleFirethought]

Will close this issue for the time being, no updates.