home.social

#lottiefiles — Public Fediverse posts

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

fetched live
  1. أطلقت LottieFiles إضافة جديدة قوية لـ Figma Motion، تتيح للمستخدمين استكشاف ملفات Lottie وتحريكها وتصديرها بسلاسة مباشرةً من داخل المنصة، مما يغني عن الحاجة لمغادرتها. تعالج هذه الإضافة المجانية غياب دعم التصدير المباشر لملفات Lottie في Figma Motion، وتوفر حلاً مبسطاً للمصممين من جميع المستويات، حتى دون خبرة سابقة في تصميم الحركة، مما يعزز سير العمل ويسهل دمج الرسوم المتحركة التفاعلية بكفاءة.

    #LottieFiles #Figma #Lottie

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

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

    habr.com/ru/articles/1049098/

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

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

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

    habr.com/ru/articles/1049098/

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

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

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

    habr.com/ru/articles/1049098/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    habr.com/ru/articles/793260/

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

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

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

    habr.com/ru/articles/793260/

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

  15. 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...

  16. 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...

  17. 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...

  18. 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...

  19. 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...