Bądź kreatywny dzięki mapom przemieszczeń w programie Photoshop

Spisie treści:

Anonim

Tworzenie wyglądu filmu noir z mapą przemieszczeń w programie Photoshop.

Co to jest mapa przemieszczenia?

Jeśli jesteś nowy w Photoshopie, samo wspomnienie o mapach przemieszczeń może być zniechęcające. Celem tego artykułu jest wprowadzenie do nich; poprowadzi Cię w łatwych do wykonania krokach, jak wygenerować proste mapy przemieszczenia w skali szarości z istniejącego obrazu i pokaże, jak efektywnie je wdrożyć za pomocą filtra przemieszczenia w programie Photoshop.

Mapa przemieszczeń to wersja w skali szarości tego samego obrazu, nad którym pracujesz, zapisana jako plik programu Photoshop (.PSD). Ta mapa przemieszczeń jest następnie używana do nakładania tekstury na płaską grafikę za pomocą Wypierać filtru i zniekształca grafikę, aby dopasować ją do kształtu mapy. Daje to płaskiej grafice lub obiektowi 2D bardziej realistyczny wygląd 3D. Być może widziałeś online obrazy, na których tekstura jest naniesiona na czyjąś twarz lub logo konturowane na teksturowanej powierzchni.

Dlaczego warto korzystać z map przemieszczenia?

Mapy przemieszczeń to świetny sposób na odwzorowanie tekstur na obiektach 2D, takich jak logo lub tekst, dodanie, nadanie głębi i perspektywie 3D. Mam nadzieję zilustrować, że mapy przemieszczeń nie są tak zniechęcające, jak mogą się wydawać, chociaż zdaję sobie sprawę, że ten artykuł może być bardziej odpowiedni dla średniozaawansowanych użytkowników Photoshopa niż zupełnych nowicjuszy.

Jak wdrożyć mapę przemieszczenia?

Po wygenerowaniu mapy przemieszczenia. Musisz użyć Wypierać filtr, aby zniekształcić obiekt 2D lub płaską grafikę na mapie. Plik Wypierać filtr jest dostępny w programie Photoshop od wersji 2.0. Od tamtej pory niewiele się zmieniło, ale nadal jest to filtr, który warto poznać. Może się wydawać, że jest to skomplikowany proces, ale jeśli spróbujesz go kilka razy, jest to proste. To, co robi, to przesuwanie jasnych pikseli w górę iw lewo, a ciemne piksele w dół iw prawo. Tworzy to iluzję głębi poprzez światło. Dlatego twoja mapa przemieszczenia musi być dość kontrastowa.

Jak uzyskać dostęp do filtru Zniekształcanie w programie Photoshop.

Pierwsza metoda, którą opisuję poniżej, pokazuje, jak używać kształtu wektorowego do tworzenia oznakowania drogowego i mapowania go na nawierzchnię drogi. Ten proces byłby taki sam, jak w przypadku stosowania logo lub tekstu na dowolnym tle z teksturą. W pozostałych dwóch przykładach opisuję, w jaki sposób można wykorzystać mapy przemieszczenia do tworzenia efektów cienia. Spójrzmy.

1. Dodanie realistycznego oznakowania drogi

Przed i po, gdzie do oznakowania drogi zastosowano mapę przemieszczenia.

Cel: Stworzenie realistycznego oznakowania drogi z grafiki wektorowej.

Zacznijmy od podstawowego obrazu drogi. Mapa przemieszczeń w skali szarości zostanie utworzona z tego obrazu. Trzeci obraz to płaski obraz wektorowy oznakowania drogi. Użyłem narzędzia Lasso wielokątne, aby narysować kształt podobny do oznakowania drogi i wypełniłem go białym kolorem. Przekształć to w obiekt inteligentny, a następnie ukryj tę warstwę.

Proces mapy przemieszczenia:

Otwórz panel Kanały i kliknij każdy z kanałów czerwonego, zielonego i niebieskiego, aby zobaczyć, który ma największy kontrast. W tym przykładzie wybrałem niebieski. Kliknij i zduplikuj ten kanał.

