Photoshop'ta değerleri / parlaklığı korurken dört renge dönüştürün


9

Düz görüntümdeki ton sayısını tam aralıktan sadece dörde düşürmek istiyorum, ancak değeri / parlaklığı (ve mümkünse doygunluğu da) korumak istiyorum . Dört renk tonu istiyorum çünkü sanırım havalı görünecek.

Bir renk tonu ayarlama katmanı kullanmayı denedim, ancak kullandığımda, yalnızca dönüşüm sırasında aralığı değiştirdi, böylece bir aralık birçok renkle başka bir aralığa dönüştürüldü. Değer / parlaklığı korurken belirli bir aralığı aynı tona dönüştürülmek için kaydırmak istiyorum (ve belki de yapılabilirse doygunluk).

Photoshop CS5 kullanıyorum

Kullanmak istediğim dört HSB / HSV renk tonu değeri:

  1. 333
  2. 58
  3. 193
  4. 242

Tonları dönüştürmek istiyorum:

Hedef HSV Değerleri

Not: Bu soruyu ilk yayınladığımdan beri değiştirdim. Başlangıçta, yanıtlayanlardan görüntüyü dört RGB değerine düşürürken aynı anda kaynak görüntüdeki renk tonlarını / değerleri koruduğunu sordum . Bununla birlikte, RGB değerleri renk tonları / parlaklık VE tonlar içerdiğinden bu imkansız bir görevdir; RGB renk tonu ve renk tonu ayrılmaz bir şekilde bağlantılıdır.

Neyse ki @Wolff, kötü ifadelerime rağmen ne demek istediğimi anlayabildi ve @Danielillo, @Ryan ve @Emilie ile birlikte, gerçekten istediğim şeyin dört RGB'yi değil dört tonu hedeflemek olduğunu anlamama yardımcı oldu. değerler. Daha sonra RGB değerlerimde (HSB / HSV'de) bulunan dört tonu belirledi. Bu HSB / HSV değerleri artık yanıt verenlerden görüntü dönüştürmede (RGB değil) hedeflemelerini istediğim değerler.

Ayrıca, @Wolff tarafından belirtildiği gibi, yazımın ilk sürümünde, tam HSB spektrumunun nasıl dönüştürüleceğini belirtmedim (macenta benzeri aralıklara sahip değildim). Güncellenmiş soru, daha önce atlanan aralığı da içerir.

Karışıklığın kökenini anlamak isteyenler için (alternatif cevaplar veren bazı kullanıcılar tarafından doğru bir şekilde ifade edilir), gönderdiğim orijinal 4 RGB değerleri bunlardı:

resim açıklamasını buraya girin

Açıklama güncellemesi: Lütfen niyetimin yalnızca ekran için olduğunu, yazdırma için olmadığını unutmayın. Bu dört renk tonuna dayanan bir site inşa ettim ve resimlerin hepsinin renklerle eşleşmesi için çarpık olmasının kaygan olacağını düşündüm. Aynı zamanda, daraltılmış dört renk aralığının her birinde, orijinal değer / parlaklık tarafından kodlanan dinamikleri mümkün olduğunca korumak istedim. Umarım bu yardımcı olur. Baskı cevapları için puanlar benim tarafımdan verilmeyecektir, orijinal poster, ancak baskı çözümü için herhangi bir açıklama büyük olasılıkla topluluk tarafından takdir edilecektir. @ Soruya ödül veren Emilie, istediği kişiyi ödüllendirebilir.

@Emilie'ye ödülünü verdiği için teşekkürler! Gerçekten hiç kimsenin daha önce cevap veremediği anlaşıldı.


sadece bir tahmin, ama siyah-beyaz bir ayarlama katmanı ve degrade haritasının birleşimi?
Vincent

@ Vincent işe yaramaz inanmıyorum. Aslında herhangi bir cevabın işe yarayacağını sanmıyorum. Kusurlu bir kavram.
Ryan

Tamam .. özel olarak spot kanallara ihtiyacınız yok. Sadece katmanları maskeleyebilir ve aşırı bir renk uygulayabilirsiniz ... Karışım modunu "Ton" veya "renk" e gönderirseniz renk tonlarına saygı duyulur.
Scott

Renklendirme kolaydır (degrade haritaları kullanırdım). Ton aralıklarını otomatik olarak seçmek ve maskeleri oluşturmak daha zor olan kısımdır. Bunun için henüz bir çözüm düşünmedim.
Marc Edwards

