Mac’te Affinity’den sprite sheet dışa aktarırken oluşan fazladan satır veya sütunu düzeltmek için dışa aktarma dikdörtgeninin konumunu, boyutlarını ve çıktı ölçeğini kontrol edin. Önceden düzenlenmiş bir sheet için tam boyutlu bir dilim kullanın, ardından çizimi değiştirmeden önce dışa aktarılan PNG’yi doğrulayın.

Bu kılavuz, Affinity masaüstü arayüzünün güncel sürümünü ve Dilim Stüdyosu’nu ele alır. Amaç, mevcut bir sprite ızgarasını hedeflenen piksel boyutlarında dışa aktarmaktır. Affinity’nin güncel yardım belgeleri, özel dışa aktarma dikdörtgenlerini ve tek tek dilim çıktılarını açıklar; aşağıdaki adımlarda bu denetimler doğrudan kullanılır.

Fazladan pikselin dosya boyutlarını değiştirip değiştirmediğini belirleyin

Önce iki belirtiyi birbirinden ayırın: bir piksel fazla büyük olan dosya ve boyutları doğru olduğu hâlde kenarında istenmeyen bir piksel bulunan dosya. Bunlar farklı kontroller gerektirir. Hedeflenen genişlik ve yüksekliği not edin, ardından dışa aktarılan dosyayı ayrı olarak açıp boyutlarını kontrol edin ve en dıştaki satırları ve sütunları inceleyin.

Beklenen boyutu basitçe hesaplayın. Örnek olarak, tek bir yatay sırada kenar boşluğu veya aralık olmadan dizilmiş dört adet 64 × 64 kare içeren bir sheet’in hedef boyutu 256 × 64 pikseldir. 256 × 65 boyutundaki bir dışa aktarma, boyut uyuşmazlığı olduğunu gösterir. Alt satırında istenmeyen renkli pikseller bulunan 256 × 64 boyutundaki bir dışa aktarmanın boyutları doğrudur; ancak içeriği veya yerleşimi incelenmelidir.

Karşılaşılan durum Önce kontrol edin Sonraki yararlı adım
Genişlik veya yükseklik bir piksel fazla Dışa aktarma sınırları ve konumları Tam boyutlu bir dilim dikdörtgeni ayarlayın
Boyutlar belirgin biçimde farklı Dışa aktarma ölçeği ve belge DPI değeri Dilimin gerçek çıktı çözünürlüğünü kontrol edin
Boyutlar doğru, ancak bir kenar yanlış görünüyor Çizimin konumu ve görünen içerik Sheet’i yeniden boyutlandırmadan kenarı inceleyin
Dışa aktarmada beklenmeyen çizimler var Dilim türü veya dışa aktarma alanı İstenen içerik sınırını seçin

Affinity, çizilerek oluşturulan dilimler ile katmanlardan oluşturulan dilimleri birbirinden ayırır. Çizilmiş bir dilim, dikdörtgeni içindeki tüm görünür katmanları içerir; katmandan oluşturulan dilim ise yalnızca kaynak katmanının içeriğini kapsar. Dışa aktarılan sheet’te yakındaki bir nesne veya arka plan göründüğünde bu ayrım önem kazanır. Dilim Stüdyosu’nu kullanarak dışa aktarma bölümüne bakın.

Piksel konumunu genişlik ve yüksekliğin yanı sıra kontrol edin

Genişliğin tam sayı olması, dikdörtgenin bir piksel sınırında başladığını göstermez. Geometrik bir örnekte, X = 10.5 konumunda başlayan 256 piksel genişliğinde bir dikdörtgen X = 266.5 konumunda biter. Her iki kenar da piksel sınırlarının arasındadır. Bu örnek, yalnızca genişliği kontrol etmenin hizalama sorununu gözden kaçırabileceğini açıklar; Affinity’nin tam rasterleştirme formülüne ilişkin bir iddia değildir.

Mac’te sayısal inceleme için Window > General > Transform yolunu açın. Panelde bir sabitleme noktası seçicisinin yanı sıra X, Y, W ve H alanları bulunur. Dikdörtgen biçimindeki dışa aktarma alanının sol üst konumunu kontrol ederken sol üst sabitleme noktasını seçin. Ölçümler, geçerli cetvel birimlerini kullanır ve cetvelin başlangıç noktasına göredir. Bu denetimler Dönüştürme paneli bölümünde belgelenmiştir.

