Piksel sanatını keskin tutmak için PNG’yi özgün piksel boyutlarında dışa aktarın veya Nearest Neighbor yeniden örneklemesiyle tam sayı katı oranında büyütün. Kaydetmeden önce dışa aktarma önizlemesini kontrol edin; ölçeklendirme, çizimde zaten yumuşamış kenarları düzeltemez.

Bu iş akışı, Mac’te güncel Affinity masaüstü uygulamasında tek bir statik piksel sanatı görselini kapsar. Menü yolları güncel Affinity Yardım Merkezi’ne göredir. Amaç, tek başına kullanılacak bir görsel dosyası oluştururken bilinçli olarak belirlenmiş kare pikselleri korumaktır.

Güncel masaüstü denetimleriyle keskin bir PNG dışa aktarma

Tek tek pikselleri zaten doğru görünen, tamamlanmış bir görselle başlayın. Gelecekte değişiklik yapabilmek için dışa aktarmadan önce düzenlenebilir Affinity belgenizi kaydedin.

  1. File > Export > Export’ı seçin.
  2. Soldan bir PNG preset seçin.
  3. Area seçeneğini istediğiniz içeriğe göre ayarlayın. Basit, tek sayfalık bir görsel için Whole document’ı; tek bir çalışma yüzeyi içinse çalışma yüzeyinin adını seçin.
  4. Lock aspect ratio seçeneğini etkin tutarak Size değerini özgün piksel boyutlarına veya hesapladığınız büyütme ölçülerine ayarlayın.
  5. Resample seçeneğini Nearest Neighbor olarak ayarlayın.
  6. Önizlemeyi inceleyin, ardından Ask for Location’ı seçip Export’a tıklayın; dosyaya ad verin ve Save’e tıklayın. Sonucu hemen bulmak için Show in Finder seçeneğini etkinleştirebilirsiniz. Bu denetimler ve kaydetme sırası, Affinity’nin Export dialog ve Export Settings belgelerinde açıklanmıştır.

Affinity, keskin kenarlı görseller için Nearest Neighbor yöntemini önerir. Yeniden örnekleme seçimi, dışa aktarma sırasında görsel boyutları artırılır veya azaltılırsa uygulanır. Özgün boyutları korumak, dışa aktarma boyutunun değişmesini önler; büyütme ise yeni piksellerin nasıl oluşturulacağının seçilmesini gerektirir. Affinity Export Settings

Boyutu değerlendirmeden önce dışa aktarma alanını seçin. Selection Area, üst üste gelen ancak seçilmemiş katmanları da içerir; Selection Only bunları dışarıda bırakır. Yanlış alanı seçmek, yeniden örnekleme seçimi doğru olsa bile çiziminizin çevresinde görünenleri değiştirebilir. Affinity Export dialog

Eşit piksel bloklarını koruyan bir büyütme oranı seçin

Amacınız düzenli kare bloklar elde etmekse her iki boyut için de aynı pozitif tam sayı çarpanını kullanın. Bu öneri, piksel ızgarasını büyütmenin geometrisine dayanır: 4× büyütmede her kaynak piksel, çıktıdaki 4’e 4 piksellik bir blok için yer bulur. Kesirli bir çarpan, her kaynak piksele eşit genişlikte ve tam sayıda pikselden oluşan bir blok ayıramaz.

32’ye 24 piksellik örnek bir döşeme için çıktı boyutlarını genişlik × çarpan ve yükseklik × çarpan formülleriyle hesaplayın:

Amaçlanan sonuç Dışa aktarma boyutları Hesabın anlamı
Özgün boyut 32 × 24 px Büyütme yok
2× büyütme 64 × 48 px Her kaynak piksel 2 × 2 blok olur
3× büyütme 96 × 72 px Her kaynak piksel 3 × 3 blok olur
4× büyütme 128 × 96 px Her kaynak piksel 4 × 4 blok olur
2,5× kesirli büyütme 80 × 60 px Eşit ve tam piksel blokları oluşturmak mümkün değildir

Bunlar örnek hesaplamalardır; ölçülmüş dışa aktarma sonuçları değildir. Bu örnekte, düzenli bloklarla daha büyük bir sürüm istiyorsanız Nearest Neighbor ile 128’e 96 pikseli seçin. 80’e 60 piksellik bir dışa aktarmada keskin sınırlar korunabilir, ancak bazı kaynak sütunlar veya satırlar farklı sayıda çıktı pikseli kaplamak zorunda kalır.

