PerfectVector
Yazan Irene Kim8 dk okuma

Synfig SVG içe aktarma: Düzenlenebilir animasyon katmanları

Synfig için doğrudan SVG içe aktarmayı Inkscape’in SIF çıktısıyla karşılaştırın. Animasyonu veya kontrol iskeletini kurmadan önce katmanları, renkleri ve hareketli parçaları inceleyin.

Bu sayfada

Synfig, File → Import üzerinden SVG içe aktarabilir; ancak animasyona başlamadan önce oluşan katmanları kontrol etmelisiniz. SVG içe aktarma belgeleri, doğrudan içe aktarma grafiği işe yarar biçimde yeniden oluşturmadığında kullanılabilecek Inkscape’ten SIF’e aktarım yolunu da açıklar.

Bunlar vektör grafiği aktarmanın iki yoludur. Hiçbiri hareket planını sizin yerinize oluşturmaz. İçe aktarılan bir masa lambası doğru görünebilir, ancak başlığını, kollarını ve tabanını bağımsız seçmek veya döndürmek hâlâ zor olabilir.

Tek bir nesneyle başlayın, hangi parçaların hareket etmesi gerektiğine karar verin ve içe aktarılan sonucu SVG ana dosyasıyla karşılaştırın. Kısa bir katman ve hareket kontrolü, bütün bir sahneyi içe aktarıp yapısını sonradan keşfetmekten daha yararlıdır.

Doğrudan SVG içe aktarmayı veya SIF kopyasını seçin

Elinizde zaten bir SVG varsa önce doğrudan içe aktarmayı deneyin. Şekli, boyamayı ve düzeni karşılaştırabilmek için orijinali kaynak düzenleyicide açık tutun.

YöntemSynfig’e getirdiğiniz dosyaİncelenecek noktalar
Doğrudan SVG içe aktarmaDışa aktardığınız .svgGörünen grafik, düzenlenebilir geometri, katman yapısı ve ölçek
Inkscape SIF dışa aktarmaAyrı bir .sif kopyasıDışa aktarılan katman grupları, dolgular ve konturlar; ardından aynı görsel kontroller
Raster içe aktarmaDesteklenen bir görsel dosyasıPlan için düz bir görseli hareket ettirmenin yeterli olup olmadığı

SIF seçeneği, Inkscape’in resmi Synfig çıktı uzantısı tanımı dosyasında hâlâ yer alır. Synfig Animation (*.sif) formatını tanımlar ve dışa aktarmanın kayıplı olabileceğini belirtir. Yüklü Inkscape sürümünüzün bu formatı sunduğunu kontrol edin; bir dışa aktarıcının var olması, her kurulumda aynı şekilde sunulacağını garanti etmez.

İhtiyacınız olan görünümü ve düzenleme yapısını koruyan yöntemi kullanın. SIF kusursuz SVG uyumluluğu vaat etmez; görünür bir SVG içe aktarması da henüz bir animasyon kontrol iskeleti değildir.

Dışa aktarmadan önce hareketli parçaları planlayın

Bir tabanı, alt kolu, üst kolu ve başlığı olan özgün bir masa lambası düşünün. Taban sabit kalır. Kollar eklemlerden döner ve başlık bağlantı noktasında eğilir.

Kaynak düzenleyicide bu parçaları ayrı tutun ve katmanlara açıklayıcı adlar verin. Birlikte hareket etmesi gereken grafikleri aynı parçada toplayın. Bir başlığın dolgusu ve dekoratif konturu varsa ikisi de başlığın hareketini takip etmelidir.

Ayrıca her parçayı, hedef pozları mümkün kılacak kadar tamamlayarak çizin. Yalnızca kolun görünür kenarını içeren bir SVG, başlığı yana çevirdiğinizde gizli kalan grafiği sağlayamaz. Örtülü bölgeyi elle uzatmanız gerekebilir.