1
@Emilie, Ödülün istediği tüm nişanları görmek benim günüm oldu! Ayrıca (daha önce hayal edebileceğim) sonuçları görüyorum! "Yanlış" yanıtlar bile ilginçtir. Tekrar teşekkürler!!
CoderScissorhands

Yanıtlar:


6

Diğerlerinin de belirttiği gibi, bu sorunun mantığı biraz kusurlu, ancak yine de çok ilginç.

Cevabım çoğunlukla RGB / HSB matematiğine dayanıyor ve algılanan renk, renk profilleri vb. Söz konusu olduğunda birçok şüpheli yön olduğunu itiraf ediyorum, ama yine de deniyorum.


Soruyu cevaplayabilmek için biraz yeniden tanımlama özgürlüğünü alıyorum.

Her şeyden önce, bize gösterdiğin spektrum kırmızıdan maviye gidiyor. Eflatun eksik - spektrumun bu bölümünde renklerle ne yapmalı?

Bu yüzden spektrumunuzu her iki uçta macenta içerecek şekilde genişletiyorum.

Sahip olduğumuz bir diğer sorun, dört renk tonu listenizdir . Sadece tonlar değil , bireysel doygunluk ve parlaklık değerlerine sahip renklerdir . Onları spektrumla karşılaştırmamız çok mantıklı değil, bu yüzden hem doygunluğu hem de parlaklığı 100'e çevirerek "tonlara düşürmek" zorundayız.


Biz kullanacağız HSB / HSL Filtre bir alfa maske olarak bir görüntünün tonunu elde etmek için Photoshop (Adobe sitesinden dowloaded olmalıdır). Ardından , ton değerlerini istenen değerlerle eşleştirmek için Degrade Haritası'nı kullanacağız ve daha sonra HSB / HSL Filtresi'ni kullanarak görüntüyü tekrar RGB'ye dönüştüreceğiz.

Matematik biraz korkak çünkü ton aralığı 0-360 ( ve sarar), alfa aralığı 0-255 ve degrade durak aralığı 0-100.

İlk önce neler olup bittiğine dair bir fikir edinmek için bir tablo yapacağım. Tüm sayılara ihtiyacımız olmayabilir.

(Değerler yuvarlanır ve tonlar onları tam olarak nasıl tanımladığınız değildir, çünkü spektrumu genişlettim. Elbette farklı yerleştirilmiş olabilirler.)

Renkli bir görüntü alalım ve spektrumu referans olarak ekleyelim. (Resim Mike Goad'dan Pixabay'dan alınmıştır).

HSB / HSL Filtresini kullanmak bize aşağıdaki renk kanalını verir:

Ton kanalını, üzerinde Degrade Eşleme kullanabilmek için yeni bir gri tonlamalı belgeye (renk profilinin Gri Gama 2.2 olması gerekir ) kopyalarım . Degrade Haritası'nı şu şekilde ayarladım:

Degrade durakları ayarlamak biraz uğraşmayı gerektirir (çalışmak oldukça sinir bozucu). Değerleri daha önce yaptığım tablodan alıyorum. Toplamda 8 durak var, bazıları zor geçişler elde etmek için örtüşmeli:

Ortaya çıkan renk tonu kanalı şöyle görünür:

Sonunda bu renk kanalını eski HS kanalının yerini alarak ilk HSB görüntüsüne kopyalayıp HSB / HSL Filtresi kullanarak görüntüyü tekrar RGB'ye dönüştürüyorum.

Bunun istendiği gibi yaptığını düşünüyorum, ancak umduğunuz kadar havalı görünüp görünmediğinden emin değilim. Geçişler çok ani olsa da, elbette degrade haritasını değiştirerek yumuşatılabilir.


Düzenleme: Javascript yaklaşımı

İşte aynı kavramın Javascript sürümüne sahip bir JSFiddle. Ortaya çıkan sayfaya bir görüntü bırakın ve bu dört renge dönüştürülür. Sonucu özelleştirmek için "hueRanges" i değiştirin. Kodun ana kısmı açıklanmıştır.

Sonuç Photoshop yönteminden biraz farklıdır, ancak çok yakındır:

Photoshop filtrelerinin arkasındaki matematiği bilmediğim için neden bu farkın olduğunu söyleyemem.



