Блог

я создаю анимацию какого-то продукта, который слушает вас и реагирует соответствующим образом, однако я хочу загрузить свою анимацию в свой проект webflow

мое разрешение анимации 1080×720, однако я экспортирую ключевые кадры в виде изображений в формате PNG (как рекомендует учебник webflow), а затем импортирую эти изображения в новый проект After Effects, а затем экспортирую анимацию (я хотел бы сказать, что я выполняю каждый шаг учебника точно так, как он есть), но проблемакогда я тестирую свой результат json внутри программы предварительного просмотра LottieFiles, анимация выглядит растянутой (я не могу это объяснить, поэтому я загружаю 2 изображения, чтобы показать проблему)

исходный кадр представляет собой изображение в формате png, используемое в последовательности bodymovin

выходной кадр json представляет собой изображение base64 (первый кадр анимации), хранящееся в файле bodymovin animation result data.json

два изображения выше имеют одинаковое разрешение, но выглядят по-разному, я хочу знать, почему и как это исправить

заранее спасибо

ссылка на оригинальное руководство по webflow, которому я следую

извините, это была просто проблема конфигурации, я выяснил, как это исправить, мне просто нужно включить настройки bodymovin> активы> «Копировать исходные активы», на самом деле, bodymovin использует низкоуровневый AI, который удаляет белое / прозрачное заполнение и расширяет содержимое, позволяя originalКопирование заставляет bodymovin избегать использования этого AI