Animasyon planı için tabanı, eklemli kolları ve başlığı ayrı gösteren kavramsal masa lambası şeması.
Planlama illüstrasyonudur; Synfig içe aktarması veya animasyon kontrol iskeleti değildir. Animasyona başlamadan önce gerçek katmanları inceleyin ve dönme noktalarını ayarlayın.

Şema, hedeflenen düzeni anlatır. İçe aktarıcının oluşturacağı katman sayısını öngörmez. Inkscape’in SIF dışa aktarıcısının kaynak kodu, bir yolun dolgusundan ve konturundan ayrı bölge ve kontur katmanları oluşturabilir. Dolayısıyla tek bir kaynak parçanın, oluşan birkaç katmanın birlikte hareket etmesini gerektirmesi mümkündür.

Renge göre vektörleştirme de grafiği hareket planınızdan farklı düzenleyebilir. İki koyu renkli kol, tek bir bileşik şeklin parçası olabilir. Tanınabilir her nesnenin kendi katmanı olduğunu varsaymak yerine gerçekten ihtiyacınız olan geometriyi ayırın.

Küçük bir doğrudan içe aktarma kontrolü yapın

Yalnızca lambayı içeren bir aktarım kopyası kaydedin, ardından File → Import üzerinden yeni bir Synfig belgesine aktarın. Animasyon eklemeden önce dört kontrolü tamamlayın:

  1. Genel silueti ve grafiğin boyutunu tuvalle karşılaştırın.
  2. Katman hiyerarşisini genişletin ve bir kolu veya başlığı bulun.
  3. Tam olarak hangi grafikleri içerdiğini görmek için bu parçayı geçici olarak gizleyin.
  4. Görünürlüğünü geri açın, geçici küçük bir hareket uygulayın ve ardından geri alın.

Başlığı gizlemek bir kolu da gizliyorsa gruplamayı inceleyin. Başlığı taşımak konturunu geride bırakıyorsa devam etmeden önce o parçayı oluşturan katmanları bir araya getirin. Bu basit denemeler, tamamlanmış bir animasyon gerektirmeden yapıyı ortaya çıkarır.

Boyamayı geometriden ayrı kontrol edin. Doğru bir konturun yanlış dolgusu olması, eksik grafikten farklı bir sorundur. Renkleri, opaklığı, görünür konturları ve delikleri kaynakla karşılaştırın. Orijinale dönebilmek için düzeltmeleri bir çalışma kopyasında tutun.

Yerel geometrisi farklı olan animasyon formatları için OpenToonz vektör iş akışı, düzenlenebilir bir dolgulu bölge sınırı ile düzenlenebilir bir merkez çizgisinin neden farklı kontroller sunduğunu gösterir. İçe aktarıcının katman sayısının, her katmanın hangi tür düzenlemeyi desteklediğini anlattığını varsaymayın.

Yararlı olduğunda Inkscape’in SIF dışa aktarmasını deneyin

Inkscape kurulumunuz Save As içinde Synfig Animation (*.sif) sunuyorsa ayrı bir SIF kopyası kaydedin ve bu kopyayı Synfig’de açın. Düzenlenebilir SVG ana dosyasını koruyun. Synfig’in Inkscape dönüştürme rehberi belgesi, bu yöntemi ve Inkscape katmanları ile Synfig Group Layers arasındaki ilişkiyi açıklar.

Güncel dışa aktarıcının uygulama kodu da bir Inkscape katmanını, dönüştürülmüş içeriğini taşıyan adlandırılmış bir kapsayıcı olarak ele alır. Bu nedenle lambanın kaynak katmanlarını bilinçli olarak düzenlemek yararlıdır, ancak sonucu yine de incelemelisiniz. Sıradan SVG grupları ile Inkscape katmanları, nihai hiyerarşi açısından aynı sonucu garanti etmez.

SIF kopyasını aynı kontrollerle doğrudan içe aktarmayla karşılaştırın. Başlığı seçebiliyor musunuz? Boyaması ve konturu bir arada kalıyor mu? Örtüşmeler korunmuş mu? Hangi dosya uzantısının uygulamanın kendi formatına daha yakın göründüğüne değil, bu sonuçlara göre seçim yapın.

