İnce kontrol listesi çizgilerinin tutarlı olması için tasarımı hedeflenen PNG boyutlarında oluşturun, yinelenen öğelere aynı geometriyi verin ve dışa aktarmadan önce piksel yerleşimlerini inceleyin. Tek başına kontur genişliği ayarı, her çıktı boyutunda aynı görünen sonuçları garanti edemez.

Bu kılavuz, Mac’teki güncel Affinity masaüstü uygulamasında hazırlanan bir kontrol listesi grafiğini ele alır: yinelenen boş kutular, yatay çizgiler ve “Öğe A” gibi nötr etiketler. Amaç, belirli bir boyutta temiz bir PNG oluşturmaktır. Menü yolları, güncel Affinity Yardım Merkezi belgelerini izler.

Eşit genişlikteki çizgiler neden farklı görünebilir?

Önce çizimin geometrisini piksel önizlemesinden ayırın. Affinity’nin Vektör görünümü, yakınlaştırma düzeyinden bağımsız olarak düzgün vektör kenarlarını gösterir. Piksel görünümü vektör çizimini tek tek pikseller olarak gösterirken Retina Piksel görünümü yüksek DPI’lı ekranlardaki görünümünü yansıtır. Tasarımı sıradan görüntü çıktısı için incelemek üzere Görünüm > Mod > Pikseller seçeneğini kullanın. Görünüm modları

İki çizginin kontur genişliği aynı olsa da piksel ızgarasına göre farklı konumlarda bulunabilirler. Affinity, Piksel Hizalamasını Zorla kapalıyken kısmi piksel konumlarına açıkça izin verir. Belgeler ayrıca, piksel dışında kalan bir nesneye hizalamanın, piksel hizalaması açık olsa bile yine piksel dışında bir sonuç verebileceği konusunda uyarır. Piksel Hizalamasını Zorla

Buradan çıkan pratik sonuç, genişliği eşleştirmenin işin yalnızca bir parçası olduğudur. Konumu, yönelimi ve çıktı ölçeğini de eşleştirin. Bir kontrol listesinde eşdeğer özellikleri karşılaştırın: kutuların düz kenarlarını diğer kutuların düz kenarlarıyla, yatay çizgileri de diğer yatay çizgilerle. Yuvarlatılmış köşeler ve çapraz işaretler farklı geometrilerdir; aynı piksel desenlerini kaplayıp kaplamadıklarına göre değerlendirilmemelidir.

Tekrarlanabilir bir çizgi biçimi belirleyin

Bir örnek onay kutusu veya çizgi seçin ve Pencere > Vektör > Kontur panelini açın. Panelde çizgi stili, genişlik, uç, birleşim, hizalama ve basınç denetimleri bulunur. Sade bir kontrol listesi için düz çizgi kullanın ve genişlik değerini eşit kalınlığın kanıtı saymadan önce basınç profilini inceleyin. Eşdeğer öğelerin ayarlarını aynı tutun. Kontur paneli

Kapalı onay kutusu şekilleri için tek bir kontur hizalaması seçip bunu tutarlı biçimde kullanın. Belgelenen seçenekler konturu nesne kenarının ortasına, içine veya dışına yerleştirir. Bu nedenle hizalama, görünür kenarlığın şeklin geometrisine göre nerede durduğunu değiştirir. Ayrıca Sıra ayarını kontrol edin: konturu dolgulu kapalı bir şeklin arkasına çizmek, iç yarısının görünmesini engelleyebilir. Kontur paneli

Bir kutu grubunu ayarlamadan önce yeniden boyutlandırma davranışını kontrol edin. Nesneyle Ölçekle, kapalı bir şeklin boyutuyla birlikte çizginin de ölçeklenip ölçeklenmeyeceğini belirler. Dönüştür panelinde, yeniden boyutlandırma sırasında kontur genişliklerini ve diğer özellikleri ölçeklemeye zorlayabilen Ölçek Geçersiz Kılma seçeneği de bulunur. Daha önce boyutlandırılmış kutular farklıysa ortak bir son genişlik belirlemeden önce bu iki denetimi de inceleyin. Kontur paneli, Dönüştür paneli

Basit yatay çizgiler için ince bir dolu dikdörtgen de kullanılabilir. Dikdörtgen Aracı dolgu ve kontur denetimleri sunar; Kontur panelindeki Yok stili ise çerçeveyi kaldırır. Böylece çizginin kalınlığını dikdörtgenin yüksekliği olarak belirleyebilir ve ortalanmış konturla ilgili hesap yapma gereğini ortadan kaldırabilirsiniz. Bu, düz çizgiler için editoryal bir öneridir; özel bir dışa aktarma özelliği değildir. Dikdörtgen Aracı, Kontur paneli

