PerfectVector
Автор: Irene Kim8 мин чтения

Импорт SVG в Synfig: редактируемые слои анимации

Сравните прямой импорт SVG с экспортом SIF из Inkscape для Synfig. Проверьте слои, цвета и отдельные движущиеся части перед созданием анимации или рига.

На этой странице

Synfig может импортировать SVG через File → Import, но перед анимацией нужно проверить полученные слои. Документация импорта SVG также описывает способ Inkscape в SIF, если прямой импорт не воспроизводит графику пригодным образом.

Это два способа передачи векторной графики. Ни один не создаёт за вас план движения. Импортированная настольная лампа может выглядеть правильно, но абажур, рычаги и основание могут оставаться неудобными для независимого выбора или поворота.

Начните с одного объекта, решите, какие части должны двигаться, и сравните импортированный результат с SVG-оригиналом. Короткая проверка слоёв и движения полезнее импорта целой сцены с поздним выяснением структуры.

Выберите прямой импорт SVG или копию SIF

Сначала попробуйте прямой импорт, если SVG уже есть. Держите оригинал открытым в исходном редакторе для сравнения формы, оформления и организации.

СпособФайл для SynfigЧто проверить
Прямой импорт SVGВаш экспорт .svgВидимую графику, редактируемую геометрию, структуру слоёв и масштаб
Экспорт SIF из InkscapeОтдельную копию .sifЭкспортированные группы слоёв, заливки и обводки, затем те же визуальные проверки
Импорт растраПоддерживаемый файл изображенияДостаточно ли движения плоского изображения для кадра

Опция SIF всё ещё представлена в официальном определении расширения вывода Synfig Inkscape. Оно объявляет Synfig Animation (*.sif) и отмечает экспорт как потенциально с потерями. Проверьте наличие формата в установленной сборке Inkscape; существование экспортёра не гарантирует одинаковой доступности во всех установках.

Используйте способ, сохраняющий нужные внешний вид и структуру редактирования. SIF не обещает идеальной совместимости SVG, а видимый импорт SVG ещё не является ригом.

Спланируйте движущиеся части перед экспортом

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

В исходном редакторе храните части отдельно и дайте слоям описательные имена. Объедините в одной части графику, которая должна двигаться вместе. Если у абажура есть заливка и декоративная обводка, обе должны следовать его движению.

Также нарисуйте достаточно каждой части для нужных поз. SVG, содержащий лишь видимый край рычага, не предоставит скрытую графику при отведении абажура. Возможно, придётся вручную продлить закрытую область.

Концептуальная схема настольной лампы, разделяющая основание, шарнирные рычаги и абажур для плана анимации.
Иллюстрация планирования, а не импорт или риг Synfig. Проверьте реальные слои и задайте центры поворота перед анимацией.

Схема описывает нужную организацию. Она не предсказывает число слоёв импортёра. Код экспортёра SIF Inkscape может создавать отдельные слои области и обводки из заливки и обводки контура. Поэтому одной исходной части может требоваться несколько результирующих слоёв для совместного движения.

Трассировка по цветам тоже может организовать графику иначе, чем план движения. Два тёмных рычага могут быть частью одной составной фигуры. Разделяйте реально нужную геометрию вместо ожидания отдельного слоя для каждого узнаваемого объекта.

Выполните небольшую проверку прямого импорта

Сохраните копию для передачи только с лампой, затем импортируйте в новый документ Synfig через File → Import. Перед анимацией выполните четыре проверки:

  1. Сравните общий силуэт и размер графики относительно холста.
  2. Раскройте иерархию слоёв и найдите один рычаг или абажур.
  3. Временно скройте эту часть, чтобы понять её точное содержимое.
  4. Верните видимость, сделайте небольшое временное движение и отмените его.

Если скрытие абажура скрывает и рычаг, проверьте группировку. Если при движении абажура обводка остаётся позади, соберите составляющие его слои перед продолжением. Простые пробы раскрывают структуру без готовой анимации.

Проверяйте оформление отдельно от геометрии. Правильное очертание с неверной заливкой отличается от отсутствующей графики. Сравните цвета, непрозрачность, видимые обводки и отверстия с исходником. Храните исправления в рабочей копии, чтобы вернуться к оригиналу.

Для форматов анимации с другим внутренним представлением геометрии векторный процесс OpenToonz показывает, почему редактируемая граница залитой области и редактируемая осевая линия дают разные возможности управления. Не считайте число слоёв импортёра показателем доступного типа правки каждого слоя.

Попробуйте экспорт SIF из Inkscape, если он помогает

Если установка Inkscape предлагает Synfig Animation (*.sif) в Save As, сохраните отдельную копию SIF и откройте её в Synfig. Сохраните редактируемый SVG-оригинал. Руководство Synfig по преобразованию Inkscape описывает этот способ и связь слоёв Inkscape с Group Layers Synfig.

Текущая реализация экспортёра также считает слой Inkscape именованным контейнером преобразованного содержимого. Поэтому намеренные исходные слои полезны лампе, но результат всё равно нужно проверять. Обычные группы SVG и слои Inkscape не дают взаимозаменяемых обещаний окончательной иерархии.

Сравните копию SIF с прямым импортом теми же проверками. Можно ли выбрать абажур? Остаются ли заливка и обводка вместе? Сохраняются ли перекрытия? Выбирайте по этим результатам, а не по более «родному» звучанию расширения.

