Siyah karakterlerde kenar yumuşatma neden gri tonlama dışında renkler kullanıyor?


17

Ben geliştiriciyim, grafik tasarımcı değilim. Ama birkaç yıl önce fark ettiğimden beri beni rahatsız eden bir soru var.

Kenar yumuşatma, bilmeyen biri varsa, karakter kenarları ve geometrik formlar gibi yüksek kontrastlı bölümlerden keskinliği kaldırmak için bir yöntemdir.

Beyaz bir arka plan üzerinde siyah olarak yazılmış kenarları yumuşatılmış bir karakter aldığınızda ve pikselleri görmek için yakınlaştırdığınızda, gri ölçekte bulunanlardan farklı renkler var, bu benim için mantıklı görünüyor, çünkü sadece yapmamız gerekiyor siyahtan beyaza yumuşak bir geçiş.

resim açıklamasını buraya girin

Soru: Beyaz arka planda siyah bir karakterin kenar yumuşatması için kullanılan renkler gri skalada bulunan renklerden neden farklı?

Not: Eğer yeterli itibara sahipsem "kenar yumuşatma" etiketini yaratırdım.


Güncelleme : Şimdi bir teori düşündüm.
Harflerin bir bilgisayar monitöründe görüntülenmesi amaçlanıyorsa ve ekranın siyah olabilen en küçük kısmı, üç küçük ışıktan oluşan bir pikseldir; bu, herhangi bir harfteki en küçük noktanın oldukça büyük olmasına neden olur, ancak çevreleyen veya iç noktalardan oluşan kenar yumuşatma, renkten yana biraz harf yardımı ile harflerin çok daha küçük olabileceği anlamına gelen bir pikselin yalnızca 1 / 3'ü için temsil edilebilir.

Öyle mi?


5
Aynen öyle. Buna 'alt piksel oluşturma' denir: en.wikipedia.org/wiki/Subpixel_rendering
DA01

1
Yazı tipi oluşturmada, gri tonlamalı "yumuşatma" genellikle kenar yumuşatma olarak adlandırılır ve bu renkli sürüme alt piksel oluşturma adı verilir . @ DA01'in bağlantısına ek olarak, ayrıca bkz: en.wikipedia.org/wiki/Font_rasterization
Jari Keinänen

1
şansınız olduğunda lütfen güncellemenizi yanıt olarak tekrar gönderin :)
JamesHenare

Vay be, sonuçta ben .. bağlantılar ve açıklamalar herkese teşekkürler!
MarceloRamires

Yanıtlar:


10

Buna pencerelerde clearType denir (veya Marcelo'nun dediği gibi alt piksel oluşturma) Fikir, 1 piksel için 1 değer kullanmak yerine:
(127,127,127) <Gri

, bu pikselin sol tarafını daha az yoğun ve sağ tarafı daha fazla yapabiliriz
blueish tonu - (55127185)

sonra ve sağ taraflı pikseller için aynı
(185,127,55) - Turuncu ting
o gösterileri altında (AA) - (Erken temizle Tipi) - (Düzenli AA) - (Son temizle Tipi)
resim açıklamasını buraya girin

Bence sadece küçük yazı tipleri için iyi çalışıyor (şimdi okuduğunuz gibi)
Düzenli grafikler için düzenli AA kullanıyorsunuz (Aslında photoshop clearType'ı desteklemiyor)
Umarım bu yardımcı olur! Zevk almak


3

Her şeyden önce tahminim:

Harflerin bir bilgisayar monitöründe görüntülenmesi amaçlanıyorsa ve ekranın siyah olabilen en küçük kısmı, üç küçük ışıktan oluşan bir pikseldir; bu, herhangi bir harfteki en küçük noktanın oldukça büyük olmasına neden olur, ancak çevreleyen veya iç noktalardan oluşan kenar yumuşatma, renkten yana biraz harf yardımı ile harflerin çok daha küçük olabileceği anlamına gelen bir pikselin sadece 1 / 3'ü için temsil edilebilir.

DA01 ve koiyu'dan daha fazla yardım almak için soruların yorumlarına bakın (teşekkürler).


Sadece referans için, DA01 ve koiyu'nun yorumlarındaki Wikipedia bağlantıları:

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.