Çizgileri piksel ızgarasına hassas biçimde yerleştirin

Pencere > Genel > Dönüştür seçeneğini açın. Koordinat girmeden önce bir referans noktası seçin: paneldeki konum ve boyut değişiklikleri bu noktaya bağlıdır. Cetvelin sıfır noktasına göre ölçülen kesin X, Y, genişlik, yükseklik, döndürme ve eğme değerlerini sağlar. Yinelenen nesneleri karşılaştırırken aynı başlangıç noktasını kullanın. Dönüştür paneli

Piksel odaklı konumlandırma için Görünüm > Yapışma seçeneğini açın ve Piksel Hizalamasını Zorla ayarını etkinleştirin. Diğer yapışma hedeflerini de gözden geçirin; piksel dışında kalan bir kılavuz veya nesne, piksel hizalı sonucu etkileyebilir. Bu ayar nesneler oluşturulurken, taşınırken veya değiştirilirken uygulanır; bu nedenle mevcut çizimleri inceleyin ve ayarı etkinleştirmenin her nesneyi düzelttiğini varsaymayın. Piksel Hizalamasını Zorla

Tam Piksellerle Taşı seçeneğini bir taşıma kısıtlaması olarak değerlendirin. Affinity’nin belgelerine göre bu seçenek, nesneyi tam piksel mesafeleriyle taşırken kapladığı kısmi pikselleri korur. İstenmeyen kesirli bir ofseti koruyabilir. Önce hedeflenen konumu belirleyin, ardından bu davranış yerleşimi korumaya yardımcı olacaksa tam piksel hareketini kullanın. Piksel Hizalamasını Zorla

Sınırları yakından incelemek için Görünüm > Göster > Piksel Izgarası seçeneğini etkinleştirin ve yakınlaştırın. Izgara görsel bir yardımcıdır ve dışa aktarılmaz. Eşdeğer kenarları incelemek için bunu Piksel görünümüyle birlikte kullanın, ardından kontrol listesinin bütününü değerlendirmek üzere normal görüntüleme boyutuna dönün. Izgaralar

Örnek bir geometri kontrolü

Kontrol listenizin hedeflenen çıktısının 800 × 600 piksel olduğunu varsayalım. Sentetik bir test için kontursuz, yatay üç dolu dikdörtgen oluşturun. Her birinin genişliğini 240 px, yüksekliğini 1 px yapın ve aşağıdaki sol üst konumları verin. Bunlar örnek değerlerdir; ölçülmüş Affinity test sonuçları değildir.

Çizgi X Y Genişlik Yükseklik
A 80 px 100 px 240 px 1 px
B 80 px 124 px 240 px 1 px
C 80 px 148 px 240 px 1 px

Dönüştür panelinde sol üst referans noktasını kullanın, bu değerleri girin ve döndürme ile eğmeyi sıfırda tutun. Yinelenen çizgilerin boyutları aynı, aralıkları ise tam piksel olur. Bu örnek, Dikdörtgen Aracı’nın dolgu denetimlerini ve Dönüştür panelinin sayısal konumlandırmasını kullanır; belgelenmemiş bir “keskin çizgiler” komutuna dayanmaz. Dikdörtgen Aracı, Dönüştür paneli

Ölçek hesabı, hedef boyutun neden önemli olduğunu açıklar. Bu 800 piksel genişliğindeki yerleşimi 400 piksel genişliğinde dışa aktarmak 400 ÷ 800 = 0,5 ölçek katsayısı verir. 1 piksel yüksekliğindeki bir çizgi geometrik olarak çıktıdaki yarım piksele, 2 piksel yüksekliğindeki bir çizgi ise bir çıktı pikseline karşılık gelir. Bu hesaplar geometriyi açıklar; oluşturucunun kesin gölgelendirmesi için garanti vermez. Teslim edilecek çıktı 400 piksel genişliğindeyse çizgileri bu boyutta değerlendirin ve iyileştirin.

PNG’yi gerçekten ihtiyaç duyduğunuz boyutta dışa aktarın

Dosya > Dışa Aktar > Dışa Aktar seçeneğini açın ve bir PNG ön ayarı seçin. Alan ayarını bilinçli olarak belirleyin: tam kontrol listesi için adlandırılmış çalışma yüzeyini veya uygun belge alanını kullanın. Seçim Alanı, üst üste gelen seçili olmayan katmanları da içerirken Yalnızca Seçim bunları dışarıda bırakır. Bu nedenle farklı alan seçimleri farklı içerikler üretebilir. Dışa aktarma iletişim kutusu

