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 и сохраняет толщину, так что звёзды отображаются объёмными.

Файл с примером в комментариях⬇️

Native3D — ✅
CNFP — ❌

@uxgraphics​​​​​​​​​​​​​​​​