Bantlama olmadan degradenin olması gerçekten imkansız mıdır?


37

Bantlama olmadan bir degrade oluşturmak için mücadele ediyorum. Tüm videoları YT'de izledim ve denedim: Her türlü karıştırma, Gürültü, Dither, bit derinliği, Fırça ve gradyanı Illustrator'da yapıyorum.

Her şey başarısız oluyor ve ben her zaman bantları görebiliyorum.

Resmin arkasında kullandığım arkaplan rengi: 050b3c görüntü tanımını buraya girin görüntü tanımını buraya girin

Yanıtlar:


28

Gürültü ve dither genellikle oldukça iyi sonuçlar verir. “Bantlamayı” daha belirgin hale getirebilecek birkaç şey var:

  • “Başlat” ve “Durdur” renkleri
  • gradyan boyutu (“başlangıç” ve “durdurma” noktaları birbirinden uzaklaştığında bantlaşma daha belirgin hale gelir; gradyan, sabit sayıda kullanılabilir parlaklık değerine sahip daha fazla numuneye “yansıtılmalıdır”),
  • yanlış kalibre edilmiş / düşük kaliteli monitör (gradyanlarınızı farklı monitörlerde görüntülemeye çalıştınız mı?),
  • sistem ayarlarında azaltılmış “kanal başına” renk çözünürlüğü (çoğu sistem 32 bps ayarları kullandığından, ancak yine de bir olasılık kullandığından, bugünlerde pek görünmüyor),
  • “Vahşi” ekran kartı gamma ayarları (örneğin “ekran kartı kontrol panelinde” veya Adobe Gamma Loader gibi gamme yükleyici),
  • çok “saldırgan” bir monitör profili (yine monitörler üzerinde izleme testi bu konuda bazı ipuçları sağlamalıdır),
  • bir görüntünün azaltılmış bit derinliği.

Ayrıca, hedef cihazınızın ne olduğunu bilmek de faydalı olacaktır. Basmayı hedefleyip hedeflemediğiniz (gradyanınızı ne kadar “yayılabileceğiniz” gibi bir fark var (ne tür baskılar da önemlidir, örneğin: AM, sözde stokastik, stokastik) bilgisayar monitörleri veya mobil cihazlar ekranları. Ayrıca raster grafik veya vektör grafik kullanıp kullanmadığınızı fark eder.

Alt satırda: Bu oldukça karmaşık bir konudur :).


1
Bu monitöre bağımlı olmak konusunda% 100 haklısın. Cevabınızı okuduktan sonra iPad3'ümdeki mavi resmi test etmeye karar verdim (güncellenmiş OP'e bakın). İPad3'teki degradenin kalitesi kusursuz. Mesele şu ki, tüm internet kullanıcılarının monitörlerini kontrol edemiyorum.
Kayıtlı Kullanıcı

1
Ya beyaz degradedeyim grupları görebilirim ama mavi degradedeyim hiçbir grubu göremiyorum
Ryan

@Ryan Beyaz değil, şeffaf. Bunu almalı ve PS altında bir katman (renk: 050b3c) eklemelisiniz. Sonra alt katmanın opaklığı ile oynamaya başlayın ve degrade bandının nasıl değiştiğini görün.
Kayıtlı Kullanıcı

@ Kayıtlı Kullanıcı Kullanıcı cevabı, monitör ayarları ile birlikte yukarıda belirtilen özelliklere bağlı olduğu kadar aynı kaldığında umrumda değil.
Ryan

2
Kapsamlı cevap Sorunun nereden kaynaklandığı ve neden titreme gibi püf noktalarına ihtiyaç duyulduğunu belirtmeye değeceğini düşünüyorum: 8 bit renk sadece sorunsuz bir şekilde değişen degrade yanılsamasını güvenilir bir şekilde vermeniz için size yeterli adımları atmaz.
e100

13