Dışa aktarılan genişlik ve yüksekliği kontrol edin. Affinity’nin Boyut ayarı başlangıçta özgün boyutları gösterir ve alternatif boyutlara izin verir; orantılı yeniden boyutlandırma için En-boy oranını kilitle ayarını etkin tutun. Örnek test için önce 800 × 600 boyutunda dışa aktarın. Daha küçük teslimat boyutlarını ayrıca test edin. Dışa Aktarma Ayarları

Kaydetmeden önce dışa aktarma önizlemesini inceleyin. Mac’te önizleme sırasında Command-1 tuşlarına basarak %100 yakınlaştırmaya, daha yakından incelemek için Command-3 ile %400 yakınlaştırmaya geçebilirsiniz. Tekrarlanan çizgilerde koyuluk veya algılanan kalınlığın değişip değişmediğine ve seçilen dışa aktarma sınırında bir kenarlığın kırpılıp kırpılmadığına bakın. Ardından dışa aktarın ve gerçek PNG’yi kullanılacağı boyutta inceleyin. Dışa aktarma iletişim kutusu

Yeniden boyutlandırma gerekiyorsa Affinity çeşitli yeniden örnekleme yöntemleri sunar. Yardım belgeleri sert kenarlı görüntüler için En Yakın Komşu’yu, küçültme içinse Bilineer’i önerir. Bunları belgelenen amaçlar doğrultusunda kullanın ve ardından çiziminizin önizlemesini karşılaştırın. Hiçbir yeniden örnekleme yönteminin ince kontrol listesi çizgilerinin aynı görünmesini garanti ettiği belgelenmemiştir. Dışa Aktarma Ayarları

Dışa aktarma ayarları neleri düzeltebilir, sınırları nelerdir?

Yararlı sınır, dosya biçimine bağlıdır. Affinity, PDF, SVG ve EPS için Rasterleştir: Hiçbiri / Her Şey / Desteklenmeyen özellikler seçeneklerini belgeler. Bu denetimi PNG için listelemez. Benzer şekilde, Raster DPI ayarı vektör odaklı bu biçimlere rasterleştirilen efektler için belgelenmiştir. PNG için “Her Şeyi Rasterleştir” düzeltmesini aramayın; PNG’nin çıktı boyutlarını kullanın ve çizimin geometrisini düzeltin. Dışa Aktarma Ayarları

Neyi değiştireceğinize karar vermek için bu tanılama sırasını kullanın. Bu, belgelenen denetimlerden çıkarılmış bir karar yardımcısıdır; her dışa aktarma sorununu tek bir ayarın tanıladığı iddiası değildir.

Gözlem Sırada neyi incelemeli? Uygulanabilir yanıt
Bazı kutuların sayısal genişlikleri farklı Kontur ayarları ve yeniden boyutlandırma denetimleri Ortak bir son kontur biçimi belirleyin
Piksel görünümünde eşit çizgiler farklı Konumlar, boyutlar ve yapışma hedefleri Eşdeğer kenarları düzeltin ve yerleşimlerini tutarlı biçimde tekrarlayın
Çizgiler yalnızca daha küçük dışa aktarmada eşitsizleşiyor Çıktı boyutları ve ölçek katsayısı Çizimi o küçük boyut için iyileştirin
Bir çizgi kayboluyor veya beklenmedik bir arka planla buluşuyor Dışa aktarma alanı ve içerdiği katmanlar Hedeflenen belge, çalışma yüzeyi veya seçim kapsamını seçin
Vektör görünümü düzgün, ancak PNG farklı görünüyor Piksel görünümü ve dışa aktarma önizlemesi Raster çıktıyı piksel temsiliyle değerlendirin

Birleşim işe yaradığında, Dışa Aktar iletişim kutusunda Tercihler > Ön Ayar Oluştur seçeneğiyle dışa aktarma tercihlerini kaydedin. Ön ayar, bu dışa aktarma seçimlerini yeniden kullanmanızı sağlar; çizimin geometrisinin ve yerleşiminin yine de eşleşmesi gerekir. Dışa aktarma iletişim kutusu

Son kontrolü basit tutun: temsili bir kutu ve çizgiyi inceleyin, yinelenen eşlerinin bunlarla eşleştiğini doğrulayın, PNG boyutlarını kontrol edin ve kaydedilen görüntüyü kullanılacağı boyutta değerlendirin. Başka bir çıktı boyutu gerektiğinde bu kontrolü yeni boyut için tekrarlayın. Tutarlılık, geometriyi ve ölçeği birlikte denetlemekten gelir.

Kaynaklar