PerfectVector
Oleh Irene Kim8 menit baca

Impor SVG Synfig: Siapkan Layer Animasi yang Bisa Diedit

Bandingkan impor SVG langsung dengan ekspor SIF Inkscape untuk Synfig. Periksa layer, warna, dan bagian bergerak terpisah sebelum membangun animasi atau rig.

Di halaman ini

Synfig bisa mengimpor SVG melalui File → Import, tetapi Anda perlu memeriksa layer hasilnya sebelum menganimasikan. Dokumentasi impor SVG-nya juga menjelaskan jalur Inkscape-ke-SIF ketika impor langsung tidak mereproduksi grafis dengan hasil yang berguna.

Itu dua cara untuk memindahkan grafis vektor. Keduanya tidak membuat rencana pergerakan untuk Anda. Lampu meja impor bisa tampak benar sementara kap, lengan, dan dasarnya tetap sulit dipilih atau diputar secara terpisah.

Mulailah dengan satu objek, tentukan bagian mana yang bergerak, dan bandingkan hasil impor dengan master SVG. Pemeriksaan singkat layer dan gerak lebih berguna daripada mengimpor seluruh adegan dan baru mengetahui strukturnya belakangan.

Pilih impor SVG langsung atau salinan SIF

Coba impor langsung terlebih dahulu jika Anda sudah memiliki SVG. Biarkan file asli terbuka di editor sumber agar Anda bisa membandingkan bentuk, pewarnaan, dan organisasi.

JalurFile yang dibawa ke SynfigHal yang perlu diperiksa
Impor SVG langsungEkspor .svg AndaGrafis yang terlihat, geometri yang bisa diedit, struktur layer, dan skala
Ekspor SIF InkscapeSalinan .sif terpisahGrup layer, fill, dan outline yang diekspor, lalu pemeriksaan visual yang sama
Impor rasterFile gambar yang didukungApakah menggerakkan gambar datar cukup untuk adegan tersebut

Opsi SIF masih tercantum dalam definisi ekstensi keluaran Synfig resmi Inkscape. Definisi itu menyatakan Synfig Animation (*.sif) dan menandai ekspor berpotensi kehilangan informasi. Periksa apakah build Inkscape yang terpasang menawarkan format itu; adanya exporter tidak menjamin semua instalasi menampilkannya secara identik.

Gunakan jalur yang mempertahankan tampilan dan struktur pengeditan yang dibutuhkan. SIF bukan janji kompatibilitas SVG sempurna, dan impor SVG yang terlihat belum merupakan rig.

Rencanakan bagian bergerak sebelum mengekspor

Bayangkan lampu meja orisinal dengan dasar, lengan bawah, lengan atas, dan kap. Dasar tetap diam. Lengan berputar pada sendi, dan kap dimiringkan pada sambungannya.

Di editor sumber, pisahkan bagian-bagian itu dan beri layer nama deskriptif. Tempatkan grafis yang harus bergerak bersama dalam bagian yang sama. Jika kap memiliki fill dan outline dekoratif, keduanya harus mengikuti gerakan kap.

Gambar juga setiap bagian secukupnya untuk mendukung pose yang diinginkan. SVG yang hanya berisi tepi lengan yang terlihat tidak bisa menyediakan grafis tersembunyi ketika kap diputar menjauh. Anda mungkin perlu memperpanjang area yang tertutup secara manual.

Diagram lampu meja konseptual yang memisahkan dasar, lengan bersendi, dan kap untuk rencana animasi.
Ilustrasi perencanaan, bukan impor atau rig Synfig. Periksa layer sebenarnya dan tetapkan pivot sebelum menganimasikan.

Diagram menjelaskan organisasi yang diinginkan. Diagram itu tidak memprediksi jumlah layer yang dibuat importer. Kode exporter SIF Inkscape bisa membuat layer region dan outline terpisah dari fill dan stroke suatu path. Karena itu, satu bagian sumber mungkin membutuhkan beberapa layer hasil untuk bergerak bersama.

Trace berbasis warna juga bisa mengorganisasi grafis secara berbeda dari rencana gerak. Dua lengan gelap mungkin termasuk satu compound shape. Pisahkan geometri yang benar-benar dibutuhkan alih-alih menganggap setiap objek yang bisa dikenali memiliki layer sendiri.

Lakukan pemeriksaan impor langsung yang kecil