Yorumlarda yayın göndermeyi durdurun. Sohbet odası oluşturuldu, oluşturulduktan sonra yapılan yorumlar artık kayboldu. Sohbet odasını kullanın.
Ryan

2

Bu, çoğaltılacak kusurlu bir kavramdır, çünkü bir rengin bittiği ve diğerinin başladığı tamamen anormaldir. Ayrıca renk tonunu korumaktan da bahsediyorsunuz, bu da onu daha da kafa karıştırıcı hale getiriyor.

Sonuç için deneyebilirsin dedi:

  1. LAB'ye dönüştür
  2. Katmanı çoğaltın ve 4 ile posterleştirin
  3. 4 rengin her biriyle 4 Düz Renk ayarlama katmanı oluşturun. Her birini Renk karışımı moduna değiştirin.
  4. Bu 4 rengi peşinden koştuğunuz kontrastlara azaltmak için Blend-If Options yazılımını kullanın.

İşte sonuçlar:

resim açıklamasını buraya girin


Cevabımın yaptığı gibi “renk tonlarını koruduğunuzu” sanmıyorum (bir şekilde), ama oldukça havalı görünüyor!
Wolff

@ LAB'deki dalga tonları L kanalına tamamen ayrılmıştır. Cevabım bu kanalı hiç düzenlemiyor, bu yüzden tonları / gölgeleri (aydınlatma) korumalı
Ryan

Ah, anlıyorum. Güzel.
Wolff

Cevabınızı takiben bu soruyu sordum çünkü LAB'nin beyaz / siyahı HSB'den daha düzgün bir şekilde ayıracak hiçbir şey bulamadım. Bu yüzden ödülü Wolff'un cevabına bağladım, ancak sadece kayıt için, aklım ikisi arasında gerçekten oluşmuyor!
meraklı

2

Soru son zamanlarda ortamdan daha iyi bir şekle getiriliyor. Şimdi açıkça önceden tanımlanabilir renk tonu ölçümü ve yeniden eşleme talep ediyor. Kabul edilen cevap Photoshop için bunu verir.

Sonraki ücretsiz kullanıcılar içindir.

Paint.NET, renk tonunu ve doygunluk aralığı eşlemelerini doğrudan yapan bir eklenti filtresine sahiptir. Bu görev, toplam 360 dereceyi dört ayrı renkle eşlemek için filtrenin dört kez uygulanmasını gerektirir. Sonuç, kabul edilen cevaptakiyle aynıdır. Filtre "Koşullu Ton / Doygunluk" şeklindedir. Evan'ın Efekt Paketinin bir parçası.

Filtre tamamen parlatılmamış. Tam olarak önceden tanımlanmış renk tonu değerleri giremedim. Aralık ayarları çok küçük sürgülerle yapılmalıdır, kesin sayısal giriş alanları yoktur. Wolff'un cevabında kullanılan aynı görüntüye sahip bir test:

resim açıklamasını buraya girin


Aynı sonucu aldığınızı görmek güzel. Yani OP'nin istediği şeyi yaparsanız böyle görünüyor. Bu sonuca hiç ihtiyacımız olacak mı? Çok emin değilim. Ama bu bir bulmaca çözüldü.
Wolff

@ Eşleme, değerleri görsel olarak ayarlayarak yapılırsa, yöntemin mutlaka yaratıcı araç olarak bir değeri olacaktır. Paint.NET filtresi bu görevi yerine getirir.
user287001

Teşekkürler! Photoshop tabanlı bir çözüm istesem de, açık kaynaklı bir seçeneğe sahip olmak güzel. Bunu bulduğun harika!
CoderScissorhands

1

1. RGB görüntüsünü HSB'ye dönüştürün

Kullanım Filtre> Diğer> HSB / HSL basıp Girdi modu: RGB ve Satır sırası: HSB. Bu, görüntünün çok garip görünmesini sağlar, ancak renk tonunu görüntü kanallarını kullanarak doygunluk ve parlaklıktan ayrı olarak değiştirmemizi sağlar.

2. Ton sayısını azaltın

Kırmızı kanal şimdi görüntüdeki tüm pikseller için tonları içerecektir. Bunları seçilen dört renk tonunuzla nicelemek istiyorsunuz. Bu en zor kısım. Bunu yapmanın bir yolu, kırmızı kanaldaki içeriği yeni bir görüntüye kopyalamak ve görüntü modunu Dizine Alınmış renge ayarlamak ve tonlarınızın karşılık gelen siyah beyaz değerlerle eşleştirildiği özel bir palet oluşturmaktır. Ardından bu resmi kırmızı kanala yapıştırın.

