Görüntüyü maskeye dönüştür


9

Bazı gölgeler ile yeşil bir arka plan resmim var. Bir maske olarak kullanmak istiyorum, böylece herhangi bir renkle (örneğin kırmızı veya pembe) arka plana yerleştirebilir ve aynı gölgeleri elde edebilirim.

Gri tonlamaya dönüştürmeyi ve opaklığı% 20'ye değiştirmeyi denedim, ancak bu çok daha karanlık bir görüntü ile sonuçlandı.

Bunu, yöneticinin şablon rengini ayarlayabileceği bir web sayfasında kullanıyorum. Sonra CSS'de böyle bir şey kullanıyorum:

background: #557d0d url("img/background.png") center center;

resim açıklamasını buraya girin

Ubuntu'da Gimp 2.8.6'yı kullanma.


hue-rotateRengi değiştirmek için bir CSS3 filtresinin bir seçenek olmadığını varsayarsak ? Bkz. Stackoverflow.com/questions/17721960/… veya stackoverflow.com/questions/12546499/…
Takkat

Yanıtlar:


5

Görüntüyü ile desaturate edebilirsiniz Colors > Desaturate.... Ardından, Colors > Color to Alpha...daha koyu hale getiren griyi ( #808080) ortadan kaldırmak için kullanın .

Opaklığı% 40 olarak ayarlayın ve yapmanız gerekir.

Oluşturduğum bir web sitesi ile küçük bir test yaptım: resim açıklamasını buraya girin


3

Düz renk arka planı üzerinde yalnızca maskelenmiş gri tonlamalı bir katman kullanarak görüntüyü tam olarak çoğaltamazsınız, çünkü yeşil rengin tonu dikey gradyan boyunca da değişir.

Damlalık aracıyla görüntünün ortasından orta yeşil tonlardan birini seçerek, doygunluğunu ve değerini en üst düzeye çıkararak ve Katman → Saydamlık → Renkten Alfa'ya ... aracını kullanarak bu rengi saydamlaştırarak oldukça yaklaşabilirsiniz . Ancak, bu, katmanınızı istemeyebileceğiniz üst ve alt kısımda renk tonları ile bırakacaktır.

Daha iyi bir çözüm , görüntüyü renk tonu, doygunluk ve değere (HSV) ayırmak, renk tonu kanalını atmak ve doygunluğu ve değer kanallarını, doygunluğu çoğaltmak için herhangi bir saf doygun rengin üzerine yerleştirilebilen gri tonlamalı bir maskeye yeniden yapılandırmak ve orijinal görüntünün yeni tonla değeri.

Bunu yapmanın bir yolu:

  1. HSV modunu kullanarak görüntüyü katmanlara ayırmak için Renkler → Bileşenler → Ayrıştır ... aracını kullanın.

  2. Renk tonu katmanını silin. Biz kullanmayacağız.

  3. Doygunluk katmanını seçin, Katman → Maske → Katman Maskesi Ekle ... iletişim kutusunu açın, "Katmanın gri tonlamalı kopyası" modunu seçin ve "Maskeyi ters çevir" onay kutusunu işaretleyin.

  4. Değer katmanı için de 3. adımı tekrarlayın.

  5. Kova doldurma aracını ("Tüm seçimi doldur" modunda), değer katmanını ( maskesini değil !) Tamamen siyahla, doygunluk katmanını da beyazla doldurun .

  6. Değer katmanını yığındaki doygunluk katmanının üzerine taşıyın.

  7. İsteğe bağlı olarak, katmanları Görüntü → Görünür Katmanları Birleştir ... veya Katmanlar → Birleştir ile birleştirin .

Ortaya çıkan yarı saydam gri tonlamalı görüntü şöyle görünmelidir:

Yarı saydam PNG resmi
Tam boyutta indirmek / görüntülemek için tıklayın.

Hile, 3-5 adımlarından sonra:

  • "doygunluk" katmanı, orijinal rengin% 0 doygun olduğu saf beyaz ve% 100 doygun olduğu yerde şeffaf olacak ve
  • "değer" katmanı, orijinal rengin% 0 değerine sahip olduğu saf siyah ve% 100 değerine sahip olduğu yerde saydam olacaktır.

Bu iki katmanı (veya birleştirilmiş kombinasyonlarını) saf doygun renk arka planına yerleştirmek, daha sonra bir HSV rengini RGB'ye dönüştürme işlemini çoğaltır: doğru tonun saf doygun rengiyle başlarsınız, istenen rengi elde etmek için yeterli beyazla karıştırılır Doygunluğu artırın ve ardından istenen değeri elde etmek için yeterince siyahla karıştırın.

Elde edilen görüntü çeşitli renkli arka planlarda şöyle görünür:

Yeşil arka plan (# 83ff00) Mavi arka plan (# 00aeff) Turuncu arka plan (# ffa200) Kırmızı bir arka plan (# ff002a)
Renkler: yeşil ( #83ff00), mavi ( #00aeff), turuncu ( #ffa200), kırmızı ( #ff002a).


2

Gimp'te alfaya renk kullanarak photoshop cevabı ile aynı şeyi yapabilirsiniz . Hala desaturating ve sonra birden fazla renk varsa beyaz alfa ayarla tavsiye ederim. Bazı mavi / sarı varyasyonlar var gibi görünüyor. Anahtar adımlar:

  1. gri tonlamalı bir görüntünüz olması için desaturate image
  2. beyazı (renk seçicide beyaz için #FFFFFF girebilirsiniz) alfa'ya ayarlayın
  3. saydamlığı korumak için png olarak kaydet

Desaturasyon yerine gri skalaya dönüştürmenin alfa kanalı olmayan bir görüntüye neden olabileceğini ve bunu katmanlar iletişim kutusunu kullanarak geri ekleyebileceğinizi unutmayın . Açtığınız orijinal dosyanın alfa kanalı yoksa bunu da yapmanız gerekebilir.
hurtstotouchfire

1
  • Kanallar Panelini açın.

resim açıklamasını buraya girin

  • Hangi kanalın aradığınız kontrast derecesini vereceğine karar verin.

Yöntem 1:

  • Image > CalculationsKaynak 1 olarak seçtiğiniz kanalı, Kaynak 2 ile aynı kanalı veya "Gri" ve Karışım Modu ile "Normal" seçeneğini seçin ve kullanın. Hedef olarak "Yeni Belge" yi seçin.

resim açıklamasını buraya girin

  • Yeni belgenin Modunu RGB veya Gri Tonlama olarak değiştirin ve png veya jpeg Olarak Kaydet.

Yöntem 2:

  • Seçtiğiniz kanalın küçük resmini Ctl / Cmd tuşuyla tıklayın.

  • Edit > Copy veya Ctl / Cmd-C

  • File > New, boyutları kabul edin Edit > Pasteveya Ctl / Cmd-V

  • Arka plan katmanını silin.

  • Image > Mode > RGB

  • Şeffaflık ile 24 bit png olarak kaydedin.

Elde edilen görüntülerden birini yer paylaşımı veya gerektiğinde Alfa kanalı olarak kullanabilirsiniz.


Bu Photoshop gibi görünüyor, OP bir GIMP çözümü istedi.
kelunik

-2

Katmana çift tıklayın, bir Katman stili kutusu görünecektir, sol tarafta Degrade Yerleşimi bulup seçin ve Degradenin rengini ihtiyacınıza göre değiştirin ve Tamam'a tıklayın ve ardından Degrade kaplama kutusunda stili lineer olarak değiştirin ve açı ve ölçeğe göre değiştirin ihtiyacın.


Şirket bağlantınızı ikinci kez eklediğinizde. Bu spam kokmuyor, spam!
Mensch
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.