po1ntov

😀 Новый проект в портфолио Elemeta! 😀 Последнее время наша команда активно работала над gambling-модулем для uMarket. Мы вложили много времени и внимания в каждую деталь — от визуальной части до удобства взаимодействия с продуктом. 😀 Elemeta полностью отвечала за дизайн и frontend-разработку: проектировали, разрабатывали, тестировали и улучшали клиентскую часть — интерфейсы, анимации и ключевые пользовательские сценарии. ⚪️ ✦ Связаться с нами

🙂

☢️

me when:

Summary — Beta 1.0 Новый плагин для всех аниматоров Многие, если не все, пользуются Motion Tool или его аналогами. Но, как по мне, он всё-таки несовершенен – по крайней мере, если говорить про Lottie-анимацию. За последние пару месяцев силами вайбкодинга у нас набралось много полезных скриптов, которые кратно облегчают работу. Но появилась другая проблема: все они раскиданы по разным файлам, и следить за обновлениями становится всё сложнее. Именно поэтому я захотел в первую очередь для себя собрать такого гиганта, который объединял бы самые базовые и полезные функции, раньше разбросанные по множеству отдельных скриптов и плагинов. А то, что уже было сделано, – улучшить или адаптировать под формат Lottie-анимаций. Итак, вместе с @createthetitle мы собрали новый сборник самых нужных инструментов для шейповой анимации в одном месте – Summary. Подробнее о функциях можно почитать на карточках, а от себя выделю несколько киллерфич, которые во многом и подтолкнули меня к созданию этого плагина:

1. Copy/Paste изингов теперь может хранить два варианта. 2. Визуализация настройки скорости. Возможно, опытным аниматорам это не обязательно, но новичкам точно поможет связать сложные графики в Speed Graph и ползунки, которые мы редактируем при настройке скорости. 3. Создание пресетов изинга. Теперь можно использовать одни и те же значения в разных проектах буквально в два клика. 4. Эффекты Bounce / Elastic / Lightning. Это готовые пресеты эффектов в виде ключей, а не expressions, как во многих других плагинах. 5. Базовые функции, которые раньше были разбросаны по маленьким скриптам. Здесь собраны скрипты от @pototsky, @onegog_design, @masteronone, @fraxover и ещё много другого добра.

Подготовка к собственному курсу идёт полным ходом, и мне было важно создать полезный, а главное — удобный плагин, который будет понятен новичку. Без лишних кнопок. Без сложных функций, которые не нужны в повседневной работе. Просто, удобно и понятно. Сейчас это только бета-тест, и в ближайшее время плагин будет обновляться и дорабатываться — куда без этого. А уже сейчас он доступен в Складе Идей. Пишите свои пожелания, комментарии и отзывы. Всё это очень поможет сделать Summary лучше

🙂 Buddy — Telegram Motion Собрал motion-ролик с Telegram-экранами для Buddy.

Много внимания ушло на детали: 🙂 цветовая схема 🙂 тема устройства 🙂 иконка 🙂 чаты 🙂 динамика интерфейса

🙂 Анимации делали с ориентиром на стиль Telegram, чтобы всё выглядело естественно, нативно и аккуратно. 🙂 @uxgraphics

Новый скрипт Nulls Grid Раньше, чтобы изменить перспективу или сетку объекта, мы использовали инструмент Envelope Distort и вручную переносили все ключевые кадры в After Effects. Хотя в самом AE есть эффекты со схожим функционалом, они не подходят для последующего экспорта в JSON, так как работают с пикселями, а не с вершинами векторного слоя. Новый скрипт повторяет логику Mesh, но уже внутри самого After Effects! Теперь изменение перспективы станет простой задачей.

Как пользоваться: 1. Выделите нужный слой (важно: скрипт работает именно с одним shape layer. Внутрь вы можете поместить сколько угодно подгрупп). 2. Запустите скрипт. 3. Выберите нужное количество нулей (2х2, 3х3, 4х3). 4. Деформируйте Position у этих нулей (можно деформировать их в 3D-пространстве). 5. Запекайте одним нажатием кнопки с помощью того же плагина при нужном FPS. 6. При необходимости очистите ключи и получите прекрасный результат всего за минуту.

Нюансы работы:

* Ваш shape layer должен быть единым и без анимации. * Скрипт не поддерживает эллипсы и прямоугольники; их необходимо вручную конвертировать в path. * Скрипт может работать некорректно, если подгруппы смещены или деформированы. * Для более качественного вычисления точек нужно включить галочку Deform Quality. По умолчанию она выключена, чтобы снизить нагрузку. Её можно включить перед самим запеканием.

Для файлов и ссылок я создал канал @IdeaRepository Чтобы все полезные ресурсы всегда были в быстром доступе 🫶🏻 Чат Разработчиков | Чат Аниматоров

Lottie и 3D — это реально 🖼 В документации Lottie описана поддержка 3D-трансформаций слоёв: rotation, position и scale по всем трём осям. Не камеры и не освещение, но базовые 3D-свойства экспортируются корректно. 🤚 Важный момент: рендер 3D работает только через оригинальный Bodymovin, не через версию для Telegram. Чтобы получить анимацию в Telegram, рендерим через обычный Bodymovin, а затем прогоняем JSON через 🤖 @StickersConverterBot, который сконвертирует его в TGS-формат. 🎲 3D работает в двух режимах. С шейпами поворачивается сама геометрия, строук двигается по path и сохраняет толщину при повороте. С композициями слой ведёт себя как плоскость в пространстве, строук «запечён» внутри и остаётся равномерным. ❗ Для 3D в Lottie существует скрипт Extrudalizer, но он громоздкий: генерирует большое количество ключей, что раздувает итоговый JSON. Это критично с учётом ограничения Telegram на TGS-файлы в 64 КБ. Его лучший друг, Create Nulls From Paths, более оптимизирован, но всё равно требует запекания ключей. Способ через нативные 3D-трансформации этого не требует вовсе, результат легче и проще в управлении. P.S. В приложенном медиа звёзды в Native 3D выглядят сжатыми, но на рендере в .TGS формате строук двигается по path и сохраняет толщину, так что звёзды отображаются объёмными. Файл с примером в комментариях⬇️ @uxgraphics​​​​​​​​​​​​​​​​

🧔🧔🧔🧔🧔🧔🧔🧔🧔🧔🧔

🧔🧔🧔🧔🧔🧔🧔