Современная веб анимация. Как создать и добавить на сайт. Tutorial: After Effects + Lottie

Полезные ссылки и обновления информации ↓↓↓ https://svgsprite.com Онлайн плеер для тестирования анимации https://svgsprite.com/tools/lottie-player/ [обновлено] Демонстрация подключения плеера https://svgsprite.com/tests/gif-vs-lottie-vs-native-svg-vs-html-video-vs-apng.htm?ex=4 [обновлено] Explode Shape Layers – скрипт для Ae, который конвертирует Ai слой в стандартные Ае шейпы, удаляет мусорные "merge paths" (артбоарды) и разбивает группированные объекты на отдельные дорожки. Очень полезный инструмент, о котором не знал во время записи этого видеоурока. http://aescripts.com/explode-shape-layers/ расширение bodymovin теперь существует под именем Lottie - https://github.com/airbnb/lottie-web примеры - http://codepen.io/airnan/ исходный файл для АЕ который демонстрирует возможности bodymovin - https://github.com/bodymovin/bodymovin/blob/master/projects/BODYMOVIN.zip?raw=true официальные ссылки на скрипт плеера https://cdnjs.com/libraries/bodymovin подводные камни веб-аниматора, личный опыт - https://docs.google.com/document/d/1sY1O3xICO91N6jQ20ulU_AKW-JLXNOha2uN549w7t9A/edit?usp=sharing альтернативы - 1. Adobe Edge Animate 2. https://www.svgator.com/ 3. http://svgcircus.com After Ease – cкрипт для Ae, который создаёт инерцию не только для шейпов в целом, но и для любой его анкорной точки по отдельности. http://aescripts.com/after-ease/ Интересные Ае плагины для анимации персонажей: 1. https://www.youtube.com/watch?time_continue=75&v=Fi-FHnjU5ds 2. http://www.battleaxe.co/rubberhose/ ЭТО ИНТЕРЕСНО 1. Новое слово в векторной графике https://www.youtube.com/watch?v=Xk1_CugdytI&feature=youtu.be