Powielanie kanału niebieskiego w celu utworzenia mapy przemieszczenia.

Spowoduje to wyświetlenie kolejnego okna dialogowego (patrz poniżej). Gdzie jest napisane Dokument, kliknij zakładkę i wybierz Nowy. Nazwij ten plik Przemieszczenie drogi lub cokolwiek chcesz i kliknij OK.

Kliknięcie zakładki Dokument, aby wybrać Nowy, aby utworzyć nowy dokument dla mapy przemieszczenia.

Spowoduje to utworzenie nowego dokumentu z warstwą o nazwie Alpha 1. Zanim zapiszesz ten dokument jako plik PSD w skali szarości (Photoshop). Musisz dodać więcej kontrastu, idź Menu> Obraz> Dopasowania> Poziomy, następnie dodaj rozmycie gaussowskie 9,9 pikseli. Dzięki temu krawędzie kształtu wektora oznakowania drogi będą przylegać do konturów drogi zamiast mieć postrzępioną krawędź. Przekonwertuj ten obraz na skalę szarości i zapisz go jako plik Przemieszczenie road.psd. Zamknij ten dokument.

To okno dialogowe pojawia się bezpośrednio po wybraniu opcji Nowy w poprzednim kroku.

Mapa przemieszczeń w skali szarości obrazu drogi.

Wróć do oryginalnego dokumentu, w którym nadal jesteśmy w panelu Kanały, a niebieski kanał jest nadal podświetlony. Kliknij warstwę RGB, aby przywrócić kolorystykę obrazu.

W panelu Warstwy (zwykle mam to zagnieżdżone obok panelu kanałów) kliknij kwadrat po lewej stronie miniatury warstwy, aby przywrócić widoczność kształtu wektora drogi, który narysowałem przed utworzeniem mapy przemieszczenia. Zobacz obrazek poniżej.

Po podświetleniu tej warstwy przejdź do Menu> Filtr> Zniekształcanie> Przemieszczenie. Pojawi się małe okno dialogowe. Wielkość zastosowanego zniekształcenia będzie zależeć od wartości wprowadzonych w polach Skala pozioma i pionowa. Domyślnie 10 w każdym pudełku. Te wartości przedstawiają wartości procentowe.

Im wyższe wartości, tym większe zniekształcenie. Poeksperymentuj, aby zobaczyć pożądany efekt, który chcesz. Podczas konwersji warstw do formatu Inteligentne obiekty, wszelkie wprowadzane zmiany można łatwo i nieniszcząco. Dla tego obrazu wybrałem 55 w skali poziomej i 80 w skali pionowej. Chciałem mieć więcej zniekształceń na oznakowaniu drogi, aby pasowały do ​​znoszonego wyglądu drogi.

W tym momencie Twój obraz może wyglądać nieco dziwnie, wykonaj następny krok, aby wyglądał bardziej zmiksowany i realistyczny.

Zbliżenie oznakowania drogi po zastosowaniu mapy przemieszczenia i ostatecznych poprawek.

Ostatnie poprawki: nadanie oznakowaniu drogi bardziej realistycznego wyglądu.

Dodałem rozmycie gaussowskie 4px, aby pozbyć się lekko pikselizowanej krawędzi kształtu. Kliknij dwukrotnie w dowolnym miejscu po prawej stronie warstwy, aby wyświetlić okno Styl warstwy. Zmieniłem tryb mieszania na nakładkę, zmniejszyłem krycie do 77% i wypełnienie do 90%. W sekcji Mieszaj, jeśli przeniosłem czarny suwak na 187 na warstwie bazowej.

Wskazówka. Jeśli przytrzymasz klawisz Alt / Option podczas przeciągania czarnych lub białych suwaków, spowoduje to podzielenie strzałki suwaka na dwie, co sprawia, że ​​mieszanie jest bardziej płynne.

Czarny suwak jest podzielony na warstwie bazowej w oknie dialogowym Opcje mieszania.