Eski bir uyumluluk listesini evrensel bir kurala dönüştürmekten kaçının. Synfig wiki sayfası, kendi kısıtlamaları olan eski bir XSLT dönüştürme yöntemini de içerir. Bu kısıtlamalar, doğrudan SVG içe aktarıcısını veya bugünkü Inkscape dışa aktarıcısını kendiliğinden tanımlamaz. Sorunlu bir dosyada, kopyayı basit dolu şekillere indirip daha karmaşık özelliklerini tek tek geri ekleyin.

Hareket testinden önce grup başlangıç noktalarını ayarlayın

Synfig’in grup katmanı belgeleri, alt katmanlarını birlikte dönüştüren bir kapsayıcı tanımlar. Dönüşüm kontrolleri döndürme, öteleme, eğme ve ölçeklemeyi içerir. Tek bir hareketli lamba parçasına ait öğeleri, o parçanın dönüşünü test etmeden önce gruplayın.

Dönme merkezini hedef ekleme yerleştirin. Belgelenmiş Group Transformation Widget, dönüşüm merkezini sürüklerken Ctrl tuşunu basılı tutarak Origin değerini gruptan bağımsız değiştirebilmenizi sağlar. Animasyona başlamadan önce seçili grubunuz üzerindeki etkisini kontrol edin.

Başlık için siluetin ortasındaki bir merkez, kol bağlantısındaki bir merkezden farklı hareket üretir. Çalışma kopyasında küçük bir döndürme deneyin. Ayrılan konturları, eklemdeki boşlukları veya yanlış noktanın çevresinde hareket eden grafikleri kontrol edin, ardından testi geri alın.

Bu, düzenleme için bir başlangıç oluşturur. Ebeveyn ve alt öğeler arasındaki hareket ilişkisi, kemikler, zamanlama ve ara değer hesaplama hâlâ ayrıca kurulmalıdır. SVG içe aktarmak veya SIF dışa aktarmak, düz bir illüstrasyondan önceden var olan bir animasyon kontrol iskeletini geri getirmez.

İçe aktarma boşsa veya renkler değişiyorsa

İncelemeyi daraltmak için belirtiyi kullanın:

Belirtiİlk kontrol
Hiçbir şey görünmüyorKatman görünürlüğü, grafik sınırları, tuval ölçeği ve kaynağın kullanılabilir geometri içerip içermediği
Kontur görünüyor ama dolgu yanlışKaynak dolgusu, opaklık ve içe aktarılan boyama katmanları
Bazı parçalar kayboluyorAyrı bir kopyada test edilen eksik parçanın yapısı veya efekti
Her şey birlikte hareket ediyorHangi grubun seçili olduğu ve hangi parçaları içerdiği
Bir parçanın konturu geride kalıyorBu hareket için dolgu ve konturun gruplanması gerekip gerekmediği

Boş görünen SVG teşhis rehberi, görüntüleme alanı, görünürlük ve desteklenmeyen içerik kontrollerini ele alır. Sorunlarını araştırırken düzgün yolları koruyun. Grafiğin tamamını PNG’ye dönüştürüp yeniden vektörleştirmek, hâlâ yararlı olabilecek yapıyı kaybettirir.

Synfig sürümünü, kullanıldıysa Inkscape sürümünü, seçilen içe aktarma yöntemini ve sorunu yeniden üreten küçük bir dosyayı kaydedin. Renk veya gruplama hakkında eski bir forum bildirimi, araştırılacak bir ipucudur; güncel her kurulumda aynı sorun olduğunu gösteren kanıt değildir.

PerfectVector bu süreçte nerede yer alır?