Boyutları küçültmek farklı bir kısıtlama getirir: çıktı piksellerinin sayısı, birbirinden bağımsız renk taşıyan tüm kaynak pikselleri korumaya yetmez. Küçük sürümde tek piksellik bir ayrıntı kaybolursa özgün görsele dönüp bu ayrıntıyı küçük ızgaraya göre sadeleştirin. Küçültülmüş kopyayı tekrar tekrar yeniden boyutlandırmak, artık içermediği bilgileri geri getiremez.

Yalnızca DPI’ı değiştirmek ekran görselini büyütmez

Affinity, baskı ölçeklendirmesini yeniden örneklemeden ayırır. Resample kapalıyken DPI’ı değiştirmek, piksel boyutlarını etkilemeden baskı çözünürlüğü meta verilerini değiştirir. Dolayısıyla bu işlem 32’ye 24 piksellik bir görseli daha büyük bir ekran varlığına dönüştürmez. Affinity: Changing image size

Çizime devam etmeden önce çalışma belgesini büyütmeniz gerekiyorsa Document > Setup > Resize > Document yolunu kullanın. Resample’ı etkinleştirin, piksel birimini seçin, oranlar bağlıyken yeni boyutları girin, Nearest Neighbor’ı seçin ve Resize’a tıklayın. Affinity, bu yöntemin keskin kenarlı görseller ve piksel çalışmaları için uygun olduğunu özellikle belirtir. Yalnızca teslim edilecek dosyanın daha büyük olması gerekiyorsa dışa aktarma boyutlarını değiştirmek yeterlidir. Affinity: Changing image size

Amaçlanan renkleri değiştirmeden bir biçim seçin

PNG, kayıpsız raster depolamayı ve isteğe bağlı saydamlığı desteklediğinden bu iş için kullanışlı bir varsayılan seçenektir. Kayıpsız sıkıştırma, kodlanan görsel verilerini korur; kodlamadan önce yapılan yeniden örnekleme veya renk değişikliklerini geri almaz. W3C PNG Specification, Third Edition

Biçimleri değiştirmeden veya dosya boyutunu küçültmeden önce aşağıdaki belgelenmiş sınırlamaları kontrol edin:

Biçim veya seçenek İlgili sınırlama
PNG Palet eşleme isteğe bağlıdır. Görseli bir paletle sınırlamak istemiyorsanız Palettized seçeneğini devre dışı bırakın.
GIF Palet eşleme kapatılamaz.
PDF, SVG, EPS Rasterize: Nothing, desteklenmeyen öğeleri dışarıda bırakır; bunları otomatik olarak korumaz.
Kaydedilmiş Affinity katmanları içeren TIFF Bu katmanlar yalnızca Affinity’de okunabilir.

Bu sınırlamalar Affinity Export Settings belgesinde listelenmiştir. Tamamlanmış tek bir piksel görseli için PNG ile başlayın ve ilk dışa aktarmada palet azaltma seçeneğini kullanmayın.

Farklı bir teslim gereksinimi için vektör biçimi kullanışlı olabilir; ancak SVG’yi seçmek, tamamlanmış görseliniz için sabit bir piksel ızgarası oluşturmaz. Bu işte açıkça belirtilmiş boyutlara sahip bir PNG, amaçlanan çıktı ızgarasını netleştirir. Dışa aktarılan görseli çalışma ana dosyası olarak kullanmak yerine, düzenlenebilir Affinity belgesini ayrı tutun.

Ayrıca dışa aktarma boyutu uyarılarını da okuyun. Affinity, görselin seçilen biçimin maksimum boyutlarını aşması hâlinde sığacak şekilde ölçeklendirileceğini belirtir. Bu otomatik değişiklik, dikkatle hesapladığınız çarpanı geçersiz kılabilir; devam etmeden önce istenen boyutu bilinçli olarak küçültün. Affinity Export Settings

Pixel Art Document yeniden boyutlandırmasının gerçekte ne yaptığını anlayın

Affinity’de Pixel Art Document adlı bir komut da bulunur; ancak belgelenen amacı basit blok büyütmeden farklıdır. HQX veya XBR seçeneklerine ve 2×, 3× veya 4× çarpanlarına erişmek için Document > Setup > Resize > Pixel Art Document yolunu seçin. Affinity: Pixel art resizing

