Можно ли перевести Sketch and Toon анимацию из C4D в SVG (canvas) анимацию?

Question

[accountnujen]

Анимация по типу этого:
https://www.youtube.com/watch?v=uP07ZGLMN_4
пример, чтобы видео не открывать:


Сделал в photoshop'e базовую композицию и попытался покадрово двигать маски в after effects под видео. задолбался уже на 3 кадре... Учитывая, что это всё однотонное, то может быть есть какой-нибудь плагин, который перетащит это в SVG?

Answer 1

[black1277]

Специально, такого плагина не встречал но есть 2 возможности:
1 Сначала, экспортировать сцену из Cinema 4D в After Effects: используй Cineware или экспорт в формате .aec (After Effects Composition). Затем в After Effects — использовать плагин Bodymovin. С его помощью ты можешь экспортировать:

• JSON-файл для Lottie (но он может быть преобразован в SVG-анимацию).
  
• Или использовать Lottie + SVG renderer в браузере (например, на сайте или в мобильном приложении).
  

И вторая возможность использовать библиотеку threejs. Нужно будет использовать loader для загрузки в сцену файла формата c4d и затем SVGRenderer для вывода анимации в SVG. Пример того что получится можно увидеть здесь

Comments

[accountnujen]

спасибо, что отписались

Сначала, экспортировать сцену из Cinema 4D в After Effects: используй Cineware или экспорт в формате .aec (After Effects Composition). Затем в After Effects — использовать плагин Bodymovin

там разве будут спрайты? не 3d модель? Потому что тот же экспорт из C4D в illustator (дожили, ai написать не могу) тащит непосредственно 3D модель. Я сделал экспорт в AE, а затем bodymovin, но на выходе у меня не svg...

И вторая возможность использовать библиотеку threejs. Нужно будет использовать loader для загрузки в сцену файла формата c4d и затем SVGRenderer для вывода анимации в SVG. Пример того что получится можно увидеть здесь

Вы считаете, что там именно 3d анимируется? Не

[black1277]

тащит непосредственно 3D модель

вот смотрите как делается не в 3D модель

Вы считаете, что там именно 3d анимируется? Не

откройте пример по ссылке и там откройте инструменты разработчика - там явно видно анимация в SVG происходит.