Mükemmel iki bitişik dikdörtgen neden üst üste binmişler veya tam olarak bitişik değiller arasında siyah veya beyaz çizgiler oluşturur?

Düz bir tasarıma sahibim (olması gerektiği gibi), ancak şekiller arasındaki bu siyah ve beyaz çizgiler çok sinir bozucu ... [vuruş yok] bir göz atın:

İki üst üste gelen dikdörtgen arasındaki bu çizgileri görüyor musunuz? Nasıl düzeltebilirim? (Bunu Photoshop ile oluşturdum, ancak Paint.net ve Adobe Illustrator'ı kullanırken de aynı sorun var) Rengi olan bir şey mi? Yoksa çok mu görüyorum? : P

Elmo Allén'in belirttiği gibi, bu ne grafik editörünüzde bir hata değil, ne de kullandığınız monitör teknolojisinin neden olduğu bir optik illüzyon değildir.

Spesifik olarak, tipik bir modern TFT-LCD bilgisayar ekranında, her piksel aslında yan yana düzenlenmiş üç ayrı alt pikselden, sırasıyla yeşil renkli ve mavi renklerden oluşur:

Bu alt piksellerin her biri, yalnızca ışığın ana renklerinden birini üretebilir, ancak birbirlerine çok yakın olduklarından renkleri, onlara baktığınızda birbirine karışarak düz renk illüzyonunu üreterek birleştirir.

Beyaz (veya gri) bir piksel için, tüm alt pikseller eşit olarak yanar. Farklı alt piksellerin yoğunluğu birbirine göre ayarlanarak farklı renkler üretilebilir. Aşırı, saf kırmızı, yeşil veya mavi piksel için, yalnızca bu rengi üreten alt pikseller açılır. Böylece, kırmızı - yeşil - kırmızı şeridiniz, alt piksel düzeyinde şöyle bir şeye dönüştürülür:

Burada, neler olup bittiğini görmeye başlayabilirsiniz: genellikle yanan her biri arasında iki karanlık alt piksel boşluğu vardır, ancak renkler arasındaki sınırlarda, boşluk üç alt pikseldir (karanlık bir bant oluşturma) veya sadece bir (oluşturma) hafif olan).

Elbette, ekrana baktığınızda normalde olduğu gibi, yakındaki alt piksellerin renkleri birlikte karıştırıldığında efekt daha belirgindir:

Burada, örneğin ekranınıza bir büyüteçle bakarsanız görebileceklerinizi simüle ederek, sadece ılımlı bir bulanıklık oranı uyguladım. (Deneyin!) Sol sınırdaki karanlık grup burada açık; Sağ sınırdaki parlak bant net bir şekilde görünmüyor, ancak görüntü daha da bulanıklaşırsa daha belirgin hale geliyordu.

Tabii ki, bu benzetilmiş görüntülere güvenmek zorunda değilsiniz. Bunun yerine, dizüstü bilgisayar ekranımdan çektiğim yakın çekim bir fotoğrafını ekleyeyim, sorunuzu görüntüleyen ucuz bir dijital kamerayla:

Simüle edilmiş resimdeki gibi, koyu çizgi çok açıktır; parlak çizgi azdır, belki de yananlar arasında hala karanlık bir alt piksel olduğundan, net bir tek yoğunluklu tepe noktası yoktur.

Bunu düzeltmek için ne yapabilirsin?

Prensip olarak, bu etki monitörünüzün otomatik olarak telafi edebileceği bir şeydir, örneğin bu tür sorunlu geçişleri tespit ederek ve geçişi yumuşatmak için renklerin hafifçe birbirine karışmasına izin vererek. Bu, daha fazla karmaşıklık ve maliyet katacaktır, bu yüzden çoğu monitör üreticisi rahatsız etmiyor.

Bununla birlikte, böyle yüksek kontrastlı renk alanları arasına bir ara renkten (örneğin sarı, kırmızı ve yeşil için) dar bir şerit ekleyerek aynı sonucu kendiniz de elde edebilirsiniz. Bu çizginin rengi, ekran gamasını dikkate alarak, çevresindeki renklerin ortalama parlaklığına yaklaşık olarak uymalıdır .