Tek kaynak iki boyutlu bir PNG veya JPG illüstrasyonsa PerfectVector’ın görselden vektöre iş akışı, Synfig’e aktarım öncesinde düzenlenebilir SVG yollarını yeniden oluşturabilir. Silueti inceleyin ve hareket ettirmeyi planladığınız bölgeleri ayırın, ardından bir içe aktarmayı test edin. Sonucun Synfig’de hâlâ katman düzenine, eklem yerleşimine ve animasyon kurulumuna ihtiyacı vardır.

Mevcut bir düzenlenebilir SVG’nin ekran görüntüsünü vektörleştirmek yerine SVG’yi koruyun. Dokuları önemliyse ve yalnızca görseli konumlandırmanız veya hareket ettirmeniz gerekiyorsa boyalı arka planlar raster kalabilir. Synfig, görsel içeriği için ayrı bir Import Image Layer belgeler. Farklı bir yerel vektörleştirme iş akışı için Adobe Animate görsel vektörleştirme rehberine bakın; daha kapsamlı vektörleştirme açıklaması, yolları geri kazanmakla orijinal tasarım yapısını geri kazanmayı birbirinden ayırır.

Sık sorulan sorular

Synfig SVG dosyalarını içe aktarabilir mi? Evet. File → Import kullanın, ardından görünen grafiği ve oluşan katman yapısını inceleyin. Synfig’in belgeleri, doğrudan içe aktarma dosyayı işe yarar biçimde yeniden oluşturmadığında alternatif olarak Inkscape’ten SIF’e aktarım yolunu da açıklar.

Synfig animasyonu için SVG mi, SIF mi kullanmalıyım? SVG ana dosyasını koruyun ve Inkscape kurulumunuz bu seçeneği sunuyorsa doğrudan içe aktarmayı ayrı bir SIF çıktısıyla karşılaştırın. Görünümü ve düzenlenebilir parçaları animasyona uygun olan sonucu seçin. Hiçbir yöntem otomatik olarak animasyon kontrol iskeleti oluşturmaz.

SVG’m Synfig’de neden boş veya yanlış renkli görünüyor? Görünürlüğü, sınırları, ölçeği, dolguları, opaklığı ve eksik parçanın yapısını kontrol edin. Dosyaya özgü bir özelliği daha genel bir içe aktarma sorunundan ayırmak için basit bir kopyayı test edin. Orijinali koruyun ve uygulama sürümlerinizi ve içe aktarma yönteminizi kaydedin.

SVG içe aktarmak ayrı hareketli parçalar oluşturur mu? Oluşturduğunu varsaymak yerine gerçek katmanları inceleyin. Tek bir kaynak parça birden fazla boyama katmanı üretebilir; görünür birkaç parça da aynı geometriyi paylaşabilir. Her hareketli parçayı düzenleyin, başlangıç noktasını ayarlayın ve animasyon eklemeden önce küçük bir hareketi test edin.

Kaynaklar

  1. Synfig — SVG import and Inkscape conversion — Geçmiş dönüştürme yöntemleriyle birlikte doğrudan içe aktarmayı ve alternatif SIF yöntemini belgeler.
  2. Inkscape — Synfig output extension definition — SIF çıktı formatını kaydeder ve dışa aktarmanın kayıplı olabileceğini belirtir.
  3. Inkscape — Synfig exporter implementation — Katman kapsayıcılarının işlenmesini ve dolgu/konturun ayrı dönüştürülmesini gösterir.
  4. Synfig — Group Layer — Gruplanmış katman dönüşümlerini ve parametrelerini tanımlar.
  5. Synfig — Group Transformation Widget — Grubun Origin değerinin grafiğinden bağımsız ayarlanmasını belgeler.
  6. Synfig — Import Image Layer — İçe aktarılan görsel içeriğinin ayrı katmanını belgeler.

Raster bir grafikle mi başlıyorsunuz? SVG yollarını PerfectVector ile hazırlayın, hareket ettirmek istediğiniz bölgeleri inceleyin ve animasyonun geri kalanını oluşturmadan önce Synfig’de tek bir parçayı test edin.

Bloga daha fazlası

Düzenlemesi daha kolay,
daha temiz bir SVG ile başlayın