Gerekirse View > Show > Rulers yoluyla cetvelleri gösterin, ardından cetvellerin kesişim noktasına Control tuşunu basılı tutarak tıklayıp pikseli seçin. Cetvel başlangıç noktasını daha önce taşıdıysanız, koordinatları incelemeden önce başlangıç noktasını sıfırlamak için kesişim noktasına çift tıklayın. Affinity bu iki işlemi de Cetveller bölümünde belgeliyor.

Tüm sprite çizimlerini seçip her değeri yuvarlamak yerine dışa aktarma sınırının konumunu ve boyutunu inceleyin. Dört kareli örnek sheet için hedeflenen dikdörtgen X = 0, Y = 0, W = 256, H = 64 olabilir. Mevcut sheet’iniz başka bir konumda başlayabilir; kare ızgarasını gerçekten çevreleyen konumu kullanın.

Sayısal gösterimde küçük kesirler görünmüyorsa Dönüştürme yardımında ondalık basamak sayısını ayarlamak için Settings > User Interface yolunun kullanıldığı belirtilir. Kontrol sırasında gösterim hassasiyetini artırın. Sayıların düzenli görünmesi için çizim boyutlarını değiştirmekten kaçının; yeniden boyutlandırma kare içeriğini değiştirebilir.

Doğru piksel hizalama ayarlarını kullanın

View > Snapping yolunu açıp Force Pixel Alignment seçeneğini etkinleştirin. Affinity, bu ayarın vektör nesneleri, düğümleri, tutamaçları ve piksel seçim alanlarını oluşturulurken, taşınırken veya değiştirilirken tam piksel değerlerine hizaladığını belgeliyor. Ayrıca piksel dışı bir nesneye, kılavuza veya ızgaraya hizalamanın piksel dışı bir sonuç oluşturabileceği konusunda uyarıyor; bu nedenle düzeltme sırasında çakışan hizalama kiplerini geçici olarak devre dışı bırakın. Piksel Hizalamasını Zorla bölümüne bakın.

Mevcut kesirli konumu düzeltirken Move By Whole Pixels seçeneğini kapalı tutun. Bu seçenek, hareket mesafesini kısıtlar ve bir nesnenin kesirli ofsetini koruyabilir. Örneğin X = 10.5 değerine 10 eklemek, X = 20.5 sonucunu verir. Affinity, aynı piksel hizalama belgelerinde bu davranış ile Piksel Hizalamasını Zorla seçeneğini açıkça birbirinden ayırır.

Hizalamayı düzenleme sırasında yardımcı olarak kullanın. İlgili sınırı taşıdıktan veya ayarladıktan sonra sayısal değerlerini yeniden kontrol edin. Bir hizalama seçeneğini etkinleştirmek tek başına mevcut tüm nesnelerin düzeltildiğini göstermez.

Düzenlenmiş sheet’i tek bir tam boyutlu dilimle dışa aktarın

Mevcut bir sheet için özel olarak çizilmiş bir dilim, boyutlarının sprite grubunun değişen sınırlarına bağlı kalmadan dışa aktarılan dikdörtgeni denetlemenizi sağlar. Affinity, hassas dilim konumu ve tam boyutlar için özellikle Dilim Stüdyosu içindeki Dönüştürme panelinin kullanılmasını önerir. Dilimleri dışa aktarma bölümüne bakın.

  1. Studio Manager’ı açın, gerekirse Slice Stüdyo girişini etkinleştirin ve bu stüdyoya geçin. Stüdyo girişlerini etkinleştirme işlemi Stüdyoları özelleştirme bölümünde belgelenmiştir.
  2. Slice Tool’u seçin ve önceden düzenlenmiş sheet’in çevresine bir dikdörtgen çizin. Araç, Dilim Stüdyosu’nda varsayılan olarak bulunur; kısayolu S’dir. Dilim Aracı bölümüne bakın.
  3. Çizilmiş dilim seçiliyken Transform ile hedeflenen konumu, genişliği ve yüksekliği ayarlayın. Örnek sheet için dört karenin üzerine yerleştirilen dilimde W = 256 px ve H = 64 px değerlerini kullanın.
  4. Window > General > Slices yolunu açın, dilim girişini genişletin ve dosya biçimi olarak PNG’yi seçin. Boyut ölçeklemesini ve gösterilen çıktı çözünürlüğünü kontrol edin.
  5. İstenen boyutu, o boyuta ait dışa aktarma denetimini kullanarak dışa aktarın veya yalnızca hedeflenen dilimi işaretli bırakıp Export Slices’ı kullanın. Hedef klasörü seçin ve Export’a tıklayın.