Evet, kaliteli gradyanlar oluşturmak mümkündür. Dikkate alınması gereken birçok faktör var.

  • Photoshop, alfa kanalında titremez ya da yok olamaz. Mümkünse düz renkleri kullanmak daha iyi olur. Ayrıca, katman opaklığından kaçınmaya çalışın. İhtiyacınız olan renkleri kullanarak degrade oluşturun. Düzenleme: Photoshop CC 2014.2, alfa kanalı renk taklidi ekledi. :)

  • Görüntü düzenleyiciniz kanal renk derinliği başına 8 bit kullanıyorsa, bazı yuvarlama hataları olabilir. Birkaç katmandan oluşturulan bir degrade oluşturmanın en iyi yolu (harmanlama modlarında ve opaklıkta), daha yüksek bir bit derinliğinde iş yapmak ve sonra mümkünse kanal başına 8 bite inmek. Photoshop bunu yapabilir. Bir katmandan oluşturulan tüm katı gradyanı istiyorsanız, kanal başına 8 bit tamamdır (16 bit yalnızca katman karışımı söz konusu olduğunda kullanışlıdır).

  • Dithering gerçekten çok önemli. (Önceki noktaya bakınız.)

  • Illustrator'ı kullanmayın. Kanal başına 8 bit ve hiç bitmiyor.

  • Görüntü ölçeklendirme, titreme işleminin yaptığı iyi işleri mahveder, bu nedenle görüntüyü başlangıçtan itibaren doğru boyutta oluşturmanız gerekir.

  • Dizüstü bilgisayarların çoğunda, her şeyin daha iyi görünmesini sağlamak için bazı canlı renk taklidi hileleriyle kanal başına 6 bit görüntü bulunur. Belli ki ekrana karşı savaşıyorsunuz ve ekran nedeniyle düzgün sonuçlar alınamayabilir. Retina ekranlı yeni MacBook Pro önemli bir istisnadır - 24 bit IPS ekrana sahiptir. Düzenleme: Dizüstü bilgisayar ekranları bu yayından beri biraz düzeldi!

  • Bodzio'nun önerdiği gibi, diğer işletim sistemi seviyesindeki işlemler işleri de değiştirebilir.

  • Photoshop'ta 16 bit modunu kullanıyorsanız, 8 bit moduna karşı test edin. 8 bit modunun daha iyi göründüğü bazı durumlar ve 16 bit modunun daha iyi olduğu diğer durumlar vardır. Temel kural: Bir eğiminiz varsa, taklit için 8 bit kullanın. Opaklığı kullanarak birkaç katmana ve degradeye sahipseniz 16 bit modunu kullanın.


Resminize baktığımda, başka bir yıkıcı dönüşüm gerçekleşiyor gibi görünüyor. Web İçin Kaydet kullanıyor musunuz? SRGB’ye Dönüştür açık mı? Öyleyse, kapatın (resimlerinizin kalitesini bozmanın ve aynı anda yıkıcı renk değişiklikleri yapmanın en kolay yolu).


Müthiş cevabınız için +1, ancak o zamandan beri devam ettik. Öncelikle, alfa olmadan bir degrade oluşturma seçeneğiniz iyi değil, çünkü ihtiyacım olan görüntünün saydam olması gerekir, böylece tüm sayfada yerleştirilmiş bir web sayfasında kullanabiliyorum. Ayrıca kabul edilen cevabı okuduktan sonra, PS'yi hendeklemeye ve CSS radyal gradyanı ( colorzilla.com/gradient-editor ) kullanarak programlı olarak gradyanı oluşturmaya karar verdim . Ne yazık ki, CSS hiç yardımcı olmadı ve gradyan güçlü bir şekilde bantlanmaya devam ediyor.
Kayıtlı Kullanıcı

Alfa kanalını gerçekte Photoshop'ta kendiniz oluşturabilirsiniz, böylece alfa alterin (el ile). CSS olsa iyi bir çözümdür. Bir dizüstü bilgisayar kullanıyorsanız, ekranınızda bant görebileceğinizi, ancak diğerlerinin yumuşak bir degrade görebileceğini unutmayın. Tarayıcı oluşturma işlemi de bir faktör olacaktır.
Marc Edwards,

5