Affinity, XBR’nin daha yumuşak, HQX’in ise daha keskin sonuçlar verdiğini; HQX’te ince kenarların çevresindeki pürüzlülüğün daha belirgin olduğunu açıklar. Örneğinde XBR, büyütülmüş kenarları iyileştirir. Konturun bu şekilde yeniden yorumlanmasını istediğinizde bu filtreler uygundur. Özgün basamaklı deseni kare bloklar hâlinde korumak için yukarıda açıklanan Nearest Neighbor dışa aktarma yolunu kullanın. Bu tercih, filtrelerin belgelenmiş amaçlarına dayanır. Affinity: Pixel art resizing

Daha fazla dışa aktarma ayarını değiştirmeden önce yumuşamanın kaynağını bulun

İstenmeyen değişikliğin görsele nerede girdiğini bulmak için aşağıdaki sırayı izleyin. Sonucun size anlamlı bilgi vermesi için her seferinde tek bir ayarı karşılaştırın.

Dışa aktarmayı bilinen bir büyütmede inceleyin

Mac’te dışa aktarma önizlemesinde, %100 için Command–1, %200 için Command–2, %400 için Command–3 veya %800 için Command–4 tuşlarına basın. Tek tek kenar piksellerini incelemek için büyük görünümleri kullanın, ardından dışa aktarılan görseli özgün boyutunda değerlendirmek için %100’e dönün. Affinity bu kısayolları özellikle dışa aktarma önizlemesi için belgelemiştir. Affinity Export dialog

Tanılama testi olarak özgün boyutlu bir PNG’yi tam sayı katı büyütülmüş bir PNG ile karşılaştırın. Özgün boyutlu sürümde istemediğiniz ara kenar renkleri zaten varsa çizimin kendisini inceleyin. İstenmeyen değişiklik yalnızca büyütülmüş sürümde görünüyorsa boyutları ve yeniden örnekleme yöntemini tekrar kontrol edin.

Çizim vektör şekilleri içeriyorsa hizalamayı kontrol edin

Vektörlerle oluşturulmuş piksel grafiklerinde Affinity’nin Force Pixel Alignment özelliği, nesneler, düğümler, tutamaçlar ve piksel seçim alanları oluşturulurken, taşınırken veya değiştirilirken bunları tam piksellere hizalar. İlgili yardım sayfasında masaüstü yolu View > Snapping ve ardından Force Pixel Alignment olarak belirtilir. Ayrıca piksel dışındaki bir nesneye veya kılavuza yaslanmanın piksel dışı bir sonuç oluşturabileceği konusunda uyarır. Affinity: Force Pixel Alignment

Move By Whole Pixels seçeneğinin mevcut kesirli konumu düzelttiğini varsaymayın. Affinity, bu seçeneğin bir nesnenin kapladığı kısmi pikselleri korurken hareketi tam piksel mesafeleriyle sınırladığını açıklar. Örneğin X = 5,5 konumundan 10 piksel hareket edildiğinde X = 15,5 konumuna ulaşılır. Hizalamayı düzeltirken Force Pixel Alignment etkin kalsın, bu seçeneği devre dışı bırakın ve çakışan yaslama hedeflerini kontrol edin. Affinity: Force Pixel Alignment

Hizalama, amaçlanan ızgarayı oluşturmanıza yardımcı olur; raster katmana daha önce boyanmış yumuşak renkleri kaldırmaz. Son dışa aktarmadan önce bunları kaynakta düzeltin.

Doğrulanmış ayarları sonraki dışa aktarma için kaydedin

Başarılı bir dışa aktarmayı kontrol ettikten sonra ayarları hazır ayar olarak kaydedin. Dışa aktarma iletişim kutusunda başlangıç hazır ayarınızı düzenleyin, Preferences’a tıklayın, Create Preset’i seçin, açıklayıcı bir ad girin ve OK’e tıklayın. Affinity bu hazır ayarı Export iletişim kutusunda, Quick Export’ta ve Slice Studio’da kullanılabilir hâle getirir. Affinity Export dialog

Daha sonraki dışa aktarmalarda, sağ üstteki aşağı oka tıklayarak Quick Export’ı açın, seçeneklerinizi belirleyin ve Export’a tıklayın. Hazır ayarlar biçimleri, boyutları ve yeniden örnekleme yöntemlerini içerebilir; bu nedenle seçilen hazır ayarın her görsel için gereken boyutlarla eşleştiğini kontrol edin. Affinity: Quick Export

Hesabınıza uygun boyutlarda ve önizlemesinde amaçlanan piksel desenini koruyan kaydedilmiş bir PNG ile işlemi tamamlayın. Sonraki boyutu da aynı bilinçli kaynak ızgarasından oluşturabilmek için özgün Affinity belgesini yanında saklayın.

Kaynaklar