Burada herkesin gördüklerini tam olarak yapmak zordur, çünkü herkesin resmi görmek için kendi ekranı vardır. Ekranımda, kısırsam sol kırmızı dikdörtgen ile yeşil orta dikdörtgen arasında çok ince bir siyah çizgi görebiliyordum. Tam tersine, sağ kırmızı ve orta arasında çok ince bir beyaz çizgi görüyorum. Temelde, orijinal posterin bunu gördükleri anlamına geldiğini (abartılı) anladım:

Bunlar yorumlarda önerildiği gibi Mach grupları değil . Mach bantları farklı kromlu renkler arasında değil, farklı ışıklandırılmış renkler arasında (örneğin, iki gri tonu arasında) doğar. Kırmızı dikdörtgenin sağ tarafında çok soluk bir Mach bandı oluşturulur, çünkü tam kırmızı (RGB 255-0-0) monitörümdeki (ve tüm sRGB monitörlerde) tam yeşilden (RGB 0-255-0) tam yeşilden biraz daha azdır. iyi). (Orijinal görüntünün renkleri saf Kırmızı veya Yeşil olmasa da, algılanan açıklıklarındaki fark yaklaşık olarak aynıdır.) Temel olarak, Mach bantları şöyle görünür (yine, çok abartılı):

Ancak Mach bantları beyaz veya siyah ince çizgiler oluşturamaz. Sadece geniş bir alanda gözlenen parlaklıkta küçük bir fark yaratırlar. Mach bantları her zaman simetriktir: kırmızıdan yeşile yeşilden kırmızıya aynıdır. Fakat bu asimetriktir: diğer sınır siyah, diğer beyazdır.

Bunun yerine, burada gördüğümüz görsel yapı LCD alt piksel düzenlemesinden kaynaklanıyor . En yaygın düzenleme, soldan sağa Kırmızı-Yeşil-Mavi'dir. Yani her bir tam kırmızı pikselin arasında bir yeşil renkli alt piksel ve bir mavi renkli alt piksel var. Tam kırmızı piksel ve tam yeşil piksel arasında, bunun yerine, üç kapalı alt piksel vardır: yeşil, mavi ve kırmızı. Bu, kırmızı ve yeşil arasında ince siyah bir çizgi etkisi yaratır. Aşağıdaki resimde olduğu gibi:

Şimdi yeşil dikdörtgenin diğer tarafında, önce yanan yeşil alt piksel, kapalı mavi alt piksel ve sonra kırmızı renk var. Şimdi yanan yeşil ve kırmızı alt pikseller arasında sadece bir tane siyah alt piksel var. Bu, yeşil ve kırmızı sınırlar arasında uzanan çok ince bir parlak çizginin etkisi yaratır. Aşağıda olduğu gibi:

Alt pikselleri monitörünüzde görmek için, muhtemelen bir büyüteç gerekir. Norman'ın insan görme yeteneği, ayrı pikselleri göreceğiniz yakın mesafeye odaklanamaz. Ancak, bu hafif parlaklık farkını tespit etmede çok iyidir.

Şimdi, teorinin doğru olduğunu kanıtlamak için, örneğin sol kırmızı dikdörtgen ile yeşil dikdörtgen arasına 1 px genişliğinde bir RGB 128-255-0 satırı ekleyebilir ve siyah çizginin solup solmadığını görebilirsiniz, çünkü bu daha önce yeşil bir alt piksel ışığı ekler. boşluk. Ayrıca, alt pikselleri biraz karartmak için yeşil ve sağ kırmızı dikdörtgen arasında 1 piksel genişliğinde bir RGB 85-85-0 deneyebilirsiniz. Ne yazık ki, bu gerçek tasarımda kullanılamaz, çünkü ilk önce kırmızı-yeşil-mavi alt piksel düzenlemesine bağlıdır ve aynı zamanda renk sınırını biraz lekeli yapar.

Ayrıca, bir ekran bileme algoritması gerçekleşmesi olasılığı da vardır. Temel olarak monitör netliği, tüm renk kenarlarını daha belirgin hale getirir, kenarın daha parlak tarafına beyaz ekler ve daha koyu taraftaki siyaha kararır. Bu Mach bandının etkisine çok benzer, ancak çok daha dar ve genellikle daha belirgindir. Bu, ekranın netlik ayarını ayarlayarak (umarım mümkün olabilir) ve etkinin azalmış olup olmadığını görerek bulunabilir.

