home.social

#lottiefiles — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #lottiefiles, aggregated by home.social.

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

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

    habr.com/ru/articles/1049098/

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

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

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

    habr.com/ru/companies/2gis/art

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

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

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

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

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

    habr.com/ru/articles/793260/

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

  5. I started working on a new #Java library to load and save #LottieFiles and #dotLottie, plus a #JavaFX player.

    The very early steps are taken. A website on lottie4j.com thanks to #JBake, Mastodon account on @lottie4j, different Lottie JSON files can already be loaded and saved back to the same JSON, and a very first visual output showing there is some valid data being handled.

    Sources: github.com/lottie4j

    The JavaFX player component will be a very big challenge...