Marc Edwards , "Photoshop alfa kanalında titremiyor ve yok olamaz" yazıyor . Öyleyse, beyazdan siyaha kadar farklı bir degrade oluşturarak ve sonra da beyazı saydamlaştırarak sahte olabilirsiniz. Ne yazık ki, Photoshop kullandığımdan bu yana bir süre geçti, ancak genel fikir şöyle olurdu:

  1. Siyahtan beyaza 16 bitlik bir degrade oluşturun.
  2. 8-bit'e düşürün.
  3. Düz siyah bir katman oluşturun ve buna bir katman maskesi ekleyin.
  4. Renk geçişi gradyanını katman maskesine kopyalayın (ve gerekirse ters çevirin).
  5. Katman maskesini, siyahtan saydamlığa güzel bir renk tonu elde etmek için uygulayın.

(Evet, bunun bir cevaptan çok bir yorum olduğunu biliyorum ama yorum kutusuna sığması çok uzun sürdü.)


Evet, bir kanalda kesinlikle siyah beyaz bir degrade kullanabilir, sonra bunu bir seçim olarak yükleyebilir, sonra yeni bir katman oluşturabilir, sonra seçimi doldurabilirsiniz. Sonlandırılmış alfa ile bir degrade ile sona erecek. Ayrıca, cevabımı düzenleyeceğim ... 16bit modu biraz garip. Degradeler için her zaman daha iyi kalite değildir.
Marc Edwards,

Cevap için teşekkürler. Gradyan probleminin gerçekten PS nedeniyle olmadığı ortaya çıktı, çünkü: 1) Görüntü iPad3'te iyi görünüyor. 2) CSS gradyanı, monitörde de bantlanmış görünüyor.
Kayıtlı Kullanıcı

CSS degradeleri çoğu tarayıcıda paylaşılmamıştır. Acı ama gerçek.
aaaidan

4

Benzer bir problemi Illustrator'da da buldum (gradyanlar için "taklidi" seçeneği bile yok). Biraz çılgınca geliyor, ama dolambaçlı dolambaçları doğru paramlarla yaklaştırabilen bir "cam" filtre uygulayarak geçiyorum.

Kullanırım:

  • Distorsiyon: 2 (bu, bantlarınızın boyutuna bağlıdır).
  • Pürüzsüzlük: 1
  • Doku: Buzlu (en gürültülü yerleşik doku)
  • Ölçeklendirme:% 50

Illustrator uygulamasında, nesnenizin kenarlarında, kırpma maskesi kullanarak düzeltebileceğiniz beyaz lekeler ortaya çıkar.

Sonuçlar? Sağda "Dithered" olanı. Biraz gürültülü bir doku ekliyor, ancak çoğu zaman gruplardan daha iyi olduğunu düşünüyorum.

Bantlı degrade dithered


3

Degradeleri oluştururken çok temel bir fark, (Katman> Yeni Dolgu Katmanı> Degrade) seçeneğinde yerleşik olan ve ayarlanabilir kalan bir renk taklidi seçeneğine sahip Degrade Katmanı'nı kullanmaktır . Bundan sonra akıllı katmana dönüştürebilir ve daha fazla iyileştirmek için ihtiyaç duyduğunuz efektleri ekleyebilirsiniz, ancak bu size daha iyi bir başlangıç ​​noktası verir.


Degrade katmanları için dither seçeneği yalnızca kırmızı, yeşil ve mavi kanalları alçaltıyor, alfa değil (ne yazık ki).
Marc Edwards

2
Bunu bilmiyordum. Şeffaflık, katman maskesiyle de sağlanabilir. Peki, siyah-beyaz degradeyi oluşturup katman maskesi olarak kullanmaya ne dersiniz?
KMSTR

2

görüntü tanımını buraya girin

Bunlar dither'i gösteren üç örnektir. Alttaki küme, dithering'in etkilerini vurgulamak için ayarlanan düzeylerle ayarlanmıştır.

görüntü tanımını buraya girin