Dilimler paneli belgeleri, dosya biçimi seçimini, boyut ölçeklemesini ve işaretli dışa aktarma girişlerini açıklar. Ayrı Dilimleri dışa aktarma talimatları, tek bir boyutun, tek bir biçimin veya işaretli tüm dilim çıktılarının dışa aktarılması arasındaki farkı belirtir. İlk tanılama dışa aktarımı için tek bir PNG çıktısı seçin; böylece inceleyeceğiniz dosya kesin olarak belli olur.

Dışa aktarmadan önce dikdörtgen içindeki görünür katmanları kontrol edin. Çizilmiş bir dilim bu katmanların içeriğini kapsar. Bunun yerine bir gruptan veya katmandan dilim oluşturursanız ilk sınırları o öğenin boyutlarına göre belirlenir ve çıktı yalnızca o kaynak öğeyi içerir. Dilim Stüdyosu’nu kullanarak dışa aktarma bölümünde açıklandığı gibi, hedeflenen sheet’e uygun dilim türünü kullanın.

Her karedeki kasıtlı boş alanı koruyun. Dört kareli örnekte, içindeki grafik çok daha küçük olsa bile her kare 64 × 64 boyutundaki alanını korumalıdır. Dışa aktarmayı yalnızca görünür çizime göre kırpmak, teslim etmek istediğiniz ızgarayı değiştirir.

1x değerinin beklenen piksel sayısını verdiğini varsaymadan önce DPI’yi kontrol edin

Affinity, belge DPI değeri ile Dilim Stüdyosu’nun 1x, 2x ve 3x boyutları arasında bir ilişki olduğunu belgeliyor. Örneğinde, 72 veya 96 DPI değerindeki 64 × 64 px bir belgenin 1x çıktısı da 64 × 64 olur. 144 DPI değerinde belgelenen 1x çıktı 32 × 32, 2x çıktı ise 64 × 64’tür. Dilim Stüdyosu’nu kullanarak dışa aktarma bölümündeki tabloya bakın.

Dilimde gösterilen çözünürlüğü ve ortaya çıkan dosyanın boyutlarını kontrol edin. Uyumsuzluğun nedeni ölçeklemeyse kare boyutlarını değiştirmeden önce dışa aktarma ayarlarını düzeltin. Dışa aktarma ölçeği ayarını telafi etmek için sheet geometrisini değiştirmek, kaynak dosyanın bakımını zorlaştırır.

Sheet tek bir çalışma yüzeyini kaplıyorsa Dışa Aktar iletişim kutusunu kullanın

Sheet’in tamamı tek bir çalışma yüzeyindeyse File > Export > Export yolunu kullanabilir, bir PNG ön ayarı seçebilir ve Area alanında adı belirtilen çalışma yüzeyini ayarlayabilirsiniz. Önizlemeyi ve çıktı boyutlarını inceleyin, Ask for Location’ı seçin, ardından dışa aktarıp kaydedin. Sonrasında hedef konumu Show in Finder ile görebilirsiniz. Bunlar Dışa Aktar iletişim kutusu bölümündeki güncel Mac adımlarıdır.

Alanı dikkatle seçin. Güncel Dışa Aktarma Ayarları belgelerine göre, çalışma yüzeyleri içeren bir belgede Tüm Belge çıktısı, çalışma yüzeyleri için ayrı görüntü dosyaları oluşturur. Birden fazla çalışma yüzeyini bu şekilde dışa aktarmak, bunları tek bir sprite sheet görüntüsünde birleştirmez. Tek bir sheet için kareleri tek bir hedeflenen dikdörtgen içine yerleştirin ve bu dikdörtgeni dışa aktarın.