Renklerin bir araya geldiklerinde doğası budur, İnsan gözü bir şeyleri netleştirmek için basitleştirme eğilimindedir .. ve renk algımızın neden olduğu optik yanılsamalar.

“Mach Bands Illusion” olarak adlandırılan bu fenomen, Değerde farklı iki renkte görünür. renk tonunda değil, doygunlukta. ve ekli diyagramım aynı ilüzyonun gri renklerde olduğunu gösterir. açık gri, ortadaki koyu olana kıyasla daha açık olur ve orta gri sağdaki sağ koyu gri kenarın yanında daha açık görünür. Ve bir tane.

sizin için önemliyse iki seçeneğiniz vardır.

1. aynı siyah oranına sahip iki renk seçmek bu yanılsamayı azaltacaktır
2. İki rengin ortasındaki gri rengin ortasındaki gri renkte küçük bir çizgi ekleyerek "gözü kandırabilirsin". Aşağıdaki sonucu gör. Üst şeridin, alt şeridin ilüzyonunda daha az olduğunu fark edebilirsiniz.

Emin olamıyorum, ama gözlük takıyorsanız, problemin yatacağı yer burasıdır. Kırmızıların ve yeşilliklerin birbirinden ayrıldığı renk sapmalarını görüyorsunuz .

Gözlükleriniz ne kadar kalın olursa etki o kadar belirgindir. Başınızı çevirmeyi deneyin ve renkli blokların hareket ettiğini izleyin - gözlüklerinizin kenarına doğru hareket ettikçe gözlükleriniz daha kalın olacak ve böylece daha büyük bir ayrılmaya neden olacaktır.

Adobe'nin forumundaki bu konu , "Piksel ızgarasına hizala" seçeneklerinin nerede olduğu konusunda iyi bir bit yapmış.

Doğru hatırlamıyorsam, bu aynı zamanda File > Newiletişim kutusundan (kutunun en altında) belge çapında da etkinleştirilebilir .

Ya bu sert çekirdekli monitör uzmanları doğrudur ya da sadece vektörünüz tarafından oluşturulan ve monitörünüzdeki piksellere doğru şekilde hizalanmayan bir tutarsızlığa sahipsiniz. İşte tam da bu yüzden Illustrator'a eklenen bu küçük onay kutusundan bu kadar çok insanın heyecanlanmasının nedeni budur.

Bu renk etkileşimi nedeniyle olabilir. Kırmızı ve yeşil tamamlayıcı renklerdir ve yan yana yerleştirildiğinde üst üste binmiş gibi görünen siyah / koyu bir çizgi oluşturuyor gibi görünmektedir. Burada daha fazla örnek okuyabilir ve görebilirsiniz .

Illustrator otomatik, şekilleri yerlerine oturduğundan, orada meydana gelen herhangi bir çakışma sorunu olmamalıdır.

Eğer bir seçenek etkinleştirirseniz Izgara Piksel Yeni Nesneleri hizalama içinde Transform pencerenin seçeneği menüde (herhangi bir seçenek penceresinin sağ üst köşesinde bulunan biri), çizdiğiniz tüm nesneler varsayılan olarak ayarlanır piksel hizalanmış özelliği vardır. Web belgesi profili kullanılarak oluşturulan yeni belgeler için bu seçenek varsayılan olarak etkindir. Varolan nesneler için Dönüştür penceresinin kendisinde Piksel Izgarasına Hizala'yı seçerek pikselin hizalamasını kapatabilirsiniz ( pencerenin seçenek menüsünde Daha Fazla Seçenek'i tıkladıktan sonra gösterilir ).

Piksel hizalanmış strokların net görünümü raster çıktısında yalnızca 72 ppi çözünürlükte korunur. Diğer kararlar için, kenar yumuşatma sonucu ortaya çıkan bu gibi darbelerin yüksek olasılığı vardır.

Piksel hizalanmış, ancak herhangi bir düz dikey veya yatay kesime sahip olmayan nesneler, piksel ızgarasına hizalanacak şekilde değiştirilmez. Örneğin, döndürülmüş bir dikdörtgenin düz dikey veya yatay bölümleri olmadığından, piksel hizalı özelliği ayarlandığı zaman net yollar oluşturmak için dürtülmez.

Bu Adobe'nin belgeleri daha geniş bir şekilde anlatıyor: http://helpx.adobe.com/illustrator/using/drawing-pixel-aligned-paths-web.html