Soldan sağa, ilk önce en gözle görülür şekilde bantlanmıştır; dither yok. İkincisi, dither ile aynı gradyandır; çok daha iyi. Ve üçüncüsü, sağdaki dither dither'a sahip ve ben de dither'i arttırmak için bir kat kat gürültü ekledim. Ek gürültüyü neden eklediğinize ilişkin yorumu görün. Saydamlık / alfa kanalının nasıl yok edileceğini görmek için "ek notlar" bölümüne bakın.

yorum

Minimal renk değişimli büyük gradient renderler yaptım ve bantlama, ilk örnekte olduğu gibi, renk taklidi olmadan çok görülebilirdi. Sonra dither hakkında bir şeyler öğrendim ve bu, işleri çok geliştirdi, bu ikinci örnek. Ancak, büyük bir görüntü oluşturmada (burada daha az görünür halde) hala bazı bantlamalar vardı. Daha agresif bir taklidine ihtiyacım vardı. Ben degrade katmanını kopyaladım, rasterleştirdim ve ufak bir miktar (% 0.1) homojen monokrom gürültü ekledim. Bu, büyük ölçekli görüntüyü önemli ölçüde geliştirdi. Bu üçüncü örnek. Ek gürültüden (esas olarak dither olan) iyileşme, bu örnekte olduğu gibi küçük bir ölçekte daha az görülüyor, ancak üzerinde çalıştığım gibi büyük bir render için çok önemliydi.

* Gürültü için ayrı bir katman oluşturdum çünkü bu sayede gürültüyü yeni katmanın opaklığı ile kontrol edebiliyordum.

Ek Notlar

  • Sadece gerçek görüntüden bahsettim. Şeylerin donanım ve sürücü tarafı da etkili olabilir; başka bir cihaz da farklı şeyler gösterebilir. Diğer cevaplar bu durumu oldukça iyi örtüyor.

  • Photoshop alfa kanalını dither değil. Saydamlıkta titreme yapmanız gerekiyorsa, alfa kanalını manuel olarak dither etmeniz gerekir. Saydamlık oluşturmak için bir maske katmanı kullanırdım, bu yüzden bu maske katmanını sadece bir başka sahtekarlık meselesi olacaktı. Ve katman maskeleriyle çalışırken katman maskesini görüntülemek için ALT+ işaretini unutmayın left click.


2

Konuyla ilgili çok yararlı makale: http://nomorebanding.com/cache

İşte özü:

Fikir, 16-bit modunda degrade oluşturmak ve daha sonra el ile dithering (özel dithering katmanını kullanarak) prosedürünü izleyerek 8-bit modunda dönüştürmektir. İşte prosedür:

1. Varsayılan dithering'i kapatın (Düzenle> Renk Ayarları Dithering Kullan'ın işaretini kaldırın), çünkü biz kendi dithering "motorunu" yapacağız

2.Yeni bir katman oluşturun (en üstte olmalıdır).

3. Katı% 50 gri ile doldurun.

4. Filtre> Gürültü> Gürültü Ekle. (Miktar% 25, ​​Dağıtım Düzgün, Tek Renkli işaretli)

  1. Gürültü filtresini aynı katman üzerinde tekrarlamak için Ctrl + F tuşlarına basın.

6. Katmanı Doğrusal Işık olarak ayarlayın.

7. Katmanlar paletinde, Opaklığı% 1, Opaklığı% 19 olarak doldurun.

Önemli: 16 bit modundayken görüntüyü (gürültü katmanı dahil) düzleştirmeniz ve yalnızca dışa aktarma için 8 bit moduna dönüştürmeniz gerekir. Bunu tersi şekilde yaparsanız, önce 16 bitlik bilgilerin tümünü kaybedersiniz ve daha sonra gürültü katmanı tam olarak 8 bitte hiçbir şey yapmaz. Ayrıca, Photoshop'un Her İkisini Kullan ayarına dikkat edin. Katmanı veya yerel renk taklidi yöntemini kullanabilirsiniz, ancak her ikisini de dönüştürme sırasında kullanmayın, ihtiyacınız olan gürültünün iki katı olur.

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.