Dışa Aktar iletişim kutusunda en-boy oranı kilitli olarak alternatif çıktı genişliği ve yüksekliği de ayarlanabilir. Hedeflenen boyutları doğrulamak için bu alanları kullanın. İlk düzeltme olarak 256 × 65 çıktıyı 256 × 64’e zorlamaktan kaçının: çıktı boyutlarını değiştirmek, özgün sınırı düzeltmek yerine görüntüyü yeniden örnekleyebilir. Affinity, bu boyut ve yeniden örnekleme denetimlerini Dışa Aktarma Ayarları bölümünde açıklar.

Biçim ve dışa aktarma kısıtlamalarına dikkat edin

Sheet’in saydamlık içermesi gerekiyorsa PNG uygun bir seçimdir; Affinity, Desteklenen dosya biçimleri bölümünde PNG’nin saydamlığı desteklediğini açıkça belirtiyor. Keskin kenarlı piksel çizimlerini bilinçli olarak büyütüyorsanız Affinity, keskin kenarlı görüntüler için Nearest Neighbor yeniden örnekleme seçeneğini açıklıyor. Bu bir ölçekleme tercihidir; yanlış konumlandırılmış bir dışa aktarma dikdörtgenini düzeltmez. Dışa Aktarma Ayarları bölümüne bakın.

Mevcut olduğunda Include bleed seçeneğini de kontrol edin. Affinity bu seçeneğin PNG için kullanılabildiğini ve etkinleştirildiğinde belgede ayarlanan taşma alanını dahil ettiğini belirtiyor. Gerekli çıktı sprite ızgarasının tam dikdörtgeniyse bu seçeneği kapalı bırakın. Aynı belgelerde, bir dışa aktarma biçimin azami boyutlarını aşarsa sığacak şekilde ölçekleneceği ve Dışa Aktar iletişim kutusunda bir uyarı gösterileceği belirtiliyor. Dışa Aktarma Ayarları bölümüne bakın.

Belgelenen dilim iş akışı tanımlı alanları dışa aktarır; otomatik kare paketleme, animasyon zamanlaması veya genel sprite atlası meta verileri için talimat sunmaz. Özellikle Batch builder, Apple simge dilimlerinden Xcode JSON paketleri oluşturmak için özel olarak belgelenmiştir. Bu görevde desteklenen yol, kareleri kendiniz düzenleyip ortak dikdörtgenlerini dışa aktarmaktır; atlas oluşturucu olarak Batch builder’ı kullanmak değildir. Dilimler paneli bölümüne bakın.

Başka bir şeyi değiştirmeden önce düzeltilen PNG’yi doğrulayın

Yeni dışa aktarılan dosyayı ayrı olarak açıp üç şeyi doğrulayın: tam piksel boyutlarını, en dıştaki satırları ve sütunları, ayrıca kare sınırlarını. Örnek 256 × 64 sheet’te dikey kare ayırımları sol kenardan itibaren 64, 128 ve 192 piksel konumlarında olmalıdır. Bu değerler, belirtilen dört kareli düzenden doğrudan hesaplanır.

Dosyanın boyutu artık doğruysa ancak istenmeyen bir piksel hâlâ varsa, kaynak içeriğin o konumunda görünen öğeleri inceleyin. Dosya hâlâ bir piksel fazlaysa seçili dilimi, X/Y/W/H değerlerini, çıktı ölçeklemesini ve taşma ayarını yeniden kontrol edin. Bu sıra, çizimi tekrar tekrar yeniden boyutlandırmadan sınır sorununu içerik sorunundan ayırır.

Düzeltilen dışa aktarma dikdörtgenini ve ayarlarını belgeyle birlikte saklayın. İstenen sonuç, boyutları ve kare ızgarası hedeflenen düzenle eşleşen bir PNG’dir. Her iki kontrol de başarılı olduğunda bitmiş dosyadan tahmin yürüterek satır veya sütun silmeniz gerekmez.

Kaynaklar