Делаем свой QML-компонент для Lottie-анимаций с помощью rlottie

В современном UI помимо удобства есть еще свистелки и гуделки, чтобы зацепить взгляд пользователя. И, зачастую, такой свистелкой являются анимации: нажал кнопку, а у тебя вокруг спец-эффекты, поставил палец вверх, а он красиво подпрыгнул, и так далее. Большинство таких анимаций, которые вы видите в приложениях практически каждый день, сделаны с помощью Lottie. Например, тут, в Telegram, часть анимированных стикеров и эмодзи сделаны как раз с помощью Lottie. Почему именно Lottie? Lottie — это JSON-based формат векторной анимации, поэтому он легковесный, легко масштабируется, не требует видеокодеков, хорошо выглядит на экранах с разным DPI.

https://habr.com/ru/articles/1049098/

#lottie #lottiefiles #qt #qml #c++

V1.2.3 of Lottie4J has been released with:

* Improved unit tests
* Data model and player improvements
* And more!

All info on:
https://lottie4j.com/releases/index.html

#Java #JavaFX #Lottie #LottieFiles #dotLottie

Lottie в интерфейсах: как мы оживляем 2ГИС с помощью анимаций

Анимация уже давно стала стандартным инструментом в дизайне и способна выполнять самые разные задачи: обеспечивает плавность и приятную отзывчивость — как в современных ОС (например, дизайн-система Android Material 3 или Apple , которые используют принципы Springs), транслирует голос бренда и становится частью айдентики ( CashMoney , Instagram , Plex ), добавляет продуктовым сценариям эмоциональность и значимость. Недавно и перед нашей командой встала задача «оживить» некоторые из них. Меня зовут Саша Гончаров, я моушен-дизайнер в 2ГИС. По просьбе продуктовых дизайнеров я подключился к работе над анимацией интерфейсов. В этой статье расскажу, на что стоит обращать внимание при создании интерфейсных анимаций, какие технические нюансы важно учитывать и как мы достигаем желаемых эффектов. Материал будет полезен моушен-дизайнерам, которые хотят работать с интерфейсами, а также разработчикам, интересующимся особенностями рендеринга объектов на карте. Читать

https://habr.com/ru/companies/2gis/articles/935296/

#adobe_after_effects #lottie #lottiefiles #анимация_в_приложениях #анимация #приложения #мобильные_приложения

The Exploding Pigeon: one click and it's done! 💥

#LottieFiles interactivity 🤘🏻
https://codepen.io/Osbro/pen/vYeqOGM

Как уменьшить вес продуктовой анимации в 400 раз (без AI)

Все любят красивую и качественную графику, но обычно такая графика весит много и влечёт проблемы с её добавлением в дистрибутив проекта. А, возможно, и доработки по внешней загрузке или самое частое — сжатие с потерей качества. Каждый дизайнер хоть раз, да говорил «Вот бы можно было и качество сохранить, и отдать разработчикам легкие файлы…». Сегодня нет классных AI-решений для этой задачи, но в этой статье мы расскажем о том, как нам удаётся значительно ужимать графику с использованием растровых и векторных элементов, содержащей альфа-канал. В статье мы ответим на следующие вопросы: Какой формат анимации с растровыми элементами выбрать для использования в мобильном приложении? Как уменьшить вес файла и не потерять качество картинки? И как со всем этим связаны Lottie-анимации?

https://habr.com/ru/articles/793260/

#lottiefiles #анимация #оптимизация_изображений #дизайнеру #продуктовый_дизайн #командная_работа

A bit of progress in between all other projects... ;-) A correct width and color for a stroke!

See https://lottie4j.com/

#LottieFiles #JavaFX