Современная веб анимация. Как создать, добавить на сайт. After Effects, Lottie (в прошлом bodymovin)

Описание к видео Современная веб анимация. Как создать, добавить на сайт. After Effects, Lottie (в прошлом bodymovin)

ЗАПУСТИЛ НОВЫЙ ПРОЕКТ. Правда не по анимации, но с ИИ: https://prototext.app/ Приглашаю протестировать. Буду рад критике!

Полезные ссылки и обновления информации относительно этого видео ↓↓↓
https://svgsprite.com

Онлайн плеер для тестирования анимации
https://svgsprite.com/tools/lottie-pl...
[обновлено]

Демонстрация подключения плеера
https://svgsprite.com/tests/gif-vs-lo...
[обновлено]

Explode Shape Layers – скрипт для Ae, который конвертирует Ai слой в стандартные Ае шейпы, удаляет мусорные "merge paths" (артбоарды) и разбивает группированные объекты на отдельные дорожки. Очень полезный инструмент, о котором не знал во время записи этого видеоурока.
http://aescripts.com/explode-shape-la...

расширение bodymovin теперь существует под именем Lottie - https://github.com/airbnb/lottie-web

примеры - http://codepen.io/airnan/

исходный файл для АЕ который демонстрирует возможности bodymovin - https://github.com/bodymovin/bodymovi...

официальные ссылки на скрипт плеера
https://cdnjs.com/libraries/bodymovin

подводные камни веб-аниматора, личный опыт - https://docs.google.com/document/d/1s...

альтернативы -
1. Adobe Edge Animate
2. https://www.svgator.com/
3. http://svgcircus.com

After Ease – cкрипт для Ae, который создаёт инерцию не только для шейпов в целом, но и для любой его анкорной точки по отдельности.
http://aescripts.com/after-ease/

Интересные Ае плагины для анимации персонажей:
1.    • Joysticks 'n Sliders 1.5 Promo  
2. http://www.battleaxe.co/rubberhose/


ЭТО ИНТЕРЕСНО
1. Новое слово в векторной графике    • Vector Graphics Animation with Time-V...  


МОЙ ХОСТИНГ С ПРОМОКОДОМ
https://sweb.ru/ использую его около 10 лет, партнёрский промокод ifiviric
✌😊

Комментарии

Информация по комментариям в разработке