3. RGB'ye geri dönüştürün

Ton sayısını azalttığınızda, prosedürü tamamlamak için HSB / HSL filtresini tekrar ama ters giriş / satır sırası ayarıyla tekrar uygularsınız.


Benim "diğer" menümde bir seçenek olarak hsb / hsl yok. Bu CS5'in bir parçası mı?
CoderScissorhands

Ben burada buldum: supportdownloads.adobe.com/detail.jsp?ftpID=4688 , bu bir "ek eklenti" (kurulumunuzun photoshop'un kurulum eklenti klasörüne "İsteğe bağlı MultiPlugin.8BF" adlı dosyayı koymanız gerekir.
CoderScissorhands

İkinci adımın ortasına yaptım ve kırmızı kanala yeni bir görüntü verdim, görüntü modu indeksli renge ayarlandı. Şimdi, tonlarımın karşılık gelen siyah ve beyaz değerlerle eşleştirildiği özel bir paletin nasıl oluşturulacağını söyleyebilir misiniz? Eğer yürüyebiliyorsanız bana yürüyün ve işe yararsa size soruyu cevapladığınız için kredi verebilirim. :)
CoderScissorhands

0

Soru görüntünün amacını netleştirmiyor, bu cevap baskı amaçlı bir görüntü ( EPS DCS )

Bu durumda, görüntüyü siyah renge sahip olmadan sadece dört mürekkebe dönüştürmek, o görüntünün gölgelerinin en koyu renk, mavi olacağını varsayar.

  • 4 renk kanalının bulunduğu bir CMYK görüntüsünden başlayarak Görüntü > Mod menüsüne gidin ve Çok Kanallı'yı seçin
  • Renk küçük resmine tıklayarak her kanal rengini düzenleyin ve RGB numaralarını ekleyin
  • Mavi renk için Siyah kanalı değiştirin

resim açıklamasını buraya girin

resim açıklamasını buraya girin

Yorumlardan sonra ekleyin ve sohbet edin

Bana göre sorunun en uygun sonucu bulmayı zorlaştıran bir kavram sorunu var. Sanırım OP bir RGB görüntüsü soruyor ama bir CMYK karışım sürecinde düşünüyor. Bu yüzden bir CMYK görüntüsü kullanıyorum, @Wolff bir RGB görüntüsü kullanarak cevap veriyor.

  • Kırmızının yeni RGB rengine değiştirilmesi kolaydır
  • Sorun sarı ile birlikte gelir, çünkü RGB görüntüsünde sarı yeşil ve kırmızı karışımıdır, bu nedenle kırmızı ve sarıyı iki farklı renk olarak ayırmak imkansız hale gelir. Spektral çubukta yeşiller ve sarılar sarı bir RGB olmalıdır, bu RGB görüntüsünden kurtulmak anlamına gelir. Bunu alabilmek için düz renkli bir baskı görüntüsüne (veya başka bir görüntü moduna) dönüştürülmesi gerekir.
  • Camgöbeği ile aynı sorun, yeşil ve mavi karışımı

resim açıklamasını buraya girin


2
Ödül avcısı :) Cevabınız sorunun tüm teknik meselelerini gerçekten ele almıyor. Ayrıca, baskı mürekkebi olarak dört RGB rengi kullanamayacağınız için elde edilen görüntü baskıya yönelik olamaz. Teknik olarak daha doğru bir cevap bulup bulamayacağımı göreceğim.
Wolff

Biliyorum, aslında sorunun bana bazı belirsiz sorunları var, bu yüzden baskı versiyonumu koydum . Dört RGB rengini baskı mürekkebi olarak kullanamazsınız , bu doğru, ancak çok renkli bir dokümanda RGB rengini kullanabilirsiniz.

Evet, ancak daha sonra dosyayla ne yapmalı? Hala sadece "ekran için". Yazdırabilmek için RGB'ye ve ardından CMYK'ya dönmeniz gerekir. Soru kusurlu. The Ink Spot'daki son yazımı görün. (Şu anda başka bir çözüm üzerinde çalışıyorum)
Wolff

