Spójrzmy prawdzie w oczy, wbudowany efekt cienia w Photoshopie ma swoje ograniczenia. Jest to przydatne w przypadku podstawowych efektów cienia, takich jak na przykład nieznaczne podniesienie tekstu na tle strony internetowej, ale jeśli szukasz czegoś bardziej realistycznego, cień sam w sobie go nie wycina. Jednak z niewielką pomocą możemy przekształcić te proste, nieciekawe cienie w coś znacznie bardziej realistycznego, „mapując” nasze cienie na obraz, używając tak zwanej mapy przesunięcia . Mapy przemieszczeń są tym, czego używają profesjonaliści, aby dodać realizm obrazom, ale nie pozwól, aby cię to odstraszyło. Nie musisz być profesjonalistą, aby z nich korzystać. W rzeczywistości są bardzo proste.
Jak zobaczymy w tym samouczku Photoshopa, mapa przemieszczeń jest tak naprawdę niczym więcej niż oddzielną, czarno-białą wersją twojego obrazu, której Photoshop używa, aby dowiedzieć się, jak zmienić kształty cieni, aby wyglądały, jakby były zgodne z naturalnymi teksturami i głębokości tła za nimi, tak jak zrobiłby to prawdziwy cień. Pomyśl o mapie przemieszczenia jako o Photoshopie przenoszącym piksele z „dis place to dis place”. Jeśli ma to dla ciebie sens, świetnie! Jeśli nie, nie martw się, do czasu ukończenia tego samouczka.
Oto mój oryginalny obraz, proste zdjęcie wody:
Dodam do niego jakiś typ, a następnie dodam cień do tego typu. Zwykle dostałbym coś, co wygląda następująco:
Wcale niezbyt realistyczne. Cień wydaje się nieco podążać za kształtami fal pod nim, ale dzieje się tak tylko dlatego, że krycie cienia jest ustawione na domyślną wartość 75%, więc niektóre fale się przez niego wyświetlają. Zmniejszone krycie trochę pomaga, ale zdecydowanie nie jest to najlepsze, co moglibyśmy zrobić. W większości cienie wyglądają płasko.
Jednak dzięki mocy Photoshopa i mapom przemieszczeń mogę z łatwością przekształcić ten uproszczony cień w coś podobnego do tego:
Wygląda to o wiele lepiej, a tworzenie tego „zmapowanego” efektu cienia jest tym, co będziemy robić w tym samouczku.
Ten samouczek pochodzi z naszej serii efektów fotograficznych. Zacznijmy!
Krok 1: Dodaj jakiś typ powyżej obrazu
Moje zdjęcie wodne jest otwarte w Photoshopie, a na mojej palecie Warstwy widzę, że obecnie mam jedną warstwę, warstwę tła, która zawiera mój obraz:
Paleta Warstwy programu Photoshop pokazująca oryginalny obraz otwarty na warstwie tła.
Pierwszą rzeczą, którą zamierzam zrobić, to dodać typ, którego będę używać. Naciśnij T na klawiaturze, aby szybko uzyskać dostęp do narzędzia Tekst i dodać tekst. Zamierzam wpisać „DEEP BLUE”:
Naciśnij „T” na klawiaturze, aby szybko uzyskać dostęp do narzędzia Tekst i dodać tekst do obrazu.
Oto moja paleta Warstwy, która pokazuje teraz dwie warstwy - moją oryginalną warstwę tła i nowo dodaną warstwę tekstową nad nią:
Paleta Warstwy pokazuje teraz warstwę tekstową dodaną powyżej warstwy tła.
Nie musisz robić tego następnego kroku, jeśli nie chcesz, ale zamierzam rozciągnąć tekst i podnieść go, naciskając Ctrl + T (Win) / Command + T (Mac), aby wyświetlić Photoshopa Pole Free Transform i uchwyty wokół mojego typu, a następnie trzymając wciśnięty klawisz Alt (Win) / Option (Mac), przeciągnę pole Free Transform w górę z górnego środkowego uchwytu (zakreślone na czerwono na zrzucie ekranu poniżej). Przytrzymanie klawisza Alt / Option powoduje, że Photoshop naciąga tekst od środka, rozciągając jednocześnie górę i dół.
Rozciągnięcie tekstu i podniesienie go za pomocą polecenia Free Transform programu Photoshop. Przytrzymanie klawisza Alt (Win) / Option (Mac) podczas przeciągania z górnego uchwytu zwiększa wysokość tekstu zarówno od góry, jak i od dołu w tym samym czasie, gdy przeciągam.
Po wprowadzeniu tekstu dodamy następny cień.
Krok 2: Dodaj cień do tekstu
Po wybraniu warstwy tekstowej kliknij ikonę Dodaj styl warstwy u dołu palety Warstwy:
Kliknij ikonę Dodaj styl warstwy u dołu palety Warstwy.
Wybierz Drop Shadow z wyświetlonej listy stylów warstw:
Wybierz styl warstwy Cień z listy.
Spowoduje to wyświetlenie okna dialogowego Styl warstwy pokazującego nam opcje Drop Shadow:
Okno dialogowe Styl warstwy pokazujące opcje Cienia.
Pozostawię ustawienie Krycie na wartość domyślną 75%, a Kąt na 120 stopni. Jedyną opcją, którą zamierzam zmienić, jest Odległość, którą ustawię na 20 pikseli, jak pokazano powyżej. Po zakończeniu kliknij przycisk OK, aby wyjść z pola opcji.
Oto mój obraz z zastosowanym cieniem:
Obraz z cieniem zastosowanym do tekstu.
Zdecydowanie nie to, co nazwałbyś realistycznym. Oczywiście nie pamiętam, kiedy ostatni raz widziałem tekst unoszący się nad wodą w prawdziwym życiu, ale gdybym go zobaczył, jestem pewien, że cień nie wyglądałby tak fałszywie. Na szczęście naprawienie tego problemu dotyczy tego samouczka. Następnie będziemy tworzyć naszą mapę przemieszczeń.
Krok 3: Skopiuj warstwę tła i wklej jako nowy kanał
Na palecie Warstwy kliknij ponownie warstwę tła, aby ją wybrać:
Kliknij warstwę tła na palecie Warstwy, aby ją wybrać.
Po wybraniu warstwy tła naciśnij Ctrl + A (Win) / Command + A (Mac), aby wybrać zawartość warstwy, która w tym przypadku jest oryginalnym zdjęciem wodnym. Zobaczysz pole wyboru wokół obrazu w oknie dokumentu. Następnie naciśnij Ctrl + C (Win) / Command + C (Mac), aby skopiować zawartość warstwy.
Teraz przejdź do palety Kanały, która jest zgrupowana tuż obok palety Warstwy, i kliknij ikonę Utwórz nowy kanał na dole palety Kanały, zaznaczoną na czerwono poniżej:
Kliknij ikonę Utwórz nowy kanał u dołu palety Kanały.
Nowy kanał wypełniony kolorem czarnym, który Photoshop nazywa „Alpha 1”, pojawi się pod istniejącymi kanałami czerwonym, zielonym i niebieskim:
Photoshop dodaje nowy kanał poniżej kanału Blue i nazywa go „Alpha 1”.
Po wybraniu kanału „Alpha 1” naciśnij Ctrl + V (Win) / Command + V (Mac), aby wkleić zawartość warstwy tła do tego nowego kanału. Zobaczysz obraz czarno-biały w obszarze podglądu miniatur kanału „Alpha 1”:
Zawartość warstwy tła jest wyświetlana w czerni i bieli wewnątrz miniatury podglądu nowego kanału.
W oknie dokumentu pojawi się ta sama czarno-biała wersja:
Czarno-biała wersja warstwy tła pojawia się teraz w oknie dokumentu.
Naciśnij Ctrl + D (Win) / Command + D (Mac), aby odznaczyć obraz w tym momencie. Następnie zastosujemy filtr Rozmycie gaussowskie na nowym kanale.
Krok 4: Zastosuj filtr rozmycia gaussowskiego na nowym kanale
Będziemy używać tego nowego kanału jako naszej mapy przemieszczenia dla naszego cienia, a jedną z rzeczy, których chcemy uniknąć, są ostre lub szorstkie krawędzie na mapie przemieszczenia, dzięki czemu nasz cień będzie płynął płynnie i naturalnie z fale i fale w wodzie. Aby upewnić się, że wszystko jest ładne i płynne, dodam do tego kanału filtr Rozmycie gaussowskie.
Po wybraniu kanału „Alpha 1” przejdź do menu Filtr u góry ekranu, wybierz opcję Rozmycie, a następnie wybierz Rozmycie gaussowskie, które wyświetla okno dialogowe Rozmycie gaussowskie:
Wybierz Filtr> Rozmycie> Rozmycie gaussowskie, aby wyświetlić okno dialogowe Rozmycie gaussowskie.
Chcesz dodać tylko niewielką ilość rozmycia. Używam obrazu o niskiej rozdzielczości do tego samouczka, a dla mnie wartość Promienia około 2 pikseli załatwia sprawę. Jeśli używasz obrazu prosto z aparatu cyfrowego, są szanse, że będzie to znacznie wyższa rozdzielczość, aw takim przypadku prawdopodobnie okaże się, że ustawienie około 5-6 pikseli działa dobrze. Ponownie, chcemy tylko niewielkiej ilości rozmycia, wystarczającej do wygładzenia wszystkiego.
Krok 5: Zwiększ kontrast kanału dzięki poziomom
Następną rzeczą, którą chcemy zrobić, jest zwiększenie kontrastu tego kanału, ponieważ im wyższy kontrast, tym większy wpływ będzie miała nasza mapa przemieszczeń. Ponownie, gdy nowy kanał jest nadal wybrany, użyj skrótu klawiaturowego Ctrl + L (Win) / Command + L (Mac), aby wyświetlić okno dialogowe Poziomy :
Użyj poziomów, aby zwiększyć kontrast nowego kanału, co zwiększy wpływ naszej mapy przemieszczeń na cień.
Przy otwartym oknie dialogowym Poziomy przeciągnij suwaki Poziomy wejściowe czarnego i białego punktu (oba zaznaczone na czerwono powyżej) w kierunku środka, aby zwiększyć kontrast kanału. Nie martw się, że stracisz jakikolwiek szczegół w światłach i cieniach, tak jak gdybyś używał poziomów do korekcji tonalnej na obrazie. Tutaj niepokoi nas tylko zwiększenie kontrastu.
Oto jak wygląda mój kanał po zwiększeniu kontrastu z poziomami:
Kanał „alfa 1” po zwiększeniu kontrastu za pomocą poziomów.
Skończyliśmy pracę nad kanałem i jest on gotowy do użycia jako mapa przemieszczeń, ale aby go użyć, musimy stworzyć z niego nowy dokument i zrobimy to później.
Krok 6: Zduplikuj kanał jako nowy dokument
Zastosowaliśmy nasz filtr Rozmycie gaussowskie do kanału, aby wszystko wygładzić, i zwiększyliśmy kontrast dzięki Poziomom. Nasz kanał jest gotowy do użycia jako mapa przemieszczeń, ale aby użyć mapy przemieszczeń, musi to być osobny plik, a obecnie jest to tylko kanał w naszym oryginalnym pliku. Zamierzamy zapisać go jako nowy plik, powielając kanał. Kliknij małą strzałkę skierowaną w prawo w prawym górnym rogu palety Kanały, aby uzyskać dostęp do opcji palety Kanały, i wybierz Duplikuj kanał z rozwijanej listy, która się pojawi:
Kliknij małą strzałkę w prawo w prawym górnym rogu palety Kanały i wybierz „Duplikuj kanał” z listy opcji.
Pojawi się okno dialogowe Duplikat kanału:
Okno dialogowe „Duplikat kanału”.
W polu Miejsce docelowe kliknij strzałkę skierowaną w dół i wybierz opcję Nowy, aby powielić kanał jako całkowicie osobny dokument i nadać nowemu dokumentowi nazwę. Nazwałem mój „wypieraniem wody”. Po zakończeniu kliknij przycisk OK, a Twój kanał pojawi się na ekranie jako nowy dokument programu Photoshop.
Krok 7: Zapisz nowy dokument
Zapisz ten nowy dokument na pulpicie lub w dowolnym miejscu, w którym chcesz go zapisać na komputerze, i pamiętaj, gdzie go zapisujesz, ponieważ za chwilę go uzyskamy. Po zapisaniu dokumentu przejdź dalej i zamknij go, pozostawiając otwarty tylko oryginalny dokument.
Krok 8: Utwórz nową warstwę ze stylu warstwy cienia
Zwykle style warstw, takie jak cienie, to po prostu efekty zastosowane do innych warstw, ale możemy przekonwertować style warstw na ich własne warstwy, co dokładnie musimy zrobić z naszym efektem cienia, aby móc go używać z naszym przesunięciem mapa. Po wybraniu warstwy tekstowej przejdź do menu Warstwa u góry ekranu, wybierz Styl warstwy, a następnie w dół u dołu listy wybierz Utwórz warstwę :
Przejdź do Warstwa> Styl warstwy> Utwórz warstwę, aby przekonwertować efekt cienia na osobną warstwę poniżej warstwy tekstowej.
Po wybraniu opcji „Utwórz warstwę” z opcji Styl warstwy, Photoshop pobiera cień, rasteryzuje (konwertuje go na piksele), a następnie umieszcza go na osobnej warstwie bezpośrednio pod warstwą tekstową:
Cień pojawia się teraz na własnej warstwie poniżej warstwy tekstowej.
Mamy naszą mapę przemieszczeń i mamy cień na własnej warstwie. Jesteśmy gotowi połączyć te dwa elementy i stworzyć znacznie bardziej realistyczny efekt cienia, a my zrobimy to później.
Krok 9: Zastosuj mapę przemieszczenia do warstwy cienia za pomocą filtra przesunięcia
Jesteśmy gotowi zastosować naszą mapę przemieszczeń. Kliknij warstwę cienia na palecie Warstwy, aby ją wybrać. Następnie przejdź do menu Filtr u góry ekranu, wybierz Zniekształć, a następnie wybierz Przemieść, aby wyświetlić okno dialogowe Filtr Przemieść:
Przejdź do Filtr> Zniekształć> Odsuń, aby wyświetlić okno dialogowe filtru „Odsuń”.
Używanie filtru Przemieszczenie w Photoshopie składa się z dwóch części. Najpierw ustaw opcje, w jaki sposób Photoshop zastosuje mapę przemieszczenia, a następnie wybierz mapę przemieszczenia, której chcesz użyć. W pierwszym oknie dialogowym, które się pojawi, można ustawić opcje. Jak już zaznaczono powyżej, ustaw zarówno opcję Skala pozioma, jak i Skala pionowa na 10, jeśli nie są one już ustawione na 10. W przypadku mapy przemieszczenia wybierz opcję Rozciągnij, aby dopasować, a dla obszarów niezdefiniowanych wybierz opcję Zawiń . Po zakończeniu kliknij OK.
Otworzy się drugie okno dialogowe z prośbą o wybranie pliku, którego chcesz użyć jako mapy przemieszczenia. Przejdź do miejsca, w którym zapisałeś mapę przemieszczenia z kilku kroków wstecz i wybierz ją. Kliknij Otwórz, aby użyć mapy przemieszczenia, a Twój cień zostanie natychmiast zmapowany na tle za nim!
Aby uzyskać lepszy obraz tego, co się dzieje, kliknę ikonę gałki ocznej po lewej stronie warstwy tekstowej, aby tymczasowo ukryć mój tekst przed widokiem, dzięki czemu mogę zobaczyć tylko cień i wodę za nim. Oto jak wyglądał mój cień przed zastosowaniem mapy przemieszczeń:
Cień przed zastosowaniem mapy przemieszczenia, z warstwą tekstową tymczasowo ukrytą.
A oto mój dokładnie ten sam cień po zastosowaniu mojej mapy przemieszczeń:
Cień po zastosowaniu mapy przemieszczenia.
Dzięki mapie przemieszczenia cień nie spoczywa już płasko na obrazie za nim. Teraz zakręca się i wygina z wodą, tworząc znacznie bardziej realistyczny efekt.
Ponownie kliknę ikonę gałki ocznej mojej warstwy tekstowej, aby wyświetlić tekst z powrotem nad cieniem, a oto mój końcowy wynik:
Wynik końcowy.
Mamy to! W ten sposób można tworzyć realistyczne cienie w Photoshopie, mapując je na obraz za pomocą map przemieszczeń. Sprawdź naszą sekcję Efekty fotograficzne, aby uzyskać więcej samouczków dotyczących efektów Photoshop!