Jak pokolorować obraz jak w przykładzie?


16

Widziałem taki efekt w wielu miejscach, ale nie zastanawiałem się, jak go odtworzyć za pomocą Photoshopa.

Próbowałem desaturować obraz, umieszczając go pod warstwą jednolitego koloru, a następnie zmniejszając krycie koloru. Próbowałem też kilku trybów mieszania, ale bezskutecznie. Efekt nie jest prawie taki sam.

Czy ktoś może mi powiedzieć, jaki efekt zastosowano na tych obrazach?

To zrzut ekranu z kilku stron internetowych

Odpowiedzi:


24

Jest to najprawdopodobniej a Gradient Map. Oto krótkie instrukcje:

  1. Otwórz obraz źródłowy
  2. Ustaw kolor pierwszego planu i tła w przyborniku: kolor tła powinien być jaśniejszy niż kolor pierwszego planu
  3. Dodać Gradient Mapwarstwę regulacyjną ( Layer> New Adjustment Layer> Gradient Map..., lub czarny / biały okrąg ikonę na Layerspalecie)

Spowoduje to, że obraz będzie wyglądał jak kolory w gradiencie dwóch wybranych kolorów, z kolorem tła pasującym do najjaśniejszych części obrazu, a pierwszy plan najciemniejszym.

przykład mapy gradientowej

Jeśli wynik nie jest zadowalający, otwórz Propertiespaletę ( Window> Properties), pokaże użyty gradient i pozwoli ci go edytować, klikając go. Ponieważ jest to standardowe okno dialogowe gradientu, możesz nawet wybrać gradient podstawowy lub taki, który wcześniej zapisałeś.


Naprawdę podoba mi się ten sposób osiągnięcia tego efektu. Prawdopodobnie zastosowałbym metodę z większą ilością kroków. Jest to o wiele bardziej wydajne.
GoofyMonkey

Tak, w ten sposób. Ale osobiście uzyskaj potrzebny wynik za pomocą pokrętła przezroczystości szybciej niż grając kolorem drugiego gradientu. Chyba to uzależnienie.
Vnovak

12
  • Wybierz ładny obraz

wprowadź opis zdjęcia tutaj

  • Pokoloruj obraz dowolnym kolorem dzięki opcjom mieszania kolorów

wprowadź opis zdjęcia tutaj

  • Wycisz go nad kolorową warstwą dzięki opcji przezroczystości i normalnego mieszania.

wprowadź opis zdjęcia tutaj

  • Lub z opcjami wielokrotnego mieszania.

wprowadź opis zdjęcia tutaj


Człowieku, to dużo pierwszych kroków. Od czego zacząć… od czego zacząć. :)
GoofyMonkey

:)) Naprawdę nie chciałem, żeby użytkownik3134178 zgubił się w pierwszym kroku ..
Vnovak

1
przepraszam za zabicie żartu. etap zejścia w lewo
Vincent

@Bakabaka: Ahhh… :(
GoofyMonkey

1
@Bakabaka: Dokonałem edycji, aby pokazać, jak poprawnie wykonać numerację, ale zapomnij, że nie mam wystarczającej reputacji (=> brak), więc edycja znalazła się w kolejce recenzji, nie jestem pewien, czy wyjdzie.
David Mulder

9

Sugeruję użycie trybu mieszania Multiply z obrazem przed warstwą kolorów. (Technicznie rzecz biorąc, w przypadku Mnożenia kolejność warstw nie ma znaczenia, ale umieszczenie warstwy obrazu z przodu pozwala dostosować jej krycie zamiast konieczności bezpośredniego dostosowywania poziomów kolorów.)

Oto na przykład moja szybka próba odtworzenia obrazu z Nowego Jorku. Nie mam Photoshopa, więc używam GIMP, ale kroki powinny być w zasadzie takie same w każdym programie:

  1. Zacznij od odpowiedniego zdjęcia. W tym przykładzie używam tej swobodnie licencjonowanej panoramy Manhattanu (CC-By-SA 2.5) autorstwa AngMoKio z Wikimedia Commons :

    Krok 1: Oryginalne zdjęcie panoramiczne Manhattanu

  2. Pierwszym krokiem w tym procesie jest konwersja obrazu do skali szarości. Aby uzyskać maksymalną kontrolę nad wynikami, możesz użyć Miksera kanałów. Na przykład tutaj wziąłem głównie czerwony kanał i trochę niebieski, z zielonym kanałem najczęściej ignorowanym:

    Krok 2: Konwertuj na skalę szarości za pomocą miksera kanałów

  3. Teraz utwórz warstwę jednolitego koloru (użyłem RGB #01baff= HSV (196, 100, 100)), przenieś ją poniżej warstwy obrazu w skali szarości i ustaw tryb mieszania warstwy obrazu na Mnożenie. Wynik powinien wyglądać mniej więcej tak:

    Krok 3: Dodaj jednolitą niebieską warstwę pod spodem i ustaw tryb mieszania górnej warstwy na pomnożenie

  4. Mamy już ładny efekt Duotone, ale jest o wiele za dużo kontrastu na to, czego chcemy. Aby to naprawić, po prostu zmniejsz krycie warstwy obrazu do powiedzmy 25%:

    Krok 4: Zmniejsz krycie górnej warstwy

  5. To już dość blisko tego, czego chcemy. Aby jeszcze bardziej go ulepszyć, dostosowałem krzywą kolorów warstwy obrazu w skali szarości (pociągając półcienie, aby zwiększyć kontrast w cieniach i dodając ładną gładką krzywą u góry, aby wygładzić rozjaśnienia), zmniejszyłem krycie do 20% aby to zrekompensować, i dodał dodatkową czarną warstwę z 7% kryciem, aby nieco przyciemnić (teraz nieco zbyt jasne) tło:

    Krok 5a: Regulacja krzywej kolorów Krok 5b: Dodatkowe warstwy

    Oto wynik końcowy:

    Krok 5: Wynik końcowy

    (Można się spierać, czy poprawki w ostatnim kroku rzeczywiście poprawiły wynik, czy nie, ale i tak je uwzględniłem, aby pokazać, że możesz dostosować kontrast i lekkość w ten sposób.)


0
  1. Użyj opcji Obraz> Dopasowania> Barwa i nasycenie ... Nasyc obraz, przesuwając suwak Nasycenie do końca w lewo. To usuwa kolor.

  2. W panelu warstw kliknij małą ikonę „FX” u dołu panelu warstw i wybierz opcję Nakładka koloru. W wyświetlonym oknie dialogowym Efekt kliknij pole koloru (zwykle jest to domyślnie czerwony), aby wyświetlić próbnik kolorów i wybrać kolor, którego chcesz użyć.

  3. Przesuń suwak krycia w dół do 50% lub dowolne ustawienie daje pożądany efekt.

  4. Jeśli desaturacja powoduje, że obraz jest bardzo szary, możesz użyć opcji Obraz> Dopasowania> Automatyczne poziomy lub dostosować go ręcznie za pomocą Poziomów, aby dostosować suwaki do informacji na histogramie.

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.