Yazdırmak için RGB'ye ve ardından CMYK'ya dönmeniz gerekir , bu yanlıştır. Bir .dcs dosyası düz mürekkeplerin serigrafi olarak yazdırmaya hazırdır. Cevabımın başına geri dönüyorum: soru görüntünün amacını netleştirmiyor.

2
Anlayabildiğim kadarıyla, meyve standının @Wolff'un manipüle edilmiş fotoğrafının şekli, umduğum amaçlanan sonuca benziyor (sürümünüzle karşılaştırıldığında). Posterleşmeye benzeyen bir şey istiyorum, ancak renk tonları mümkün olduğunca korunmuş. Meyve standınızın versiyonunda kesinlikle hariç tutmak istediğim portakal ve kırmızılar var. Ödülünü ödüllendirmeden önce biraz bekleyeceğim, ancak şu ana kadar sorumu daha önce istediğim gibi anlamış görünüyor.
CoderScissorhands

-1

Birçok rengi 4'e dönüştürmüyor, ancak aynı renk tonuyla 4 renk elde ediyor mu? Renk seçicideki ilk rengi açın. Sol ve sağ renk tonunu değiştirir. Yukarı renk tonları, aşağı renk tonları yapar. Belirli bir mesafeden renginizden yukarı çıkın. Mesafeyi nasıl belirleyeceğimi bilmiyorum, elle ve gözle nasıl yaptığımı. Orijinal renginiz grafiğin yarısında ise, doğrudan üstünden% 25 (veya istediğiniz renk tonu) olan bir nokta seçin. Bu yeni rengin onaltılı değerini not edin. Sonraki üç renk için aynısını yapın, orijinal renkten aynı miktarda deneyin.

Alternatif olarak, 4 doygun renginizi bir araya getirin ve üzerlerine beyaz bir dikdörtgen çizin ve dikdörtgene şeffaflık / fark ve opaklık% 80 uygulayın. Özellikle doğru renk tonlarını elde etmek için diğer saydamları ve opaklığı denemeniz ya da dikdörtgene sadece opaklık uygulamanız, aynı renk tonunu elde etmek için renklerinize eşit olarak beyaz eklemeniz gerekebilir.


Oh, woops, bu Illustrator için. Arka plan beyazsa, opaklık PS'deki renklerinize renk tonu uygular.
Webster

Temel olarak tüm tonları dörde daraltmak ve renk tonlarını korumak istiyorum. bu mantıklı mı? Nihai sonucun orijinal görüntüde tüm renk tonlarını elde etmesini istiyorum. Ancak, tonları değiştirmek istiyorum ... onları tam spektrumdan dörde düşürmek ve bu değerlerin ton aralığının neresine düştüğüne bağlı olmasını istiyorum.
CoderScissorhands

-2

Düşünebileceğim birkaç yol var, ancak hiçbiri her durumda süper doğru ve kullanışlı değil.

  • Birinci seçenek, örnekleyici / renk seçici aracını kullanmaktır. Bunu seçin ve ardından üstteki 'örnek boyutu'nu görüntünün yaklaşık 1 / 4'ünü kaplayacak büyük bir değere ayarlayın. Bunu yaparak, örnekleyici, tek bir pikselin aksine, daha geniş bir alanda ortalama bir renk tonu alacaktır. Resminiz çok büyükse, önce küçültün.
  • İkinci seçenek, görüntüyü yalnızca birkaç piksel büyüklüğünde küçültmektir. Örneğin, sağladığınız görüntüyü kullanırsanız ve 4 renk istiyorsanız, görüntüyü 4 piksel yüksekliğe kadar ölçeklendirir. Bu şekilde, Photoshop ölçeklendirirken sizin için ortalama renkleri bulur. Not: İkinci seçenekle, görüntü enterpolasyonunun (Photoshop ayarlarında bulunabilir) 'en yakın komşu' olarak ayarlanmasına yardımcı olabilir.

Alternatif olarak, Adobe Illustrator uygulamasını kullanabilirsiniz.

Kullandığınız görüntüyü içe aktarın ve 'görüntü izleme'yi arayın. Görüntü izlemeyi ihtiyaçlarınıza en uygun ayara getirin. CS6'da en azından 3 veya 6 renk için ön ayarlar vardır, ancak görüntü izleme panelini açarsanız istediğiniz başka renk miktarını ayarlayabilirsiniz.


Görüntünün tamamını (her pikselde olduğu gibi) dönüştürmek istediğinden, onu küçültmek muhtemelen istediği şey değildir.
SitiSchu
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.