2. Efekty cienia - woda

Obrazy przed i po przedstawiające zniekształcenie słowa „Przemieszczenie” po zastosowaniu mapy przemieszczeń.

Cel: stworzenie realistycznego, odblaskowego cienia w wodzie za pomocą tekstu.

Użyłem słowa „Przemieszczenie”, aby pokazać, jak cień w wodzie może wyglądać dość efektownie i realistycznie. Mapa przemieszczenia, którą stworzyłem dla tego obrazu, działała naprawdę dobrze w zniekształcaniu tekstu, aby zawijał się wokół fal wody. Wykonałem te same kroki, aby wygenerować przesunięcie jak powyżej, ale zastosowałem rozmycie gaussowskie o wartości 5,4 piksela dla tego obrazu.

Wartości, które dodałem w oknie dialogowym Przemieszczenie dla skali poziomej i pionowej, wynosiły odpowiednio 80.

Aby uzyskać ostatnie poprawki, dodałem rozmycie gaussowskie o wielkości 10,1 piksela. Zmieniłem tryb mieszania na miękkie światło, zmniejszyłem krycie do 78% i wypełnienie do 80%. W sekcji Mieszaj, jeśli przeniosłem czarny suwak na warstwie bazowej na 148.

Słowo Przemieszczenie zostało zniekształcone na podstawie mapy przemieszczeń.

2. Efekty cienia - Film Noir Look

Wykorzystanie czarnych poziomych linii i mapy przemieszczeń do symulacji światła wpadającego przez rolety okienne.

Cel: Stworzenie efektu filmu noir lub efektu światła wpadającego przez rolety.

W przypadku tego obrazu musiałem wykonać więcej pracy w Photoshopie, aby uzyskać ostateczny wygląd. Proces generowania mapy przemieszczenia jest tutaj taki sam, jak w innych przykładach. Pamiętaj tylko, że kanał niebieski nie jest najlepszym wyborem dla fotografowanych osób, ponieważ odcienie skóry wyglądają okropnie.

Wyizolowałem model z tego obrazu i umieściłem go na osobnej warstwie z maską warstwy. Dodałem warstwę dopasowania Czarno-biały, a następnie utworzyłem grube czarne poziome linie za pomocą narzędzia Zaznaczanie prostokątne, aby przypominały listwy okienne na osobnej warstwie. Następnie zduplikowałem tę warstwę. Użyłem jednego jako warstwy tła i dodałem znaczną ilość rozmycia gaussowskiego. Następnie przeniosłem drugą warstwę nad model za pomocą maski warstwy. Chciałem skierować czarne linie (rolety okienne) na twarz modelki. Zrobiłem to za pomocą narzędzia Free Transform Tool.

Czarne linie utworzone za pomocą narzędzia Zaznaczanie prostokątne.

Zrobiłem mapę przemieszczeń i zniekształciłem listwy na powierzchni modelu, używając 15 i 20 jako wartości dla skali poziomej i pionowej.

Czarne linie zostały zniekształcone przez filtr Przemieszczenia przy użyciu mapy przemieszczeń.

To tylko krótki opis ostatnich poprawek: zastosowałem Gradient Overlay i kilka Burning, aby przyciemnić lewą stronę modelu, ponieważ źródło światła pochodzi z tego kierunku. Dodałem rozmycie gaussowskie 28,9px i zmniejszyłem krycie do 40%.

Porady

  • Niebieski to najgorszy kanał do wyboru, jeśli tworzysz mapę przemieszczeń, w której występują odcienie skóry.
  • Kanał zielony zwykle pokazuje największy kontrast.
  • Upewnij się, że używasz rozmycia gaussowskiego podczas tworzenia map przemieszczeń.
  • Mapy przemieszczeń muszą być zapisane jako plik PSD w skali szarości.

Mam nadzieję, że zainspirowałem Cię do tworzenia map przemieszczeń i korzystania z filtra przemieszczenia, jeśli nigdy wcześniej go nie próbowałeś.