Не превращайте старый список совместимости в универсальное правило. Страница wiki Synfig включает старый способ преобразования XSLT с собственными ограничениями. Они не описывают автоматически прямой импортёр SVG или сегодняшний экспортёр Inkscape. Для проблемного файла сократите копию до простых залитых фигур и возвращайте сложные возможности по одной.

Задайте точки отсчёта групп перед проверкой движения

Документация Group Layer Synfig описывает контейнер, совместно преобразующий дочерние слои. Настройки преобразования включают поворот, смещение, скос и масштаб. Сгруппируйте части одной движущейся детали лампы перед проверкой поворота.

Разместите центр поворота в нужном шарнире. Документированный Group Transformation Widget позволяет удерживать Ctrl при перетаскивании центра преобразования для изменения Origin независимо от группы. Проверьте эффект на выбранной группе перед анимацией.

Для абажура центр в середине силуэта даёт другое движение, чем центр в креплении рычага. Попробуйте небольшой поворот рабочей копии. Ищите отделившиеся обводки, зазоры в шарнире или движение вокруг неверной точки, затем отмените тест.

Это создаёт отправную точку редактирования. Родительско-дочерние движения, кости, тайминг и интерполяция всё ещё требуют настройки. Импорт SVG или экспорт SIF не восстанавливают существовавший риг из плоской иллюстрации.

Если импорт пустой или цвета меняются

Используйте симптом для сужения исследования:

СимптомПервая проверка
Ничего не видноВидимость слоёв, границы графики, масштаб холста и пригодная геометрия исходника
Очертание видно, но заливка невернаяЗаливка исходника, непрозрачность и импортированные слои оформления
Некоторые части исчезаютСтруктура или эффект пропавшей части в изолированной копии
Всё движется вместеВыбранная группа и её содержимое
Обводка части остаётся позадиНужна ли группировка заливки и обводки для этого движения

Диагностика пустого SVG разбирает область просмотра, видимость и неподдерживаемое содержимое. Сохраняйте хорошие контуры при диагностике. Преобразование всей графики в PNG и повторная трассировка отбрасывают ещё полезную структуру.

Запишите версию Synfig, версию Inkscape при его использовании, выбранный способ импорта и небольшой файл, воспроизводящий проблему. Старое сообщение форума о цвете или группировке — подсказка для исследования, а не доказательство той же проблемы во всех текущих установках.

Где пригодится PerfectVector

Если единственный исходник — плоская PNG- или JPG-иллюстрация, процесс преобразования изображения в вектор PerfectVector может восстановить редактируемые контуры SVG перед передачей в Synfig. Проверьте силуэт и разделите планируемые движущиеся области, затем протестируйте один импорт. Результату всё ещё нужны организация слоёв, расположение шарниров и настройка анимации в Synfig.

Сохраняйте существующий редактируемый SVG вместо трассировки его скриншота. Рисованные фоны могут оставаться растровыми, если важна текстура и нужно лишь размещать или двигать изображение. Synfig описывает отдельный Import Image Layer для изображений. Для другого процесса со встроенной трассировкой см. трассировку изображений Adobe Animate; общий обзор векторизации различает восстановление контуров и исходной структуры дизайна.

Частые вопросы

Может ли Synfig импортировать SVG-файлы? Да. Используйте File → Import, затем проверьте видимую графику и полученную структуру слоёв. Документация Synfig также описывает Inkscape в SIF как альтернативу, если прямой импорт не воспроизводит файл пригодным образом.

Использовать SVG или SIF для анимации Synfig? Сохраняйте SVG-оригинал и сравните прямой импорт с отдельным экспортом SIF, если он доступен в установке Inkscape. Выберите результат с подходящими анимации видом и редактируемыми частями. Ни один способ не создаёт риг автоматически.

Почему SVG пустой или имеет неверные цвета в Synfig? Проверьте видимость, границы, масштаб, заливки, непрозрачность и структуру пропавшей части. Проверьте простую копию для отделения свойства конкретного файла от общей проблемы импорта. Сохраните оригинал и запишите версии приложений и способ импорта.

Создаёт ли импорт SVG отдельные движущиеся части? Проверяйте реальные слои вместо предположений. Одна исходная часть может дать несколько слоёв оформления, а несколько видимых частей — делить геометрию. Организуйте каждую движущуюся часть, задайте её точку отсчёта и проверьте небольшое движение перед анимацией.

Источники

  1. Synfig — SVG import and Inkscape conversion — Описывает прямой импорт и альтернативный способ SIF наряду с историческими методами преобразования.
  2. Inkscape — Synfig output extension definition — Регистрирует формат вывода SIF и отмечает потенциальные потери экспорта.
  3. Inkscape — Synfig exporter implementation — Показывает обработку контейнеров слоёв и отдельное преобразование заливки/обводки.
  4. Synfig — Group Layer — Определяет преобразования сгруппированных слоёв и параметры.
  5. Synfig — Group Transformation Widget — Описывает настройку Origin группы независимо от графики.
  6. Synfig — Import Image Layer — Описывает отдельный слой импортированных изображений.

Начинаете с растровой графики? Подготовьте контуры SVG с PerfectVector, проверьте области для движения и одну часть в Synfig перед построением остальной анимации.

Ещё из блога

Начните с более чистого SVG,
который проще редактировать