Simpan salinan serah yang hanya berisi lampu, lalu impor ke dokumen Synfig baru melalui File → Import. Sebelum menambahkan animasi, lakukan empat pemeriksaan:

  1. Bandingkan siluet keseluruhan dan ukuran grafis terhadap kanvas.
  2. Buka hierarki layer dan temukan satu lengan atau kap.
  3. Sembunyikan sementara bagian itu untuk melihat tepatnya grafis yang terkandung di dalamnya.
  4. Pulihkan visibilitas dan lakukan gerakan kecil sementara, lalu batalkan.

Jika menyembunyikan kap juga menyembunyikan lengan, periksa pengelompokan. Jika menggerakkan kap meninggalkan outline-nya, kumpulkan layer yang membentuk bagian tersebut sebelum melanjutkan. Percobaan sederhana ini menunjukkan struktur tanpa membutuhkan animasi selesai.

Periksa pewarnaan secara terpisah dari geometri. Outline yang benar dengan fill yang salah merupakan masalah berbeda dari grafis yang hilang. Bandingkan warna, opasitas, stroke yang terlihat, dan lubang terhadap sumber. Simpan koreksi dalam salinan kerja agar Anda bisa kembali ke aslinya.

Untuk format animasi dengan geometri native berbeda, alur vektor OpenToonz menunjukkan mengapa batas berisi fill yang bisa diedit dan garis tengah yang bisa diedit menawarkan kontrol berbeda. Jangan menganggap jumlah layer importer memberi tahu jenis pengeditan yang didukung setiap layer.

Coba ekspor SIF Inkscape jika membantu

Jika instalasi Inkscape menawarkan Synfig Animation (*.sif) dalam Save As, simpan salinan SIF terpisah dan buka salinan itu di Synfig. Pertahankan master SVG yang bisa diedit. Panduan konversi Inkscape Synfig menjelaskan jalur ini dan hubungan layer Inkscape dengan Group Layer Synfig.

Implementasi exporter saat ini juga memperlakukan layer Inkscape sebagai wadah bernama untuk konten hasil konversinya. Itu membuat layer sumber yang direncanakan berguna bagi lampu, tetapi Anda tetap harus memeriksa hasilnya. Grup SVG biasa dan layer Inkscape tidak menjanjikan hal yang sama tentang hierarki akhir.

Bandingkan salinan SIF dengan impor langsung menggunakan pemeriksaan yang sama. Bisakah Anda memilih kap? Apakah pewarnaan dan outline-nya tetap bersama? Apakah tumpang tindih tetap utuh? Pilih berdasarkan hasil itu alih-alih ekstensi file yang terdengar lebih native.

Hindari menjadikan daftar kompatibilitas lama sebagai aturan universal. Halaman wiki Synfig mencakup metode konversi XSLT lama dengan batasannya sendiri. Batasan itu tidak otomatis menggambarkan importer SVG langsung atau exporter Inkscape saat ini. Untuk file bermasalah, sederhanakan salinan menjadi bentuk sederhana berisi fill dan tambahkan kembali fitur yang lebih kompleks satu demi satu.

Tetapkan origin grup sebelum menguji gerak

Dokumentasi Group Layer Synfig menjelaskan wadah yang mentransformasi layer anaknya bersama. Kontrol transformasinya mencakup rotasi, offset, skew, dan skala. Kelompokkan potongan yang termasuk satu bagian lampu bergerak sebelum menguji rotasi bagian itu.

Letakkan pusat rotasi pada sendi tujuan. Group Transformation Widget yang didokumentasikan memungkinkan Anda menahan Ctrl saat menyeret pusat transformasi untuk mengubah Origin secara terpisah dari grup. Periksa pengaruhnya pada grup terpilih sebelum menganimasikan.

Untuk kap, pusat di tengah siluet menghasilkan gerakan berbeda dari pusat pada sambungan lengan. Coba rotasi kecil pada salinan kerja. Cari outline yang terlepas, celah pada sendi, atau grafis yang bergerak mengelilingi titik salah, lalu batalkan pengujian.

Ini menetapkan titik awal pengeditan. Gerakan induk-anak, bone, timing, dan interpolasi tetap membutuhkan pengaturan sendiri. Mengimpor SVG atau mengekspor SIF tidak memulihkan rig yang sudah ada dari ilustrasi datar.

Jika impor kosong atau warna berubah

Gunakan gejala untuk mempersempit penyelidikan:

GejalaPemeriksaan pertama
Tidak ada yang terlihatVisibilitas layer, batas grafis, skala kanvas, dan apakah sumber berisi geometri yang bisa dipakai
Outline terlihat tetapi fill salahFill sumber, opasitas, dan layer pewarnaan impor
Beberapa bagian hilangStruktur atau efek bagian yang hilang, diuji dalam salinan terisolasi
Semua bergerak bersamaGrup mana yang terpilih dan bagian mana yang dikandungnya
Outline bagian tertinggalApakah fill dan outline perlu dikelompokkan untuk gerakan itu

Diagnosis SVG kosong membahas pemeriksaan viewport, visibilitas, dan konten yang tidak didukung. Pertahankan path yang baik saat mendiagnosisnya. Mengonversi seluruh grafis menjadi PNG dan melakukan tracing lagi membuang struktur yang mungkin masih berguna.

Catat versi Synfig, versi Inkscape jika digunakan, jalur impor yang dipilih, dan satu file kecil yang mereproduksi masalah. Laporan forum lama tentang warna atau pengelompokan merupakan petunjuk untuk diselidiki, bukan bukti bahwa semua instalasi saat ini mengalami masalah yang sama.

Peran PerfectVector

Jika satu-satunya sumber adalah ilustrasi PNG atau JPG datar, alur gambar-ke-vektor PerfectVector bisa merekonstruksi path SVG yang bisa diedit sebelum penyerahan ke Synfig. Periksa siluet dan pisahkan area yang akan digerakkan, lalu uji satu impor. Hasil tetap membutuhkan organisasi layer, penempatan sendi, dan pengaturan animasi di Synfig.

Pertahankan SVG yang sudah bisa diedit alih-alih melakukan tracing tangkapan layarnya. Latar belakang lukisan bisa tetap raster jika teksturnya penting dan Anda hanya perlu menempatkan atau menggerakkan gambar. Synfig mendokumentasikan Import Image Layer terpisah untuk konten gambar. Untuk alur tracing native berbeda, lihat image tracing Adobe Animate; penjelasan vektorisasi yang lebih luas membedakan pemulihan path dari pemulihan struktur desain asli.

FAQ

Bisakah Synfig mengimpor file SVG? Bisa. Gunakan File → Import, lalu periksa grafis yang terlihat dan struktur layer hasilnya. Dokumentasi Synfig juga menjelaskan jalur Inkscape-ke-SIF sebagai alternatif jika impor langsung tidak mereproduksi file secara berguna.

Haruskah saya menggunakan SVG atau SIF untuk animasi Synfig? Pertahankan master SVG dan bandingkan impor langsung dengan ekspor SIF terpisah jika opsi itu tersedia dalam instalasi Inkscape. Pilih hasil yang tampilan dan bagian yang bisa diedit sesuai dengan animasi. Tidak satu pun jalur membuat rig secara otomatis.

Mengapa SVG saya kosong atau salah warna di Synfig? Periksa visibilitas, batas, skala, fill, opasitas, dan struktur bagian yang hilang. Uji salinan sederhana untuk membedakan fitur khusus file dari masalah impor yang lebih luas. Pertahankan file asli dan catat versi aplikasi serta jalur impor.

Apakah mengimpor SVG membuat bagian bergerak terpisah? Periksa layer sebenarnya alih-alih menganggap demikian. Satu bagian sumber bisa menghasilkan beberapa layer pewarnaan, dan beberapa bagian yang terlihat mungkin berbagi geometri. Organisasikan setiap bagian bergerak, tetapkan origin-nya, dan uji gerakan kecil sebelum menambahkan animasi.

Sources

  1. Synfig — Impor SVG dan konversi Inkscape — Mendokumentasikan impor langsung dan jalur SIF alternatif, bersama metode konversi historis.
  2. Inkscape — Definisi ekstensi keluaran Synfig — Mendaftarkan format keluaran SIF dan menandai ekspor berpotensi kehilangan informasi.
  3. Inkscape — Implementasi exporter Synfig — Menampilkan penanganan wadah layer serta konversi fill/outline terpisah.
  4. Synfig — Group Layer — Mendefinisikan transformasi layer berkelompok dan parameternya.
  5. Synfig — Group Transformation Widget — Mendokumentasikan penyesuaian Origin grup secara terpisah dari grafisnya.
  6. Synfig — Import Image Layer — Mendokumentasikan layer terpisah untuk konten gambar impor.

Memulai dari grafis raster? Siapkan path SVG-nya dengan PerfectVector, periksa area yang ingin digerakkan, dan uji satu bagian di Synfig sebelum membangun sisa animasi.

Lebih banyak dari blog

Mulai dengan SVG yang lebih rapi
dan lebih mudah diedit