Konwertuj obraz na maskę


9

Mam zielone tło z pewnymi cieniami. Chciałbym użyć go jako maski, aby umieścić go na tle w dowolnym kolorze (np. Czerwonym lub różowym) i uzyskać ten sam styl cieni.

Próbowałem przekonwertować go na skalę szarości i zmienić krycie na 20%, ale spowodowało to znacznie ciemniejszy obraz.

Używam tego na stronie internetowej, na której administrator może ustawić kolor szablonu. Następnie używam czegoś takiego w CSS:

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

wprowadź opis zdjęcia tutaj

Korzystanie z Gimp 2.8.6 na Ubuntu.


Zakładając, że hue-rotatefiltr CSS3 do zmiany koloru nie jest opcją? Zobacz stackoverflow.com/questions/17721960/… lub stackoverflow.com/questions/12546499/…
Takkat

Odpowiedzi:


5

Możesz desaturować obraz za pomocą Colors > Desaturate.... Następnie użyj, Colors > Color to Alpha...aby wyeliminować szarość, która czyni ją ciemniejszą ( #808080).

Ustaw krycie na 40% i powinno wystarczyć.

Właśnie zrobiłem mały test z utworzoną przeze mnie witryną: wprowadź opis zdjęcia tutaj


3

Nie można dokładnie odtworzyć obrazu przy użyciu tylko zamaskowanej warstwy skali szarości na jednolitym tle koloru, ponieważ odcień koloru zielonego zmienia się również wzdłuż pionowego gradientu.

Można dostać całkiem blisko tylko przez wybranie jednej z Trawiasty odcieniach od środka obrazu za pomocą narzędzia Kroplomierz, maksymalizując jego nasycenie i wartość i obracając ten kolor przezroczysty stosując warstwę → Transparency → Kolor do Alfy ... narzędzia. Spowodowałoby to jednak pozostawienie warstwy z rzutami kolorów na górze i na dole, czego możesz nie chcieć.

Lepszym rozwiązaniem może być rozkład obrazu na odcień, nasycenie i wartość (HSV), odrzucenie kanału odcienia i zrekonstruowanie kanałów nasycenia i wartości na masce w skali szarości, którą można nałożyć na dowolny czysty nasycony kolor w celu odtworzenia nasycenia i wartość oryginalnego obrazu z nowym odcieniem.

Jednym ze sposobów na to byłoby:

  1. Użyj narzędzia Kolory → Komponenty → Dekompozycja ... , aby rozłożyć obraz na warstwy za pomocą trybu HSV.

  2. Usuń warstwę odcienia. Nie będziemy go używać.

  3. Wybierz warstwę nasycenia, otwórz okno dialogowe Warstwa → Maska → Dodaj maskę warstwy ... , zaznacz tryb „Kopia szarości warstwy” i zaznacz pole wyboru „Odwróć maskę”.

  4. Powtórz krok 3 również dla warstwy wartości.

  5. Za pomocą narzędzia wypełniania wiadra (w trybie „Wypełnij cały wybór”) wypełnij warstwę wartości ( nie jej maskę!) Całą czernią, a warstwę nasycenia całą bielą.

  6. Przenieś warstwę wartości nad warstwę nasycenia na stosie.

  7. Opcjonalnie scal warstwy razem za pomocą opcji Obraz → Scal widoczne warstwy ... lub za pomocą opcji Warstwy → Scal w dół .

Powstały półprzezroczysty obraz w skali szarości powinien wyglądać następująco:

Półprzezroczysty obraz PNG
Kliknij, aby pobrać / wyświetlić w pełnym rozmiarze.

Sztuka polega na tym, że po krokach 3–5:

  • warstwa „nasycenia” będzie czysta biel, gdzie pierwotny kolor był nasycony w 0%, i przezroczysta, gdy był w 100% nasycony, oraz
  • warstwa „wartości” będzie czysta czarna, gdy pierwotny kolor miał wartość 0%, i przezroczysta, gdy będzie miała wartość 100%.

Umieszczenie tych dwóch warstw (lub ich połączonej kombinacji) na czystym nasyconym tle koloru następnie powiela proces konwersji koloru HSV na RGB: zaczynasz od czystego nasyconego koloru o właściwym odcieniu, mieszając wystarczająco dużo bieli, aby uzyskać pożądany nasycenie, a następnie zmieszaj tyle czerni, aby uzyskać żądaną wartość.

Oto, jak wygląda obraz wynikowy na różnych kolorowych tłach:

Zielone tło (# 83ff00) Niebieskie tło (# 00aeff) Pomarańczowe tło (# ffa200) Czerwone tło (# ff002a)
Kolory: zielony ( #83ff00), niebieski ( #00aeff), pomarańczowy ( #ffa200), czerwony ( #ff002a).


2

W Gimpie możesz zrobić zasadniczo to samo, co odpowiedź w Photoshopie, używając koloru do alfy . Polecam nadal desaturację, a następnie ustawienie bieli na alfa w przypadku, gdy masz więcej niż jeden kolor. Wygląda na to, że istnieje pewna wariacja niebiesko-żółta. Kluczowe kroki to:

  1. zdejmij obraz , aby uzyskać obraz w skali szarości
  2. ustaw kolor biały (możesz wprowadzić #FFFFFF dla koloru białego w próbniku kolorów) na alfa
  3. zapisz jako png, aby zachować przejrzystość

Zauważ, że konwersja do skali szarości w przeciwieństwie do desaturacji może skutkować obrazem bez kanału alfa i możesz dodać to ponownie za pomocą okna dialogowego warstw . Być może trzeba to zrobić, jeśli otwarty plik oryginalny nie ma kanału alfa.
hurtstotouchfire

1
  • Otwórz panel kanałów.

wprowadź opis zdjęcia tutaj

  • Zdecyduj, który kanał da Ci pożądany kontrast.

Metoda 1:

  • Wybierz Image > Calculationskanał, który wybrałeś jako Źródło 1, ten sam kanał lub „Szary” jak Źródło 2 i „Normalny” jako Tryb mieszania. Wybierz „Nowy dokument” jako miejsce docelowe.

wprowadź opis zdjęcia tutaj

  • Zmień tryb nowego dokumentu na RGB lub Skala szarości i zapisz jako png lub jpeg.

Metoda 2:

  • Ctl / Cmd-kliknij miniaturę wybranego kanału.

  • Edit > Copy lub Ctl / Cmd-C

  • File > New, zaakceptuj wymiary Edit > Pastelub Ctl / Cmd-V

  • Usuń warstwę tła.

  • Image > Mode > RGB

  • Zapisz jako plik 24-bitowy z przezroczystością.

Możesz użyć dowolnego z powstałych obrazów jako nakładki lub jako kanału alfa, gdy jest to wymagane.


Wygląda na to, że to Photoshop, OP poprosił o rozwiązanie GIMP.
kelunik

-2

Kliknij dwukrotnie Warstwę, pojawi się pole stylu Warstwy, po lewej stronie znajdź i wybierz Nakładkę Gradientu i zmień kolor Gradientu zgodnie z potrzebami i kliknij OK, a następnie w Oknie nakładki Gradientu zmień styl na liniowy i zmień kąt i skalę zgodnie z Twoja potrzeba.


Drugi raz dodałeś link do swojej firmy. To nie pachnie spamem, to jest spam!
Mensch
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.